Sephora: VR Makeup Pro
A new mobile app feature
Role: User Research, UX/UI Design, Graphic Design
Timeline: May 2023 (2 weeks)
Welcome to Sephora's Newest Feature!
VR Makeup Pro
Introducing a cutting-edge feature that allows users to virtually experience different makeup products in real-time.
What is Sephora?
Sephora is a popular beauty retailer where you can explore and discover a wide range of cosmetics, skincare, and fragrances.
They provide an exciting shopping experience both in-store and online, including their convenient mobile app.
Project Goals
The project aims to seamlessly integrate the new virtual makeup try-on feature into Sephora's existing design, enhancing the overall user experience.
By incorporating this innovative tool, Sephora strives to provide customers with a fun and interactive way to explore different makeup styles, allowing them to make confident and informed purchasing decisions.
Target Audience
Sephora caters to beauty enthusiasts of all ages and backgrounds who are passionate about exploring the world of cosmetics and self-expression.
Demographical Data
-
Age: 16 to 50
-
Gender: Male and Female
-
Location: Worldwide
-
Income: All (lower, middle, upper middle, and upper class)
Psychographic Data
-
Beauty Enthusiasts
-
Tech Savvy
-
Fashion-Conscious Consumers
-
Decision-Driven Consumers
-
Social Media Engagers
Behavioral Data:
-
Regular Makeup Shoppers
-
Online Shoppers
-
Early Adopters
-
Engaged App Users
-
Social Sharers
User Interview Findings
-
They valued time and cost savings, as well as confident decision-making based on their unique skin tone.
-
Customization options, and accurate color representation.
-
Deeper brand engagement, product discovery, and positive word-of-mouth sharing.
_edited.png)
Competitive Analysis
The companies, Ulta, L'Oréal, and MAC, were chosen for a competitive analysis of a VR Makeup 'try-on' feature for Sephora due to their prominence in the beauty industry and their potential impact on Sephora's target market.
Key Findings
Ulta Beauty launched its virtual try-on feature, GlamLab.
Features:
Facial recognition, real-time makeup tracking, and product recommendations.
L'Oreal Paris launched its virtual try-on feature, Makeup Genius.
Features:
Facial recognition, AR makeup tracking, and social media sharing.
MAC Cosmetics launched its virtual try-on feature, Virtual Try-On.
Features:
Customization options such as adjusting intensity, opacity, and placement of the virtual makeup products.
Sketching Journey
During the sketching process for this added feature, I explored and tested different designs to enhance the user experience.
The options included an eye, camera, and mirror to determine which ones users easily recognized and associated with the virtual try-on makeup feature.
Design Analysis: Recognizability
I chose the mirror icon as the design for the virtual try-on feature.
To align it with Sephora's branding, I incorporated the shape of a woman into the mirror icon to increase recognizability.
It's strengthens the connection between the new feature design and Sephora's existing design.
New Feature Placement
Research revealed that the favorite icon was extensively used by Sephora users, influencing my decision to strategically position the try-on feature next to it for improved visibility and easy access.
User Flows
#1 Live Camera User Flow
The 1st flow allows users to use the live camera option, enabling them to see how the makeup looks on their own face in real time.
Feature/Product Screen
User Option Screen
Live Camera Screen
#2 Upload a Photo User Flow
The 2nd flow enables users to upload an image from their gallery, allowing them to try on the makeup on a saved photo.
Feature/Product Screen
User Option Screen
Live Camera Screen
#3 Select a Model User Flow
The 3rd flow enables users to try a pre-existing model that closely matches their own features.
Feature/Product Screen
User Option Screen
Live Camera Screen
High Fidelity Wireframes
Check out my latest high fidelity wireframe prototype to explore the design process and solutions
User Testing & Iterations
Addressing Pain Points
Additions:
#1) Loading screen into the design. This prevents confusion and avoids mistaken assumptions of app crashes or broken features.
Loading Screen
Loading icon
#2) I designed multiple screens for the virtual try-on feature to offer users various options: live camera try-on, gallery image upload, and pre-existing models.
A privacy notice was included to ensure transparency, informing users about data usage and privacy implications.
Future Enhancements
Additions:
A dynamic before and after slider, allowing users to visualize the transformative effects of the virtual makeup application.
A sharing options to enable users to effortlessly share their virtual makeovers with others.
Prototyping
In this 1st user flow, the user conveniently finds the product on the home page for a streamlined and efficient browsing experience. They choose to utilize the live camera option to experience the feature.
In the 2nd user flow, the emphasis is on the user finding the product through the in-app navigation menu, and they choose to utilize the uploading an image option to experience the feature.
In the 3rd user flow, the user discovers the product by utilizing the search bar and opts to try the feature using a pre-existing model available within the app.