Revitalized HairCode quiz by curbing dropout rates through a focused UX/UI redesign, guided by a best-practices audit.
Summary
Procter and Gamble’s HairCode quiz aimed to personalize the haircare journey by providing curated product recommendations and care techniques based on quiz results and local weather conditions. However, the platform was plagued with challenges, including high dropout rates at the lead-generation stage. My initial approach involved a comprehensive best-practices audit where I dissected the strategies of top competitors to identify efficient user engagement techniques.
Armed with insights, I executed a complete overhaul of both the user experience (UX) and user interface (UI), focusing on streamlining the quiz journey while subtly incorporating lead generation elements, thus ensuring a more engaging user flow.
Roles
Sr. Director of UX
UX Designer
UI Designer
Tools
Figma
Adobe Illustrator
Responsibilities
Best Practices Audit
User Experience Design
User Interface Design
Challenge
Procter and Gamble’s HairCode quiz was designed to provide tailored haircare advice, but faced the hurdle of high user dropout rates at the lead generation phase. Despite its educational value and customization, the quiz wasn’t retaining users, affecting its overall effectiveness.
Solution
To resolve this, I initiated a thorough best-practices audit to identify areas for improvement and gain insights into competitor strategies. Using these findings as a foundation, I spearheaded a full UX/UI redesign aimed at not only enhancing the user experience but also reducing the dropout rates at the lead generation stage.
Best Practices Audit
Leveraging a keen eye for detail, I scrutinized leading industry quizzes from Prose, Function of Beauty, Vegamour, Sephora, and Formulate. The goal? To dissect their commonalities, efficiencies, and unique selling propositions.
This audit served as an insightful expedition, unearthing gems that would inform and elevate the revamped P&G HairCode experience into a veritable best-in-class offering.
Audit Findings
After a thorough analysis of the existing product and an investigative deep dive into top competitors, I have curated the following recommendations for elevating our user experience:
User Experience Design: Responsive
After thoroughly auditing Haircode’s existing quiz and top competitors in the market, I gathered invaluable insights.
Armed with this data, I began the meticulous process of redefining the blueprint for the new Haircode quiz, emphasizing a user-friendly and intuitive experience.
User Interface Design: Responsive
Leveraging Haircode’s established branding guidelines, I transformed our high-fidelity wireframes into a polished user interface design.
This phase served as the aesthetic bridge between the user’s needs and the brand’s identity, creating a harmonious user experience.