SkinClear

Take control of your skincare journey

Take control of your skincare journey

Type

Class Project

Tools

Figma

Duration

8 weeks

VIEW PROTOTYPE HERE

OVERVIEW

OVERVIEW

How might we design a solution for users struggling with a skincare concerns?

Problem

• High cost makes skincare inaccessible to many


• Too many choices and conflicting advice leave consumers overwhelmed


• Generic skincare often fails to address individual skin types

Goals

• Generate personalized product suggestions


• Provide users clear guidance on ingredients to avoid adverse reactions


• Tracking user skincare progress

My Role

• Research consumer skincare habits and competitor landscape


• Develop user personas


• Design wireframes and interactive prototypes


• Conduct usability testing and iterate based on feedback


  • Problem

    • High cost makes skincare inaccessible to many


    • Too many choices and conflicting advice leave consumers overwhelmed


    • Generic skincare often fails to address individual skin types

  • Goals

    • Generate personalized product suggestions


    • Provide users clear guidance on ingredients to avoid adverse reactions


    • Tracking user skincare progress

  • My Role

    • Research consumer skincare habits and competitor landscape


    • Develop user personas


    • Design wireframes and interactive prototypes


    • Conduct usability testing and iterate based on feedback


Problem

• High cost makes skincare inaccessible to many


• Too many choices and conflicting advice leave consumers overwhelmed


• Generic skincare often fails to address individual skin types

Goals

• Generate personalized product suggestions


• Provide users clear guidance on ingredients to avoid adverse reactions


• Tracking user skincare progress

My Role

• Research consumer skincare habits and competitor landscape


• Develop user personas


• Design wireframes and interactive prototypes


• Conduct usability testing and iterate based on feedback


  • Problem

    • High cost makes skincare inaccessible to many


    • Too many choices and conflicting advice leave consumers overwhelmed


    • Generic skincare often fails to address individual skin types

  • Goals

    • Generate personalized product suggestions


    • Provide users clear guidance on ingredients to avoid adverse reactions


    • Tracking user skincare progress

  • My Role

    • Research consumer skincare habits and competitor landscape


    • Develop user personas


    • Design wireframes and interactive prototypes


    • Conduct usability testing and iterate based on feedback


SOLUTION

SOLUTION

1

Routine Management

Users are able to create and edit a skincare routine

1

Routine Management

Users are able to create and edit a skincare routine

1

Routine Management

Users are able to create and edit a skincare routine

1

Routine Management

Users are able to create and edit a skincare routine

2

Product Combatability

Users are able to see when two products’ ingredients do not go well together

2

Product Combatability

Users are able to see when two products’ ingredients do not go well together

2

Product Combatability

Users are able to see when two products’ ingredients do not go well together

2

Product Combatability

Users are able to see when two products’ ingredients do not go well together

INITIAL PROBLEM DISCOVERY

INITIAL PROBLEM DISCOVERY

INITIAL PROBLEM DISCOVERY

As a teenager…

As a teenager…

Growing up, I dealt with a lot of skin concerns. It was difficult for me to understand what my skin needed, and I ended up buying various products I saw on social media. Additionally, I didn't have money to be able to afford expensive ingredients, so it was definitely a big trouble that I had as a teenager and it affected my confidence in my face. Because I saw this as an issue growing up, I wanted to design an app that would help others dealing with similar issues, who were not fortunate enough to have time and money to be able to afford expensive products or visit a dermatologist.

Costly

Many Options

Personalization

Costly

Many Options

Personalization

RESEARCH

RESEARCH

Users of a mobile app fitness tracker had almost twice the odds of meeting physical activity goals compared to non-users.

Users of a mobile app fitness tracker had almost twice the odds of meeting physical activity goals compared to non-users.

COMPETITIVE ANALYSIS

COMPETITIVE ANALYSIS

What are people actually using to track their skincare routine?

What are people actually using to track their skincare routine?

INCIDecoder

Ingredient Checker

SkinSort

Allows for routine creation

Notes

Most popular overall

INCIDecoder

Ingredient Checker

SkinSort

Allows for routine creation

Notes

Most popular overall

INCIDecoder

Ingredient Checker

SkinSort

Allows for routine creation

Notes

Most popular overall

INCIDecoder

Ingredient Checker

SkinSort

Allows for routine creation

Notes

Most popular overall

PERSONA + USER JOURNEY MAP

PERSONA + USER JOURNEY MAP

Alex Ramirez

Alex Ramirez

Age:

Education:

Hometown:

Family:

Occupation:

16 yrs old

10th Grade

Houston, Texas

Eldest Daughter

High School Student

Frustrations:

• Doesn’t understand skincare products and the ingredients

• Packed schedule makes it difficult to remember and track a skincare routine

• Limited allowance makes it difficult to spend money on many products

Evelyn Johnson

Evelyn Johnson

Age:

Education:

Hometown:

Family:

Occupation:

58 yrs old

Bachelors Degree

Tampa, Florida

Married, 1 kid

School Teacher

Frustrations:

• Not very comfortable with technology 
• Overwhelmed by the multitude of skincare products and options available
• Cautious about spending too much on products without seeing proven results

Alex is overwhelmed with starting a skincare routine…

USER FLOW

USER FLOW

Skincare routine management

Skincare routine management

Creating a skincare routine would be the first step for a user on the app, so I wanted to make this process as smooth as possible. Additionally, this flow provided opportunities to showcase broader app functionality, including detailed product pages and product exploration features.

WIREFRAMES + INITIAL PROTOTYPE

WIREFRAMES + INITIAL PROTOTYPE

HomePage

Routine

Management

Product Search

Product Info

Product Addition

Adding interactions to make the wireframes into seamless prototype.

Home

Home page features elements to navigate user to track skin care usage and edit routine

Routine

The routine page allows users to edit details and delete skincare products as needed

Explore

Users can explore new products and filter based on skincare concern

Product Description

Product details are available for the user to determine whether they would like to add to routine

Home

Home page features elements to navigate user to track skin care usage and edit routine

Routine

The routine page allows users to edit details and delete skincare products as needed

Explore

Users can explore new products and filter based on skincare concern

Product Description

Product details are available for the user to determine whether they would like to add to routine

TESTING + IMPROVEMENTS

TESTING + IMPROVEMENTS

User testing showed that not all users were well-versed in skincare, and the design proved to not be beginner friendly

1

Home Page Clarity

Removed confusing components and made it more clear which day the user was on of the week

Old

New

1

Home Page Clarity

Removed confusing components and made it more clear which day the user was on of the week

1

Home Page Clarity

Removed confusing components and made it more clear which day the user was on of the week

Old

New

1

Home Page Clarity

Removed confusing components and made it more clear which day the user was on of the week

Old

New

2

Incompatible products

Changed how the products with incompatible ingredients were displayed

2

Incompatible products

Changed how the products with incompatible ingredients were displayed

Old

New

2

Incompatible products

Changed how the products with incompatible ingredients were displayed

2

Incompatible products

Changed how the products with incompatible ingredients were displayed

DESIGN SYSTEM

REFLECTION

REFLECTION

Through the development of SkinClear, I had successfully created a skincare routine management app for users to effectively track and modify their routines while providing valuable product compatibility information:

• Routine Management: Users can now easily manage their skincare routines by adding or removing products, making daily regimen adjustments more accessible.

• Product Compatibility: The compatibility feature has transformed skincare management by reducing trial and error, providing users with clear guidance on which products suit their skin.

• Efficient Editing: The app's intuitive modification features allow users to quickly adjust their routines, enhancing ease of use.

If I Had More Time…

• Daily progress tracking


• More beginner friendly content

Back to Top

ABOUT

WORK

RESUME

jane.vo98@gmail.com