Introduction
MirrorMe is an AI personalized makeup tutorial app that use computer vision to analyze a user's face shape, features and makeup application in real-time, and provide personalized feedback on how to improve their technique.
Duration
4 months
Tools
Figma, Adobe Illustrator, Adobe Photoshop, Adobe After Effects
Research Overview
Online survey
I created an online survey and collected feedback from 23 people to understand their behaviors of learning makeup.
User Interviews
I interviewed four people who like to makeup regularly to find out
their preference, needs and frustration of learning makeup
Survey Results
Wish list for an AI makeup tutorial app
- Provide me the link to the cosmetic product in the make up video
- Teach me more about makeup techniques
- Give me some suggested makeup styles that I can choose from
- Allow me to upload a photo of my makeup tools and tell me the name and function of each tool
- Allow us to upload our before and after makeup photos to share tips and tutorials
- Have makeup tutorials for different skin colors and face shapes
User Interview Quotes
Affinity Diagram
Insights from interview
Synthesis
Insights from the research
Pain points for people who like to watch makeup tutorials
- Hard to find makeup tutorials that are suitable for their face features
- Tutorials don’t explain some steps in detail
- Tutorials are too complicated to follow
- No patience to watch long videos
- Don’t have the makeup tools in the tutorials
Opportunities
- Giving personalized feedback and suggesting makeup tutorials based on user’s face features
- Showing tutorials with short step-by-step videos
- An option to upload a photo or scan face and try on different makeup looks
- An option to upload a photo of their makeup tools to get information about them
- Allowing users to upload their before and after makeup comparison photos to share tips
Persona
Emliy Engineer
Bio
Emily is a hard-working software engineer who spends most of her time in front of a computer screen. She has always been interested in makeup but never had the time and knowledge to dive deep into it. She wants to improve her basic makeup skills and learn more about makeup techniques and products.
Goals
- Be more confident
- Improve basic makeup skills
- Apply makeup in a way that enhances her own natural features
Frustrations
- Cannot find suitable makeup tutorials for beginner
- Overwhelmed by the products and tools used in tutorials
- Apply makeup never looks as good as it does in the tutorial
Motivations
- Boost self-confidence
- Enhance appearance for special occasions
- Enhance natural beauty
Current Feeling
- Curiosity
- Confused
- Eagerness
Brands
Persona
Stella Student
Bio
Stella is a confident and creative individual who loves expressing herself through her makeup looks. She is constantly experimenting with new makeup techniques and products and is always looking to improve her skills. She enjoys watching makeup tutorials on YouTube and practicing different makeup looks on herself and her friends.
Goals
- Expand makeup skills in certain areas
- Become a professional makeup artist
- Accentuate best features
Frustrations
- Not having enough time to practice and improve skills
- Feel limited by current skill set
- Struggle to find suitable tutorials to gain experience in certain areas
Motivations
- Desire to constantly learn and improve makeup skills
- Try different looks and styles
- Take nice portrait photography
Current Feeling
- Enthusiastic
- Ambitious
- Driven
Brands
How might we...
How might we give people constructive feedback on their makeup in order to help them improve their skills?
How might we create a user-friendly guide to help makeup beginners learn basic makeup techniques?
How might we help people to visualize and experiment with different makeup looks?
How can we assist people in identifying their makeup tools and provide them with comprehensive instruction on how to use these tools effectively?
Task Flows
1. Read Personalized Makeup Feedback
2. Try a Different Makeup Styles and Save it
3. Scan a Makeup Tool to get Instruction
Wireframe 1
Read Personalized Makeup Feedback
Wireframe 2
Try a Different Makeup Style
Wireframe 3
Scan a Makeup Tool to get Instruction
User Testing
Trader, 30 years old
Software Engineer, 33 years old
Auditor, 29 years old
Software Engineer, 33 years old
Testing Results
Digital Wireframe Revision
.png)
.png)
Style Guide
Final Static Screens
Conclusion
The AI makeup tutorial app project holds great promise for transforming the way people learn and enhance their makeup skills. By leveraging computer vision technology, the app can provide personalized feedback and recommendations for improvement based on real-time analysis of the user's face shape, features, and makeup application.
Through this project, I learned the importance of prioritizing user experience and conducting user research to inform the design process.I also gained an understanding of the significant role that technology, including AI, plays in shaping user experiences.
Moving forward, there are opportunities to collaborate with beauty brands and influencers, integrate augmented reality, expand the app's analysis capabilities, foster social sharing and community building, and explore additional beauty-related services. This project welcomes partnerships to further refine and perfect the app, catering to the evolving needs of makeup enthusiasts worldwide.
.png)
