The Challenge:
Garnier needed to create a deeper relationship with both new and existing hair color users while building credibility, buzz and driving sales of it’s four color brands. It's previous online experience had been fragmented, limited, and less than successful.  To succeed, the brand needed to make the hair color category easier to navigate and find ways to delight consumers with uniquely personalized experiences.

The Solution:
"Hair color made easy" is the focus of Color Connection and Shade Selector. CC provides the tools and information to take the confusion and stress out of coloring your hair by providing tips, video tutorials, and care follow-up for those wanting to maintain their color, explore the latest trends, or make a more radical transformation. Users can save their shade discoveries for later, chat with a specialist, or utilize the Shade Selector tool to go through a dynamic interactive experience to get recommendations for the right shade. The branding was refreshed to be more vibrant, exciting, and personable.

I was the design director and in charge of the creative concept creation, the custom UI, and brand visual design.

This project was executed during my employment at Moxie Interactive.

The Core Team:

Katie Degentesh - Creative Director

Alex Saiz - Copywriter

Homepage: Users start with a landing page (top) and enter the app through Simplicity, Trends, or Transformation, setting the tone for exploring top-level hair color advice and product recommendations. 

Watch a video of the interaction:

A Branded Experience: A clear, fun, and interactive tool that makes finding the right product incredibly easy.

Color Connection and Shade Selector were the driving features of a successful national campaign and won Zenith Optimedia's Project of the Year.