MAC Cosmetic-Brow Recommender
Project Overview
The goal of this project was to design a mobile-first virtual brow experience that empowers MAC customers to discover, customize, and shop brow products tailored to their unique features. By combining AI-powered facial detection, Golden Ratio guidance, and step-by-step education, the tool helps consumers understand their brows better, explore personalized looks, and seamlessly transition from learning to purchasing.
In short, the experience was built to educate, inspire, and convert, bridging the gap between beauty expertise and digital convenience
Our Goal
The goal was to design a hyper-personalized virtual try-on (VTO) experience that:
-
Detected a user’s unique brow attributes through face scanning
-
Recommended tailored brow goals (shape, thickness, length, definition)
-
Educated consumers with step-by-step tips
-
Connected directly to a curated shopping list for instant conversion
Project Approach
We drove this project by following a human-centered design process:
-
Discovery & Research – Identified user needs around brow education, try-on, and product selection.
-
Analysis – Defined technical flows for AI detection, consent, and mobile optimization.
-
Experience Design – Created interactive wireframes, journey maps, and UI screens covering consent, scanning, analysis, and goal selection.
-
Education Layer – Built makeup tips and personalized guides tied to detected brow attributes.
-
Conversion Flow – Designed “Shop Your Brow” overlays and product bundles to link seamlessly into checkout.
-
Feedback & Iteration – Incorporated snapshot sharing, surveys, and post-purchase email touchpoints.
Key Features
-
AI Facial Detection – Scans brows and maps attributes
-
Golden Ratio Overlay – Guides users to ideal proportions
-
Customizable Goals – Adjust shape, length, thickness, color
-
Before/After Comparison – Visualize transformations instantly
-
Step-by-Step Education – Tips tailored to each brow goal
-
Shoppable Product List – Direct add-to-bag integration
-
Snapshots & Sharing – Save and share personalized looks
-
Exit & Feedback Loop – Survey and shopping cart integration
The Outcome
The Brow Recommender created a seamless path from discovery to purchase:
-
Educated consumers with confidence in brow styling
-
Offered an immersive, mobile-optimized try-on journey
-
Increased engagement and likelihood of conversion through personalization
