TeenVoice eCommerce

#cutthesilence

Project

E-COMMERCE WEBSITE DEVELOPMENT

June | 2014
Description

TeenVoice creates videos 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 monetise 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.

R 95

G 225

B 163 Hex #5fe1a3

R 224

G 224

B 224 Hex #e0e0e0

Colours

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.

Icons and Illustrations

We wanted to build an environment around the e-shop website, so we created custom iconography and illustrations that matched the website’s personality. The action of each icon is instantly recognisable to the visitors, which helps with the easy navigation of the website. An illustrated character was placed on the right side to display cart items, serving both aesthetic and functional purposes.

TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
Website

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 e-shop 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.

TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
Mobile Version

The mobile version carried on the funky youthful style of the e-shop website in a smaller setting. A clean intuitive UX/UI layout, attention to detail, and making everything as neat as possible with a happy overtone - 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.

TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
Product Design

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 of healing. The slogan #cutthesilence inspired the breaking of taboos and raised concern over teenage issues. A handful of other illustrations were created as well, which featured products such as T-shirts, phone cases etc.

TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
TeenVoice eCommerce
Get in touch