Utilizing AI to build a skincare routine customized to your skin's specific needs!
Product
End-to-end mobile app
Role
UX/UI Designer | Solo student project for Designlab UX Academy
Timeline
4 weeks | 80 hours
Primary Tools:
Figma, Notion, Fathom, Zoom, Photoshop
Background
While shopping online for skincare allows users to take their time to research products and place orders conveniently from home, it can be difficult to determine if the products will work until users get to try them in person.
What if there was an easier way to build a skincare product lineup that suited your skin's specific needs and worked effectively together?
Research Goal: I want to learn about the challenges people face when shopping for skincare products, so I can simplify the process and empower users to make purchases with confidence.
Skinset utilizes AI technology and an onboarding quiz to identify problem areas, track your skin's progress, and recommend key ingredients for your skin. From there, you'll be recommended a product lineup that features the key ingredients suited to your skin type and specific needs.
While some competitors had personalization features, such as onboarding quizzes and product recommendations, only Skin Bliss offered an AI feature to help users learn more about their skin.
Research Questions:
“What factors matter to you when shopping for beauty products?”
“What is the most memorable shopping experience you've had? What stands out to you about it?”
“Where would you like the beauty product shopping experience to be in five years?”
According to a controlled trial conducted by the Journal of Cosmetic Dermatology, advanced routines outperformed simple routines when it came to improving skin brightness, superficial hydration, deep hydration, skin roughness, mean pore area, melanin heterogeneity, and crow's feet wrinkle depth. The advanced routine included a cleanser, a toner, an eye cream, a serum, and a day & night cream.
4/6 participants wanted a more personalized shopping experience.
2/6 participants felt there was a need for an educational skincare resource.
100% of participants purchase skincare products and shop online.
100% of participants look for products with clean, cruelty-free ingredients.
2/6 participants disliked having to shop at multiple stores because there isn't one place that has everything.
I’d like to explore ways to help skincare enthusiasts discover products suited to their skin’s needs because they want to establish an optimized skincare routine.
How might we make it easier for users to find products that work for them?
How might we make users feel confident in their purchases?
I’d like to explore ways to help skincare enthusiasts have a more seamless online shopping experience because they dislike having to shop on multiple platforms.
How might we make the online shopping experience more seamless?
How might we make it easier for users to shop for products?
Motivations:
Wants to learn more about product ingredients and benefits to better care for her skin.
Willing to pay more for quality, ethical products.
Pain points:
Finds it challenging to find everything she needs at one place.
Wishes there was a way to reduce waste and carbon emissions that result from returning products.
At this stage:
Explored general layouts and UI elements for each screen.
At this stage:
Created more comprehensive and realistic UI components
Evaluated content structure based on visual hierarchy and layout
Set placement of images and icons
The Skinset logo includes a sleek, elegant serif font with minimalist branded elements of a sun and stars. Skinset's brand values are inspirational, delightful, and ethical.
Added a toolkit on the homepage that pops up the first time users open the app to inform them of how to use the app.
Updated the onboarding quiz and face scan process to be more comprehensive.
Average usability rating of 4.9/5
Average usability rating of 4.4/5
Average usability rating of 4.7/5
All users successfully completed the tasks.
Users gave the app an average overall usability rating of 4.25/5.
5/6 users took their time during onboarding since it's about skincare, and they're interested in taking care of their skin.
4/6 users were expecting to see products populated on the "My Products" page instead of having to build one from scratch.
4/6 users wanted to customize their routine by editing or deleting categories.
4/5 users were confused when asked to shop for products in their routine because there wasn't a CTA on the "My Products" page.
Users were confused to see blank categories on the "My Products" page. From the way the toolkit was worded, it made it sound like they'd be seeing product recommendations.
Users were confused when asked to purchase products from the original screen because there wasn't a CTA button on the page. They would've had to click on a product and purchase from the product details page.
3/6 users clicked on the points from the AI face scan to see details during usability testing.
5/6 users overlooked the body text instructing them to scroll right to see more. To prevent this, I increased the affordability by decreasing the width of the cards and having the next one peek onto the screen as a visual cue.
2/6 users expected to see an option to choose payment methods and input a billing address.
Explore ways to include educational skincare resources on the app.
Continue to refine the AI face-scanning technology to improve the accuracy and efficacy.