woman-red-hair

Tresemmé

Globally recognised haircare brand known for its extensive range of salon-quality products.

Spring Studios

Agency

UI/UX Design

Role

2016

Year

tres-hero-4

Foundations

The brutalist rebranding of this company simplifies both the colour palette and typography to achieve a bold and minimalist aesthetic. Using solely grayscale tones in the design allows the interface to recede into the background, putting the products in the forefront.

tres-typography-3
tres-colours
tres-spacing-3
tres-layout-2
tres-typescale-2

Components

Tresemmé's online e-commerce website is one of over 50 brands owned by the umbrella company Unilever. Just over 80 components were carefully crafted to align with a framework enabling fluid updates by the brand manager.

Striking beauty photographs and large product images dominate the page designs. The uniform forward-facing photographs of haircare products make the collections look part of a set and easily comparable. Each range has it’s own colour and styling features.

tres-website-botanique-2
tres-website-solutions-3

Since every section of the website had to be componetised, nothing was left out of the design scrutiny. Even third-party social plugins like Olapic where turned into symbols that can be re-used in the design.

chs-mobile-menu-2
chs-mobile-look-2
chs-mobile-olapic-2

Localisation

For such a global brand, it was out of the question if the e-commerce product will launch in different languages. From the start we launched in 19 languages in over 34 countries both LTR and RTL text orientation.

tres-localisation-arabic-2
tres-localisation-country-2

Credits

Creative Agency

Creative Director

Supporting UI Designer

Project Manager

index-pointing
View