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.
Logo
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 the 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.
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.
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.
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.
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.