Colgate CP Shop
A 20 page responsive, e-commerce website for Colgate India hosting their products in a unique bundle format with a bold and playful design language.
FIELD
Responsive UI Design for desktop and
mobile site
TEAM (as part of VMLYR)
Sharmeen Aziz - UI Design
Vijay Vardhan- UI Design
Fatima Bibi - UX Design
TIME FRAME
Feb 2021 to May 2021
(4 months)
SUMMARY
Oral care is more than just a routine
This project for Colgate India was challenging and exciting at the same time. We created a web personality so young, fresh and unique that it blew everyone’s minds. This design used all of Colgate’s brand colours in the starkest way possible and showcased the Colgate font in a never seen before stance.
Colgate bundles for every oral and dental concern were showcased in dynamic cards with multiple pieces of information all laid out in a visually appealing way. This website became Colgate’s biggest marketplace for its bundles. The site also showcased detailed product pages and relevant content in a blog style experience.
ITERATION 1
Staying within the boundaries
The first attempt at this design was made keeping in mind every guideline that Colgate usually stayed within. Following the brand’s design system, I created this version as the brand mostly played it safe and the approval would be inevitable.
However, this time the brand team came back to us and asked us to go further. To try something new. Something that Colgate had not done before. Leading us to our next and final design.
Homepage (desktop and mobile)
FINAL DESIGN
Exploring something unique
The second attempt at the design was one where we gladly forgot the rules to create something unique, fun and playful. This design used the same fonts and colours of the brand but with playful sizes and combinations to create this exciting piece.
This design was well received by the client and reminded everyone how a brand can stay within the guidelines and yet push itself into more dynamic avenues. While it ran, the site attracted a good customer base and garnered successful sales.
Homepage (desktop and mobile)
Category page & product detail page (desktop and mobile)
