︎
    New Media Art     Workshops     Commercial Works     Info     ︎
Garnier Nutrisse 
︎
2013
My role
Art Direction
Pitching
UI/UX Design & Research
Graphic Design
Digital animation

Softwares
Illustrator
Photoshop
Flash ︎



Context
While working at Haygarth, one of my main clients was L’Oreal, particularly their sub-brand Garnier.
The project I am showing you here is one of the many projects I worked on for them. For this project, I was tasked to produce a microsite for Nutrisse - a home hair colour product.
Role specifications
Pitching and responding successfully to a brief by L’Oreal Garnier. It consisted in creating a Shade Selector microsite to be implemented in the Garnier website. The goal was to help visitors find a colour shade, by following a series of interactive steps and questions. Alongside this, we also created a campaign to find embassadors for each of the Nutrisse shades. They were featured in the microsite and across social media platforms.

My role also involved leading a team of developers and designers working on this project and campaign. Please scroll down for images ︎︎︎







The microsite had four sections: ‘Home’, ‘About Nutrisse’, ‘Choose a Colour’ and ‘Colour Advice’.
Find some of these pages below ︎︎︎




CHOOSE A COLOUR SECTION - First of six steps on the 'Choose a Colour' section CHOOSE A COLOUR SECTION - Last step on the 'Choose a Colour' section CHOOSE A COLOUR SECTION - End screen on the 'Choose a Colour' section ABOUT NUTRISSE - First page of the 'About' section. Users are invited to see the different colour ranges by clicking on the respective ambassador. ABOUT NUTRISSE - The 'Blonde' shade is selected, updating the area at the bottom of the screen, which now shows all respective shades. ABOUT NUTRISSE - Users can click on a square/shade to see more details and to buy. COLOUR ADVICE - Users are invited to select from two options in order to get an answer: option '1. Select your product' and option '2. Do you want to:' COLOUR ADVICE - Here, a user has selected 'Nutrisse Creme' from option 1. and 'Colour your whole hair?' from section 2.











Works menu ︎︎︎





Nestor Pestana © Copyright 2022. All Rights Reserved.