MySkin: Using AI to make makeup accessible for every skin color
Anushka Garg
UX Designer
Product Designer
UI Designer
Figma
Ringo AI
mySkin App
I worked as a designer for Ringo AI to create the first prototype of their new AI application called mySkin. This application helps users by recommending them the suitable foundation product according to their skin shade.
About the client - Ringo ai
we don’t guess, we know skin.
Innovators who transform cameras into powerful measurement tools to deliver unparalleled mobile and e-commerce solutions. First to enable smartphones to measure color and materials properties without any additional hardware. Global leader in mobile skin imaging and analysis, delivering accurate and consistent data on skin tones and condition
Business Goals of Ringo AI
1
Transform the way cameras see the world to deliver better data, better AI, and better outcomes.
2
Empower consumers and commercial partners with high-value data, apps, SDKs, AI algorithms and services.
3
Enhance the ability of cameras and AI algorithms to serve people of color.
Challenge
Around 50% of all makeup users struggle to find the right shade of the foundation for their skin!
Finding the perfect foundation shade for your skin can be a daunting task. With so many options available, it's easy to get overwhelmed and end up with a shade that doesn't match your skin tone or undertone. This is because every person's skin tone is unique and finding a foundation that matches perfectly can be a difficult task.
Nearly Nine in Ten Women Would Try a Hand Held Device Which Guarantees to Find Their Perfect Foundation Match.
objectives
The following priority has been considered for creating the initial look of this product.
1
Eliminate the guesswork and provide precise color matches!
App accurately analyze users' skin tones and recommend the most suitable foundation shades.
2
Intuitive and user-friendly interface!
Allows users to easily navigate the app, understand the instructions for the face scan, and receive their shade recommendations effortlessly.
3
Caters to a diverse range of skin tones!
It should be inclusive and consider the unique needs of users with different ethnic backgrounds, ensuring that everyone can find their perfect match.
4
Feedback mechanism to collect user opinions and experiences!
This can help in continuous improvement and refinement of the shade matching algorithms and overall user experience.
How the ai technology for myskin works
1
Measure the reflectivity of user's skin.
2
Measure the reflectivity of foundations.
3
MySkin's proprietary AI compares the two.
4
Present the best foundation-to-skin match.
Onwards to designing
I started with ideating the flow and creating a style guide.
User Flow
I mapped out the primary path user will take to complete the primary objective of obtaining the suggesting for the foundation product according to their skin shade.
Color Palette
The shades and hues of brand colors, greyscale and system.
Logo
Different size and dimension for the logo used.
Grid
The reference grid used for designing the screens.
Android design system
I created a small design system for mySkin by referencing he guidelines of Google Material Design.
Solution showcase
Introducing
by RingoAI
Enables you to confidently buy the right foundation online. mySkin™ active illuminant technology measures skin reflectivity and true tone.
Wireframe
Hi-Fi Design
Splash Screen + Login/Signup
Home + Registration flow
Scan Instructions
Instructions (Ver 1 & Ver 2)
Scanning Progress (Ver 1 & Ver 2)
Foundation Recommendation + Rating
