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

Partner With Anushka
View Services

More Projects by Anushka