Petal
Hair and Skin Serum
Website and Mobile App
Timeline
2 weeks
Role
Research & UX/UI
Petal
Background
Petal –
brand that blends the wisdom of ayurveda with modern beauty solutions, offering plant-based, ayurvedic serums designed to nurture and enhance the skin and hair.
Petal is on a mission to create a beauty experience that connects users to the natural world, bringing the power of ancient healing traditions.
Design Challenge
How
can Petal effectively educate users about the importance of a skin and hair care routine, the benefits of key ingredients, and the plant-based nature of its products?
What
are the best ways to communicate how these natural, ayurvedic ingredients work for their skin and hair?
Who
Users aged 18 to 55, How to educate users about serums and how it is beneficial on different skin type.
What I Accomplished
An end-to-end Website and mobile app
It's part social network, part habit tracker, all about helping people better understand their skin/hair and making shopping easy.
Discovered how human psychology affects people's ability (or inability) to trust online brands
01 Research
Defining Research Goals
Identifying
user's primary
attitude
towards serum in particular
To know who are potential users, what they experience, and what type of information they consume.
Identify apps/websites that are already dealing in this industry
Discover any actions
users are already
taking to fight their issues
Identify 'blockage' that users face to buy products
Establish ways to accommodate user's needs
Acknowledging Asumptions
"I listed my assumptions about the problem. I understood that these assumptions could be changed or corrected as the research continued. These are,"
Secondary Research
Comparative Analysis
.jpg)
Understanding the Human Psyche
" Reading about the limitations of the human brain was eye-opening."
Interview Goal 01
Who is the user ?
Age, Status, Location, etc.
Interview Goal 02
How do they learn new information ?
Interview Goal 03
What are their long term goals for skin/hair care ?
Interview Goal 04
How do they feel about skin/hair care ?
Interview Goal 05
How comfertable are they with technology ?
Interview Goal 06
How concerned are they about a brand's reputation
" Below are the recorded common responses from 15 people I Interviewed."
02 Define
Breaking Down The Problem
"Having done my research,
I created problem statements based on user needs and turned
each into a User Persona to explore potential solutions for my website/app.
Persona 01
" Oh i'm a student i have to manage my finances carefully. Yeah I've been having some issue with my skin, But who has money and time for all this? "
Age: 18
Job : College Student
Education: Law
Location : New Delhi
Meet Anura,
A young college student, she is studious and hardworking, with little time for skincare or hair care. Recently, she's been experiencing dry skin and some hair fall due to stress. Her makeup also feels flaky. She’s looking for an easy, fast solution for her skin without spending too much money.
Pain Points:
Little money to spend and cannot risk using fake products. assurance is needed.
No time for lengthy skincare routines.
Uncertainty about skin type.
Preference for a doctor's recommendation without spending too much money.
Goals:
Need a quick solution for the skin.
Require motivation or reward points to stay engaged and interested.
Need a budget estimate for the products.
Persona 02
" No, Isn't it too girly?
I dont know anything about serums. But yeah i would like to try some if it actually works for my frizzy hair "
Age: 24
Job : Fresher Engineer
Education:
Computer Science
Location : Chandigarh
Meet Hitesh,
A young hustler who's always focused on building his career. He also likes gym and maintaining his physics.
He doesn't have time for skincare or hair care. He thinks serums are high-maintenance, time-consuming, and even a bit too feminine to consider. However, he's open to giving them a try if it's convincing enough.
Pain Points:
Do not know what works for him
Want solution for his frizzy hair
Goals:
Something that can scan his hair and give him a detailed report.
Anything works if it helps his frizzy hair.
Persona 03
" Due to so many skin issues i dont trust the products easily. May be there could be a barcode to scan which gives me the product's detail. "
Age: 32
Job : Social Media Influencer
Education: Communications
Location : Delhi
Meet Harsha,
Attractive and social media-savvy, Harsha loves taking care of her body and is very particular about her diet. She often follows many influencers on different social media platforms for beauty and health care tips. She wants something that is plant-based and naturally curated. However, she's afraid of fake Ayurvedic products that might turn out to be ineffective. She also worries that they could irritate her eczema and sensitive skin. She has been consulting a dermatologist and have researched alot.
Pain Points:
Fake or underwhelming, ineffective products leave her feeling dissatisfied.
She feels frustrated if the ingredient information is insufficient.
She prefers having access to large product catalogs.
Goals:
Looking for more knowledge about ingredients that work best for her sensitive skin.
Does not like body quizzes, as she already knows her skin type.
Prefers having access to large product catalogs.
Needs honest reviews from people.
Persona 04
" Yes i would love to use ayurvedic products, will it help my hairfall? I do not know how this online system works, I will ask my grandson to do it for me, Wish i could do it myself."
Age: 68
Job :
Retired School Principle
Education: B.Ed
Location : Patiala
Meet Nirmal,
A bold elderly woman who has spent her life teaching and spreading awareness about healthy living. Due to her age, she is technologically inexperienced but loves learning about hair care.
Due to her old age, she is experiencing hair loss and depends on her grandchildren to help her buy hair oil. Serums are a new concept for her, which she wants to explore
Pain Points:
Not comfortable with technology, totally dependent.
Goals:
Wants an easy interface that she can also use
Wants to learn more about body care and ayurveda.
03 Ideate
1.
User's skin/hair concerns and challenges
3.
Technology and usability
4.
Desire for personalization
2.
User interest and engagement
5.
Feedback and continuous improvement
6.
Product awareness
Mapping It Out
.jpg)
Lets Operate
A Detailed User Flow
A detailed user flow maps out the steps a user takes to complete a task on a website or app.
It shows each action, decision, and screen, helping designers ensure a smooth, intuitive experience. User flows help identify potential issues, improve usability, and guide the user towards their goal efficiently.
Note - Zoom out if needed.
Starting Screen
Main Features
Sub Features
Legend
Splash
Screen
Get Started
User clicks start button
Sign In /Log In
Sign Up
Log in Via Google
Log in Via
Phone number
Create Profile
YES
NO
Name
Age
Gender
Phone Number
User Gets the
OTP and Logs in
Personal
Routine
Dashboard
Search
Community
Profile
Address
Orders
Add Review/Picture/Ratings
Cancel Order
Order Tracker
Support
General Settings
Log Out
Create/Set Routines
Set month/days
Add Reminders
Edit Routine
Add Picture
Rewards
Notifications
Notification
Product Category
Related Videos
AI Photo
Conduct Quiz
Preferences
Wishlist
Sorter & Filter
Budget Maker
Check Details
Reviews
Click on Product to check details and Reviews
Search
Scan Product
Search by picture
User Scans their face and gives a generic information
Save picture to track progress
NO
YES
User can select product ingredients/ fragrances/Product type
Clear Fliter
NO
YES
User Takes the quiz and gets information with a list of preferred products
Save Information
NO
YES
Reviews
Comments
Likes
Suggestions
Add post
Notification
Add to Cart
Check Out
Add/Subtract Items
Add Quantity
Add Coupons/
Rewards
NO
Place Order
YES
Select Payment Mode
Order Placed
04 Design
Wireframes
I created wireframes to map out the basic layout and structure of the interface. They help me focus on functionality and user flow, test ideas early, and communicate effectively with stakeholders, saving time in the design process.
Main Features
AI-Powered Face Scanner for Personalized Skincare
The AI Face Scanner is an innovative tool that analyzes a user's skin texture, hydration, elasticity, and other key factors, providing an instant, detailed report. Based on this analysis, it delivers personalized recommendations for skin and hair serums specifically suited to the user's unique skin condition.
This user-friendly tool combines cutting-edge AI technology with a seamless experience, helping users discover the most effective products for their skincare needs.
By offering expert-level insights and customized serum suggestions, it ensures users can create a routine that promotes glowing, healthy skin and hair
By one single click- Get Started.
Personalized Body Quiz for Customized Skincare Solutions
The Body Quiz feature guides users through a series of simple questions to assess their unique body and skin needs. Based on the responses, users receive a detailed report that highlights key factors like skin type, hydration, and other relevant conditions.
This in-depth analysis helps users discover the most suitable serums for their individual needs, ensuring they choose the right products to address their skin concerns and achieve optimal results.
By one single click- Get Started.
Personalized Journal for Skincare & Haircare Progress
with Weekly Guidance
The Journal feature allows users to track both their skincare and haircare journeys with ease.
By logging daily habits, product usage, and changes in skin and hair condition, users can monitor their progress over time.
Each week, the tool provides customized tasks and expert consultations to help users stay on track and make informed decisions about their routines.
This feature empowers users to take control of both their skincare and haircare regimens, offering continuous support and actionable insights to enhance results and maintain healthy, glowing skin and hair.
Community Page for Connection, Insights & Rewards
The Community Page is a dynamic space where users can connect, share their experiences, and exchange valuable skincare and haircare tips.
Just like a forum, it allows users to post questions, share their thoughts, and learn from others’ journeys, creating a supportive and interactive environment.
By engaging in the community, users can earn credits and rewards for posting valuable content, commenting, or sharing their results. These credits can be redeemed for discounts, exclusive products, and other exciting perks.
This feature not only fosters a sense of community but also empowers users to learn, grow, and benefit from their interactions, making it an essential part of the skincare and haircare experience.
Final Design - Website
01
Splash screen- with droplet effect
04
Home Page- The homepage features an intuitive layout with clearly organized tabs, making navigation effortless.
07
02
Log in- If you prefer not to log in, you can directly access the shopping page and start browsing right away.
05
Petal Skin- The website features segregated skin and hair pages, allowing users to easily explore products and recommendations tailored to their specific needs.
08
AI Face Scanner-
The AI Face Scanner offers a detailed analysis of the user’s skin condition by evaluating factors like texture, hydration, and elasticity. It provides an in-depth consultation based on the scan, offering clear insights into the user’s skin health and personalized product recommendations to address specific concerns.
10
Petal Community-
The Community lets users share experiences, ask questions, and earn rewards for posting and engaging, which can be redeemed for discounts and exclusive products.
13
Checkout Page-
The Checkout page offers a seamless and secure shopping experience, allowing users to easily review their orders, apply discounts, and complete their purchases with multiple payment options.
11
Journal-
The Journal allows users to track their skincare and haircare progress, log daily habits, and receive weekly tasks and expert consultations to refine their routines and achieve optimal results.
14
About Me (Profile)-
The Profile section lets users manage their details, track progress, and customize preferences for a personalized experience.
15
16
Order Confirmation-
Congratulations! Your order has been successfully placed. You’ll receive an email confirmation with your order details, and we’ll notify you once your items are on their way.
Order Not Placed-
Oops! It looks like the order was not successfully placed. The user can try again or contact support for assistance. Help is available to resolve the issue.
03
Sign Up- If you don't have an account, you can easily sign up and get started in just a few steps.
06
Petal Hair- The website features segregated skin and hair pages, allowing users to easily explore products and recommendations tailored to their specific needs.
09
Skin/Hair Quiz-
The Skin/Hair Quiz helps users assess their unique skin and hair needs through a series of tailored questions. The quiz provides a thorough analysis of their condition, followed by expert consultation and product suggestions designed to enhance their skincare and haircare routines based on their results.
12
Final Design - Mobile App
