Garnier Stylefinder + Hair Genius

Interactive tools provide step-by-step guides, videos, and tailored product recommendations

Computer monitor and tablet displaying Garnier Fructis hair style and product finder web pages.

[ 2013 / Case study ]

Personalized Hair Styling Made Fun

The Project
‍
The Stylefinder is an interactive, animated, and filterable database of hairstyles that shows the user how to achieve the look with Garnier products through video and step-by-step instructions.
‍
The Hair Genius is a parallel site that makes product recommendations based on the user's hair and styling habits.A modification of the brand was implemented to give a more vibrant, youth-inspired image to the experience that extended from Garnier's standard beauty branding.

The Landing Page
‍
It features a dynamic filter, animated styles, video and step-by-step tutorials, and product recommendations.

The Hair Genius
‍
An interactive quiz that determines the users hair and style needs along with recommendations from the Style Finder.

Thank you!

I appreciate you taking the time to explore this project and the process behind it. If you’d like to connect, I’d love to hear from you—whether it’s to discuss a potential collaboration, compare notes on design challenges, or just say hello.
You can reach out directly using the links in the footer below, or head back to the Projects page to see more of my work.

Schedule a conversation