top of page

Peachy AI Skin Care Application
(Case Study)

Time Scope:

3 Months

My Role

Design Lead
UX Designer
UI Designer

Tools

Figma
Illustrator
Google meet
Zoom
Photoshop
Canva
Maze
Miro

Methods

Survey
User Interviews
Affinity Mapping
Persona
User Journey
Competetive Analysis
Card Sorting
Sketching
Wireframes
Prototyping
Usability Testing
Heuristic evalustion
A/B Testing

Project Overview:


Develop a user-centered AI-powered skincare application that provides personalized skincare recommendations, skin analysis, routine tracker and tutoring.

Objectives:
1.  Create an intuitive and visually appealing user interface.

2. Implement AI algorithms for skin analysis and product recommendations.
3. Enable virtual try-on features for makeup and skincare products.
4. Ensure data privacy and security for user information.
5. Enhance user engagement and satisfaction.

Project Scope:


User Research:

-Conduct user interviews and surveys to understand skincare preferences and pain points.

-Define user personas and their unique skincare needs.
UI/UX Design:

-Develop wireframes and prototypes for the application's interface. -Design a user friendly and aesthetically pleasing interface that aligns with the brand's identity.

-Create interactive mockups to visualize the user journey.
User Engagement:

-Develop a review and rating system for products to encourage user engagement and feedback.
Testing and Feedback:

-Conduct usability testing with real users to identify and address any usability issues.

-Gather user feedback throughout the development process for continuous improvement.

mock.png
desk.png

Our Goal:

  1. User Priority: User needs guided our design, enhancing the skincare experience.

  2. Visual Appeal: Proficient visual design resonates with the target audience and the brand identity.

  3. Usability: Streamlined processes and improved organization enhance usability.

  4. Mobile Focus: Mobile-first approach ensures responsiveness on various screens.

  5. Navigation: Intuitive structure simplifies user navigation.

  6. Interactive Prototypes: Viewers can experience the design firsthand.

  7. Brand Consistency: Design choices maintain brand identity.

  8. User Testing Impact: User feedback drove iterative improvements.

  9. Problem Solving: Innovative solutions address design challenges.

  10. Design Thinking: Principles guided our approach.

  11. Accessibility: Features promote inclusivity.

Process:

Discover:

Research:

User research & Synthesis
To kick off our research, we created 2 version survey in English and Farsi languages which helped us generate the initial data needed to understand our target audience and their behaviors. We received a total of 127 responses from both surveys.

Key Research Finding:

-Desatisfaction of dermatologist
-Trust in AI feature
-Lack of time
-Forget their routine
-Lack of knowledge about products

 

Interviews:
* Users Criteria: Users who give a high importance of online skin care
From 127 participants in our survey we interviews 31 of them.
We selected them according their data in survey such as being familiar with skincare routine,familiar with AI and Apps.
Key points in our interview:
1. Personalized Skincare: Discuss how AI can analyze individual skin types and conditions to create personalized skincare routines.
2. Skin Analysis: Explain how AI algorithms can assess skin conditions, including acne, wrinkles, and dark spots, using images or data from various sources.
3. Customer Engagement: Discuss the role of AI in enhancing customer engagement through chatbots, virtual beauty advisors, and product reviews.
4. Consumer Education: Emphasize the importance of educating consumers about AI skincare technologies and how to use them effectively also about skincare products.

Persona:
At the end of our research and by using all data we created a persona, Betty
Betty, a 30-years-old professional designer who leads her to a busy life. Betty is passionate about skincare and her health. She is a social person who enjoys new technology.

Competitive analysis:


We compared our application with 5 other skincare application/website which all had AI featured and we founded:
1. Almost all of the competitors have :
-AI feature
-Products
-Training
2. Non of them have
- Videos
3.Most of them do not have
- Review
- Routine planner
- Tracking

7.png
4.png
_Portfolio (9).png
persona.png
2.png

Journey Map:

1.png

Site Map:

3.png

Design:

LO-FI Sketch

According to Key findings | Redesign features:
-Homepage layout
-Primary navigate bar

-Improve drop down secondary box
-Today Offer' Tab
-Improve Check out process

Increasing Fidelity

Mid to High-Fidelity Prototype

After usability test, we need to update a few things to avoid confusion for the users.
-Home Screen buttons: Updated to give better contrast of the color
-Schedule page:
*Made aesthetic changes to “Plan” and “See week” tabs
*Increased trigger area for closing the scheduler
*Removed shadow on icons so users do not confuse them with clickable buttons

p2.png

Usability Testing

High-Fidelity Prototype

After we designed High-Fidelity prototype, we conducted a usability testing with 3 users.
Each team members participated together, conducting the test, video & audio recorded.


- Tasks
3/3 users were able to complete the followings;

  1. Set a weekly goal to bike 2x a week

  2. Schedule a bike ride for Tuesday and Thursday

  3. Log today’s 2 hour bike ride

​- Usability Results
The scheduling task presented them with minor issues:

  • 3/3 users had trouble closing the pop-up menu

  • 1/3 users tried to click on the activity icon within the day of the week

_Portfolio (1).png

Mood Board:

11.png

Design System & UI Kit:

Screenshot 2023-09-19 at 12.10.49 PM.png

Usability Testing:

Our team conducted multiple rounds of testing involving both users and fellow designers. Based on the feedback received from these evaluations, iterative changes were implemented to continually enhance the design

9.png

AB Testing:

In pursuit of design excellence, our team conducted 3 A/B tests as part of this project. These tests played a crucial role in refining the user experience and making data-driven design enhancements. They were instrumental in shaping the final website design, showcasing our commitment to user-centric design and continuous improvement.

10.png
bottom of page