top of page

Coats launched its eCommerce platform in 2023, where I was responsible for leading the Creative Direction for the website design from concept to completion.

Coats eCommerce Design

CREATIVE DIRECTION  |  E-COMMERCE UI/UX DESIGN

Coats eCommerce Design

CREATIVE DIRECTION  |  E-COMMERCE UI/UX DESIGN

Coats launched its eCommerce platform in 2023, where I was responsible for leading the Creative Direction for the website design from concept to completion.

Coats_Website_HP_MacBook_iPad_iPhone_Mockup.jpg

"Clinically Proven,
Approved by Dermatologists,
Trialed by You. "

Credits:

Shopify Plus Platform Build & Development: Fostr

Team: Waldencast / Coats Brand team

SCOPE

Coats is a vegan, cruelty free, clinically proven and dermatologist approved skincare brand, designed for young skin. Launched in 2022 with sales coming only through Amazon and TikTok, the brand was in a position to expand 2023, with a need for a transactional,  international eCommerce website.

Coats_Website_Shop-by-Product-2.png
Coats_Website_PDP_Moisturiser-2.png
Coats_Website_Shop-all-2.png
Coats_Website_Mobile_Mockup_5Screens.jpg
Coats_Website_Mobile_Mockup_EmptyScreen_2.png

BRAND GUIDELINES

Inspired by chemistry, the periodic table and lab equipment, the brand has a square design system and grid-work at its core. We used this, together with its bright colour palette, to design a fun and animated website. From educational features such as the ‘Skin Quiz’ and the ‘Skin School’ to interactive initiatives such as the ‘Campus Ambassador Program’ and ‘DM-a-Derm’, the site engages the user  beyond being purely transactional.

Coats_Website_DM-a-Derm-2.png
Coats_Website_SkinSchool-2.png

CREATIVE DIRECTION

With a mobile-first approach, I was responsible for leading the ideation and Creative Direction for the website design from concept to completion. The goal was to create a visually engaging and highly functional website that caters to the needs of the Coats consumer whilst solving common eCommerce challenges and delivers an exceptional user experience. I worked in close collaboration with the Coats brand team and the eCommerce agency who was developing the site for us. Building on the Brand Book, taking colour palette, typography and design guidelines into consideration, we crafted an eye-catching and unique framework for the site.

Coats_Website_Mobile_Mockup_EmptyScreen_2.png
Coats Website - Menu-Mobile-1.png
Coats Website - Menu-Mobile-2.png
Coats Website - Mini Cart-Mobile.png
Coats_Website_Shop-by-Product-2.png
Coats_Website_Shop-all-2.png
Coats_Website_PDP_Moisturiser-2.png
Coats_Website_SkinSchool-2.png
Coats_Website_DM-a-Derm-2.png

BRAND GUIDELINES

Inspired by chemistry, the periodic table and lab equipment, the brand has a square design system and grid-work at its core. We used this, together with its bright colour palette, to design a fun and animated website. From educational features such as the ‘Skin Quiz’ and the ‘Skin School’ to interactive initiatives such as the ‘Campus Ambassador Program’ and ‘DM-a-Derm’, the site engages the user  beyond being purely transactional.

bottom of page