eCommerce Website Development
June | 2014
TeenVoice creates Vinfos that explain issues faced by teenagers, such as matters concerning life skills, relationships, dating etc. After we worked on their website and stop-motion video, the client wanted us to build an e-commerce store where they could monetize their brand. As usual, we started from scratch, with everything being custom designed and coded. The logo, iconography, cartoon figure on the right - everything contributed to oozing a funky youthful vibe, which resonated with the brand.
The store logo needed to remain the same as the main logo, but with a distinct division between the store and the website logo. A skateboard, which is reminiscent of youth and a product itself, was added to the logo. The overall logo blends youthfulness with the conventionality of the eCommerce store while making clear communication with the audience.
B 163 Hex #5fe1a3
B 224 Hex #e0e0e0
Minty teal and grey were used as primary colours for the store. The mint colour symbolises freshness, health and creativity, while grey represents professionalism, formality and conventionality. Elements such as logo, sidebar, cart, thumbnail backgrounds etc. were emphasised using mint colour, while grey was used on items with less emphasis, such as paragraphs and other secondary items.
We believe in creating websites that are not only functional but also provide an experience to the user. To achieve that, we built everything from the ground up. We focused on making a well-optimised website that is fast, SEO friendly and easy to maintain. A good amount of thought went into designing the registration and billing system, which allowed the users to fill in all of their information on a single page. Even though built-in 2014, everything on the website looks very relevant to this day.
The mobile version carried on the funky youthful style of the website in a smaller setting. A clean intuitive UX/UI layout, attention to detail, making everything as neat as possible with a happy overtone - these were some of the top priorities for us when designing the mobile version. To avoid screen clutters, only relevant information was set to appear. The visual hierarchy of elements was strictly maintained for ease of use.
Our job also included designing and creating the products that would be used by the audience of TeenVoice, who are teenagers themselves. So we focused on creating products that would carry a meaning. One of the prominent illustrations was a pierced heart with blossoming flowers, which could be interpreted as a symbol for healing. The slogan #cutthesilence inspired to break taboos and raise concern over teenage issues. A handful of other illustrations were created as well, which were featured products such T-shirts, phone cases etc.