TIMELINE
2 Weeks
ROLE
Product Designer
Skills
Mobile App Design
UX Design
UI Design
01. Overview
Skincare is deeply personal, yet finding the right products and understanding individual skin needs can often feel overwhelming. With countless products, conflicting advice, and generic recommendations, people are left guessing what works for their skin.
HueSkin takes a more personalised approach by combining skincare with technology. Through skin analysis, tailored product recommendations, and progress tracking, the platform helps users better understand their skin and make more informed decisions.
My goal was to translate this vision into a seamless mobile experience that makes personalised skincare easier to understand, navigate, and manage.
02. The Challenge
Finding the right skincare routine can feel like trial and error. People are often faced with too many products, conflicting advice, and recommendations that don't necessarily reflect their individual skin needs.
The challenge wasn't simply to put skincare features into an app. It was to make the entire experience feel connected and easy to understand.
HueSkin needed to help users move from understanding their skin to discovering relevant recommendations and monitoring their progress, without making the process feel complicated.
I approached the design with one central question:
How might we make personalised skincare easier to understand, navigate, and manage through a single mobile experience?
03. Structuring the Experience
Rather than treating each feature as a separate destination, I approached HueSkin as a connected skincare journey.
I organised the experience around three key needs:
Understand your skin
Users need a way to explore their skin condition and gain insights that help them better understand their individual needs.
Discover relevant products
Once users have a better understanding of their skin, they need a clearer way to explore recommendations suited to their needs.
Track your progress
Skincare is an ongoing process. Users need a way to revisit their progress and monitor changes over time.
These three experiences became the foundation of the product structure, helping me organise the interface around a clear progression from understanding to discovery and ongoing tracking.
04. Designing for Clarity and Simplicity
A product built around personal skincare information can quickly become overwhelming if too much information is presented at once.
I focused on making the experience approachable by considering how users would discover, interpret, and interact with information throughout the app.
My design decisions centred on three principles:
Make information easy to understand
Skin-related insights and recommendations needed to be presented in a clear, digestible way, helping users understand the information without unnecessary complexity.
Keep the journey connected
Skin analysis, product discovery, and progress tracking needed to feel like parts of one experience rather than disconnected features.
Build familiarity through consistency
I used consistent interface patterns, typography, colour, and reusable components to create a more predictable experience across the app.
The intention was to make the product feel simple to navigate while giving each feature a clear purpose.
05. Core Product Experience
The app brings its main features together to support users throughout their skincare journey.
Skin Analysis
A central part of the experience, designed to help users gain a clearer understanding of their skin and its needs.
Personalised Recommendations
A guided discovery experience that helps users explore products and recommendations relevant to their skin.
Progress Tracking
A way for users to follow their skin journey over time, observe changes, and stay engaged with their routines.
Across these experiences, my focus was to make information accessible, interactions straightforward, and the overall journey feel connected rather than fragmented.
06. Visual Direction & Interface Design
The interface needed to balance two different worlds: the warmth and personal nature of skincare, and the precision associated with technology.
I translated HueSkin's brand identity into a mobile design system built around clarity, consistency, and approachability.
I paid particular attention to visual hierarchy, typography, colour, spacing, and reusable components to make information easier to scan and interactions feel familiar.
The result is a cohesive interface that carries the brand's personality into the product experience without compromising usability.
Your brand won’t fix itself. Fifteen minutes will tell us both if I can.
