An end-to-end app helping users discover skincare routines and products
My Role UX/UI Designer and Researcher
The skincare industry is growing faster than any other segment in the beauty industry. Some argue that this market segment is oversaturated and there are too many skincare brands and products. Now with the proliferation of beauty influencers on the internet, there’s been an overload of information on the internet causing people to feel lost and overwhelmed.
I conducted secondary research to help me identify the problem that people have surrounding their relationship with skincare and shopping for skincare products.
of beauty consumers are overwhelmed by too many beauty product choices
of consumers are confused by beauty product claims
It was important for me to analyze existing competitors to understand the landscape in the market. I found four competitors in the skincare space that offers features such as a routine tracker, skincare product recommendations, and community. This helps me identify any gaps in the market as well as features may be expected from users.
In order to truly understand how users feel about their experience with their skincare routine and shopping experience, I conducted four user interviews.
I asked questions about:
“What I don't like is if I do try new products, I’m not sure how they will react to my skin. I just don’t know what to try.”
“I don’t really track my routine - it’s more about building the habit of doing it every day.”
“There was a time when I was trying to put on sunscreen more but I couldn't get into that routine because it didn’t fit with my lifestyle. It felt inconvenient to me and was a little more difficult for me to adopt.”
Meet Connie, a 24-year-old woman who generally does not explore new products because she’s not sure how they will react to her skin. She wants to explore new products but doesn't know what products to buy.
The persona helped me understand the real pain points and frustrations people have about shopping for skincare products. They revealed some needs and frustrations such as researching customer reviews before purchasing a product and feeling unsure about how a product will react to their skin.
Then there’s Tony, a 27-year-old man who is new to the skincare game. He has trouble making skincare a habit in his daily life because it’s not something he is used to.
To maintain healthy skin
Confidence in making a new product purchase
To have radiant looking skin
Motivated by family and friends who are avid skincare users
Struggles to complete a full routine on days when they're short on time
Not sure how a product will react to skin
How might we help users discover skincare products and develop a routine that’s suitable for their skin type, problems, and lifestyle?
After brainstorming some possible solutions, I created an impact-effort prioritization matrix to help me determine which features to incorporate for my MVP. The features that are high impact and are low-medium effort are categorized under “Must haves” while everything else is “Nice to have.”
Since one of the main problems that users are facing is choosing products that are wrong for their skin types, focusing on personalized routines and product recommendations will provide the customization that they need. In addition, users expressed that they need to feel confident in making a purchase so I included additional features such as customer reviews and the ability to sample a product.
When building the flow, I relied on the needs and frustrations of my personas who:
After creating the user flows, I started creating lo-fi wireframes to focus on the layout of the screens before moving on to the high-fidelity designs that prepares me for prototyping.
I developed the brand identity as well as the visual design system to ensure consistency and cohesion across screens. Some keywords that best described GlowSkin are: fresh, clean, bright, and gender-neutral. I tried to keep these works in mind in designing the logo and brand identity.
After developing the brand identity and design system, I created high-fidelity designs using the brand guidelines to bring my designs to life and prepare for the next step: prototype and test.
I conducted four moderated usability tests of those ranging between the age of 24-27. All of the tests were conducted remotely through Zoom. While the test was overall a success and most of the participants were able to complete the tasks in a timely manner, I learned some pages were lacking vital information.
For instance, some participants revealed that they need more information on the product list page when browsing products (star ratings, value prop badges) before they choose what product to click on to learn more.
"Under key ingredients, I would like to see a “see the full list” so if someone is interested in seeing a full list, they can."
"I would like there to show user ratings, like how many times it's been purchased or a star rating. Otherwise, if this page had 100 items, I would have to look through it individually.
"If there’s an option to add a description of why this ingredient is good or bad, that would be nice."
"I would like to see tags such as (most popular, most affordable, best for sensitive skin, etc.)"
The most requested revision was expanding more on the ingredient benefits on the product page. It’s great to have a list of ingredients, but some users didn't know its benefits and how it impacts their skin. In addition, users generally want more information upfront in order to help them decide on what product to learn more from. By adding customer ratings and badges on the product list page, users will have an easier browsing experience.
Due to time constraints, I was not able to create every single screen for my app. If I had more time, I would continue building out the remaining screens from my app map and explore an additional flow in which users use the search tool to navigate finding a product. I would also create additional flows for users to 1) set a routine reminder and 2) add a product to their routine since these features are a solution to other problems that users face. From there, I would conduct more user tests on a larger sample of users and continue to iterate.