Puria Skin is a start-up facing challenges in encouraging users to properly utilize their organic invisible facial mask, anti-aging serum, and moisturizer to improve their skin. In order to foster customer loyalty, their aim is to develop an app that educates users on the significance of using their products correctly. To achieve this goal, I conducted user research, ideated prototypes, and validated product features.

Solution to Ensure Effective and Safety Skincare Product Usage

Target Skin Concerns

  • Multi-ways to connect your skin condition to the system
  • Facial scaner finds insight you might not be aware of
  • Quick five step onboarding process

Convenient Product Navigation

  • All three product display on single screen
  • Easy accessible product information
  • Product to order split view to improve purchase efficiency

AI Personalize Routine

  • Eliminate trial and error
  • Adjust the routine according to environmental factors
  • Track daily insights to see improvement
My Role as a Sole Designer
UX/UI Designer
Project Duration
Two Month
My Main Responsibilities
User Research
Package Design
UX/UI Design
User Testing
Market Research
General Research
User Survey
User Interview
SWOT Analysis
Problem Statement
Empathy Mapping
Solution Statement
User Flow
Journey Mapping
Card Sorting
Priority Matrix

Usability Test
UI Design
General Research

Users Are Not Taking Their Skin Properly

There are 7 common factors that might cause your skin to become oily.

  • Genetics
  • Age
  • Where you live and time of the year
  • Enlarge pores
  • Using wrong skin products
  • Overdoing your skincare routine
  • Skipping your moisturizer
Oily skin often invites other problem such as acne and other unhealthy concern.
Regardless of the impact, how much do people care about their skin and
understand the importance of a good skincare routine and product?
Do not clean their skin daily, especially during bedtime
Face wash with soap or shampoo
Use the same dirty cloth without washing it to wipe face
From journal citing CeraVe research survey

1. Situation

COVID-19 make people to proactively wear safety mask causing sensitive facial skin to suffer acne outbreaks

2. Competition

135.8 billion value size in 2022 for the skin care product in the e-commerce industry and value will continue to grow
Read Article

3. Problem

30% of American revealed that greenwashing or misinformation leads to improper product usage
Read Article

4. Result

80% of Americans develop habits of washing their face incorrectly
Read Article
Quantitative Survey Research

51 Users Online Shoppers Continues To Have Oily Skin

To help me understand what user's are experiencing with their daily skincare routines and products, I want to filter specific demographic of users that frequently purchase outline skincare for interview.

Interestingly, the result confirmed the insights from the general research that a majority of the users do have oily and acne skin. This bring up the question: Is finding the right skincare product the real challenge for users to not follow proper skincare routine?

User Interview Qualitative Research

Users Don't Want To Overuse Chemical On Face

Three users were recruited for interview. Although they constantly experience oily and acne problems, the users showed positive attitude using new products. However, all three users indicate that they do not want to have excessive chemical on their face. One user explained that "skin cells can produce a resistance to skincare chemical when use too often and the skincare product will lose its effectiveness". To solve this problem, one user came up with an idea to switch and use multiple products and brands at the same time. Wait!, what happen to too much chemical mixture for the skin?

To retain customer loyal to skincare brands, I discovered that my users struggled and shared three common patterns while trying to use new skincare product properly.


Users often become confused with treatment methods and resort to trial and error preference based on online resources that explain what skincare products may be suitable for their skin condition


User discover allergic reaction or side effects using the product because of seasonal climate change such as exposure to sunlight and humidity


When users do not see improvement within a week of using a skincare product, they may begin to have doubts and develop inconsistent routine practices that can reduce the product's effectiveness

The Problem

Limited understanding of effective skincare control hinders achieving optimal skin results

Users who are overwhelmed by the variety of skincare products and disappointed with their new purchases often lack easily accessible information to properly care for their skin and with some users relying on modified skincare routines they believe are better suited to their needs, resulting in a reluctance to seek out reliable and accessible resources.
Empathy Map

Defining My Target Users

Using the data I gathered, I generated an empathy map and persona to help better see my define and view my target user's perspective for their past experience, pain points, and preferences towards using skincare mask, serum, and moisturizer.


Facial Scanner Solution

Improve your skincare with dynamic routine

To effectively assist users in building confidence with their skin is to utilize an accurate facial scanner to identify any existing problems and generate personalized recommendations based on user information, including seasonal climate changes and individual skin needs, to adjust skincare routines accordingly.
SWOT Competitor Analysis

Convert Strengths Into Opportunities For Ideation

After understanding the market and my user, I compared two skincare competitors to identify features to avoid and to benefit.

MDacne is a weaker competitor selling one skincare product, but has a great facial analysis system.

Charm is a stronger competitor with many features to help users to improve their skin, but lacks facial analysis system.

I believe that incorporating ideas from the facial scanner and visual design strengths would be beneficial in my design iterations.
User Journey Map

Implementing Solution Into The Experience

To frame the experience of using facial scanner to create dynamic routine, a user journey map is created to help navigate, communicate, and innovate how a user will benefit from this facial scanner feature.

Card Sorting

User Show Desirability For Identifying Skin Health And Personalized Routine

To align with the customer journey map, I researched technology trends and revisited my SWOT analysis of our competitors to identify relevant opportunities to enhance the user journey. Next, to determine our user's values, a card sorting method was utilized to identify the best matches, which were then visually represented in a dendrogram.
Feature Matrix Prioritization

Prioritize The Most Important Features To Easily Develop

To organize the must have and nice to have features within time and resource constrains, desirability are prioritize into complexity they create and the value they deliver.
User Flow

Create 3 routes to help build an experience to improve information accessibility

After deciding on my features, I design three user flow that addresses personalization, environmental, and motivation. These user flow helped me sketch out the idea of what pages I create to deliver valuable experience to my target users.


Referencing my user flows and sketches, I generated wireframes for usability test.

Usability Test and Validation

I took the wireframes and prototype in Figma. I reached out to five users that shop online for skincare product. I conduct the usability test to validate and iterate my features.

Onboarding Screens

Users are expressing frustration and disengagement with the form format, as the system is requiring them to expend additional cognitive effort in filling the form in order to proceed.

To bring out an enjoyable service design, the form is turned into a click and next process.

Purchasing Screen

The user has raised concerns about the touch target for product cards and has suggested that, given that only three skincare products is available in the app, simplifying the checkout process would be beneficial.

While the new design combine the two screens, it also removed the product cards to allow touch target to be more accessible.

Routine Screen

The user indicated that the report lacks descriptive context and also suggested that it would be beneficial to have indications of the affected areas on the face.

In the new design, the face is highlighted according to its affected area and descriptive text is also added. User can pull up the slide card to increase readability and pulls the card down to revisit selfie.
UI Design

Designing The Interface

Using a six column grid to design a versatile mobile interface. Also, I conducted a speak out loud test for the data visualization by asking what users think and understand the performance graph.
Using color wheel theory to produce a professional, confident, and free look. Not only is mesh gradient is a great aesthetic in the industry, but it reflects the idea of invisible facial mask.
Using San Serif typography to give it a modern design. It also creates good accessibility because it aids readability and scalability of mixed upper case and lower case text.

Final Design

Open Prototype

Outcomes and Learnings

Final Design Usability Test ( Five Users )

  • 5/5 Users states onboarding and facial scanner is easy to use
  • 5/5 Users indicated purchase is straight forward and easy to nagivate
  • 5/5 Users said the routine is easy to follow
  • 4/5 Users demonstrate difficulty trying to understand and guessing what to do with the diary
  • 3/5 Users Questioning and guessing the relationship between the performance and diary

App Outcome

Through the dynamic routine that use AI to generate a specific treatment for the user, users that require skincare attention have trouble access suitable information for skin treatment understand better how to treat their skin property.

However, users cannot fully relate the connection between the graph and diary record.

As Puria skincare introduces more products, there will be opportunities to further enhance the app's technology.


Creating a cutting-edge design requires knowledge of how the technology is implemented, and an awareness of the necessary conditions to provide a valuable user experience.

Understanding the tradeoff and establish communication skills are essential, as it is vital to effectively convey how the technology works to the individuals you collaborate with.

It is also crucial to conduct research, ideation, and validation continually to avoid excessive editing of the project.

Conducting user interviews provides me with valuable insights and allows me to explore previously unconsidered aspects. Through this process, I discovered that many skincare products offer full refunds for both online and in-person purchases.