All Work
Featured UX Design Mobile AI

Clinical Reality

Transforming skincare routines through data-driven personalization — an AI-powered skin analysis and loyalty tool for Clinique.

Role
Lead UX/UI Designer & Researcher
Discipline
Research · Design · Test · Iterate
Platform
iOS Mobile App
Tools
Figma · Usability Testing
Clinical Reality cover

01 — Challenge

The Challenge

Clinique customers often feel overwhelmed by vast product lines and uncertain about which skincare routine actually works for their specific needs. The goal was to bridge the gap between product discovery and long-term brand loyalty through a personalized, tech-driven mobile experience.

Problem
Users felt "product fatigue" and lacked a way to easily discover products that work for their skin concerns.
Opportunity
Create a skin analysis feature that uses AI scanning to provide data-backed product recommendations.

02 — Research

User Research & Insights

I began by defining a primary persona to ground design decisions in a realistic user context.

Jennifer, primary persona
Jennifer, 28
HR Professional · New York, NY
"I want a skincare routine that actually works for my skin, but I don't have time to research every product."

03 — Design

Iterative Design Process

I moved from Task Analysis to Wireframing, focusing on a three-pillar user flow designed to take users from discovery to long-term retention.

01
Discovery
AI-powered facial scanning for real-time skin analysis.
02
Personalization
Recommended products based on individual scan results and skin concerns.
03
Retention
Loyalty dashboard that rewards consistent skincare habits over time.

During the wireframe phase, I prioritized the "Scan" interface, refining the user flow to include clearer instructional overlays. By simplifying the UI and adding real-time positioning cues, I ensured users could capture accurate data on the first try, reducing friction at a critical entry point.

Wireframe iteration 1 Wireframe iteration 2

04 — Testing

Testing & Validation

I conducted usability testing on the low-fidelity prototype to identify friction points, then improved and retested the high-fidelity prototype. Key Task: Complete the AI face scan and view personalized recommendations.

Metric Phase 1 — Low-Fi Phase 2 — High-Fi Improvement
Success Rate 65% 100% +35%
Avg. Time on Task 2m 14s 48s 64% faster
Miss-clicks (Errors) 4.2 per user 0.5 per user 88% reduction
SUS Score 62 — Marginal 88 — Excellent +26 points

05 — Solution

The Solution

The final product is a sleek, clean interface that integrates three key capabilities:

Real-time Skin Analysis
Instant feedback on skin concerns delivered through an intuitive scanning interface.
AI Results & Synthesis
A clear, digestible questionnaire and results screen that translates complex AI scan data into simple terms.
Targeted Recommendations
Refined product recommendation layout where each suggestion is explicitly linked to a specific skin concern identified during analysis.
Hi-fi screen 1 Hi-fi screen 2 Hi-fi screen 3 Hi-fi screen 4 Hi-fi screen 5 Hi-fi screen 6 Hi-fi screen 7 Hi-fi screen 8 Hi-fi screen 9 Hi-fi screen 10
Next Case Study
Engagefully
Driving engagement through seamless event networking.
View Next