People struggle to interpret skin information.
Pair a visual summary with readable concern details and a clear next action.
INARA / A CONNECTED SKINCARE EXPERIENCESkin clarity.
Skin clarity.
Care that connects.
A thoughtful mobile journey from understanding your skin to finding your next step.
Discover the interfaceINARA — PRODUCT DESIGN01 / THE EXPERIENCE
A LITTLE CLARITY. A LOT OF CARE.Understand your skin.
Understand your skin.
Find your next step.
A connected journey from personal skin insights to expert care.
Explore the experience✳DESIGNED AROUND
you, naturally.
you, naturally.
From insight
to your next step.
to your next step.
PERSONALISE → UNDERSTAND → CONNECTSKINCARE, WITH YOU AT THE CENTRE.
- My role
- UI/UX · Mobile care journeys
- Platform
- Mobile · iOS & Android
- Duration
- 8–9 months
- Approach
- Lean UX
01 / THE CHALLENGESo much skincare advice.
So much skincare advice.
So little clarity.
INARA explores a familiar problem: people notice a skin concern, search online, and struggle to decide what to do next. The design brings that fragmented journey into a guided experience.
01 / INFORMATION“Which advice
“Which advice
should I trust?”
Conflicting information makes the first decision harder.
02 / CHOICE“Is this product
“Is this product
right for me?”
Trends and broad recommendations leave personal needs unclear.
03 / CONTINUITY“What should
“What should
I do next?”
A scan or one consultation needs a clear route into ongoing care.
THE DESIGN QUESTION
How might we help people understand their skin concerns and find a clear, expert-supported next step?
02 / DISCOVERY & ASSUMPTIONSLook beyond the symptom.
Look beyond the symptom.
Understand the uncertainty.
The discovery material describes a focus-group discussion with healthcare and wellness professionals. Their inputs shaped the project’s early assumptions around understanding, personalisation, and continuity.
Expert inputHealthcare and wellness perspectives
03perspectives: dermatology, nutrition, and hormonal health
01shared direction: clearer, more connected guidance
DISCOVERY THEMEDESIGN RESPONSE
Generic advice does not feel personal.
Use onboarding and concern selection to build context before showing recommendations.
The journey often stops after the first interaction.
Connect the initial report to Home, products, learning, and consultation.
PROTO-PERSONAAnita, 32
Corporate professional
Gurugram
Digitally confident.
Careful about health decisions.
Anita looks for guidance online, finds clinic visits difficult to fit around work, and wants explanations she can understand. She is open to AI support when its recommendations are transparent and connected to professional care.
A working proto-persona from the design exploration, not a measured user segment.03 / DESIGN DIRECTIONTrust is part
Trust is part
of the journey.
The early hypothesis was that a scan alone would not be enough. The experience also needs understandable information, a clear route to an expert, and a reason to return.
Explain the insight.
People may feel more confident when the report explains the concern and the role of professional review.
Check: can users explain what the report means?Make the next step visible.
People may continue beyond the scan when consultation and follow-up are easy to find.
Check: where do users go after viewing results?Reduce the effort to get help.
A mobile booking flow may help people who find clinic visits difficult to arrange.
Check: can users find and book a suitable slot?THE EXPERIENCE MAP
- 01Get startedPersonal context
- 02ScanGuided capture
- 03UnderstandResults & report
- 04Take a stepGuidance & products
- 05ConnectExpert consultation
04 / FROM IDEAS TO STRUCTUREExplore widely.
Explore widely.
Then make the flow clear.
The Crazy 8 exploration considers skin scores, scanning, progress, lifestyle, routines, products, and doctor access. Low-fidelity sketches then organise the key interactions before visual styling.
Enlarge ↗WHAT THE SKETCHES HELPED FRAMEThe experience needs more
The experience needs more
than a scan result.
The ideas span three needs: understanding a concern, deciding what to do, and staying engaged over time. The wireframes connect those needs through onboarding, scanning, Home, and consultation.
Declare assumptionsCreate an MVPRun an experimentLearn & refine
The project follows a Lean UX approach. Ideas in the sketches represent exploration, not a list of shipped features.
05 / VISUAL LANGUAGECalm surfaces.
Calm surfaces.
Clear decisions.
Soft lavender, sky blue, and mint bring a gentle tone to the interface. Dark text, white surfaces, and consistent primary actions keep the content organised.
LavenderPrimary accents
Sky blueSupporting colour
MintSupporting colour
ObsidianText & contrast
WhiteContent surfaces
Enlarge ↗
Enlarge ↗View the typography exploration
Enlarge ↗06 / THE MOBILE EXPERIENCEA little guidance.
A little guidance.
At every step.
The final screens connect onboarding, face scanning, concern selection, a skin report, and consultation. Each chapter below explains the purpose of that moment in the flow.
01 / A WELCOMING STARTMake the first step
Make the first step
feel approachable.
A people-led welcome introduces the app. Mobile-number entry and a short profile question then move the person into the experience one step at a time.
Design intention
A single primary action keeps the next step easy to spot.
Start simply→One question at a time→Build personal context
02 / GUIDED CAPTUREExplain the scan.
Explain the scan.
Show what to do.
The scan introduction, camera guidance, and result summary create a visible sequence. Instructions sit beside the face preview so the person can understand the task while doing it.
The key interaction
Move from preparation to capture to review, with a clear action at each stage.
Prepare→Capture with guidance→Review the result
03 / MAKE THE INFORMATION READABLEFrom a result
From a result
to a clearer picture.
Concern selection allows people to add context beyond the initial scan. The longer report groups the information into individual concern rows, with labels and a next-step action.
- Summary first: an overview anchors the report.
- Detail next: separate rows organise the concerns.
- Action last: connect the report to further guidance.
Scores and concern labels are interface examples. The case study does not establish diagnostic accuracy.
Review concerns→Add your context→Explore the report
Enlarge ↗04 / A PLACE TO RETURN TOBring the next steps
01 02 03 04
Bring the next steps
into one home.
Home connects the personal overview with consultation, products, product scanning, and learning content. The page extends the experience beyond a one-time scan.
Personal overview
Keep the person’s skin information near the top.
Expert access
Surface a route to professional consultation.
Product discovery
Bring product scanning and browsing into the same journey.
Learning & continuity
Use educational content and routine-related sections to support return visits.
05 / CONNECT WITH AN EXPERTFrom considering care
From considering care
to booking a slot.
The doctor profile brings professional details, available slots, and patient stories together. The booking screen then summarises the appointment and billing information.
Why the sequence matters
People can review who they are booking with before moving into the appointment details.
Meet the expert→Choose a slot→Review the booking
07 / REFLECTIONMake the next step
Make the next step
easier to understand.
INARA’s design brings skin information, product discovery, learning, and consultation into one mobile journey. The strongest design thread is continuity: helping people see what comes after the first scan.