
Services
UI UX Design
Client
Year
2025
Info
Challenge
Brand & Feature Analysis
We began our journey by comparing four sleep apps — Sleep Cycle, Calm, Pillow, and SleepScore. On the left, we look at their brand style, tone, and how they connect with users. On the right, we compare key features like sleep tracking, smart alarms, and coaching.


Mapping of competitors

Secondary research
Survey
user interview
Affinity Diagram

user Persona/Journey


Problem statement
How might we

MOSCOW METHOD

MVP
User flow
We mapped out the user flow to show how people move through the app.
First-time users start with a quick setup and introduction.
Regular users can access features like podcasts, breathing exercises, and the Mind Log.

Low fidelity -> mid-fidelity
We mapped out the user flow to show how people move through the app.
First-time users start with a quick setup and introduction.
Regular users can access features like podcasts, breathing exercises, and the Mind Log.

Usability testing
Finally, we tested the app with five people to get their feedback. They wanted easier ways to see how activities affect their sleep and clearer sleep data. Some liked the idea of adding music or podcasts, and others found the breathing exercises and simple notifications helpful. Their feedback helps us make the app better and easier to use.

visual competitive analisys
We did a visual competitive analysis to spot common elements our app could use, like calming colors, simple layouts, and clean UI.

Moodboard
Our brand identity is designed to feel easy to use, helpful, low-maintenance, and reliable.
Easy to use reflects the needs of users who are often tired and want a smooth, effortless experience.
Helpful and reliable are expressed through features like wellness nudges, mood logs, and breathing exercises that support daily routines.
Finally, low-maintenance comes from the way the app works quietly in the background, offering support without demanding constant attention.

Style Guide
This style guide brings together the app’s core visuals into a cohesive system.
Illustrations introduce warmth and empathy, ensuring the design feels caring rather than clinical.
UI elements use a subtle ‘liquid glass’ effect, adding softness and a modern touch. Icons are kept simple to support quick, intuitive navigation without unnecessary visual noise.
Charts and data visuals were designed to be light, clear, and easy to read—helping users focus on insights, not complexity.

High fidelity prototype
The high-fidelity prototype brings the design to life—combining colors, type, and interactions into a smooth, welcoming experience that feels both polished and intuitive.
Key learnings
Through user interviews, competitor analysis, and usability testing, I uncovered valuable insights that shaped the design. Interviews highlighted real user habits and pain points, guiding the features and tone. Competitor research revealed patterns and opportunities to create a more distinct, functional experience. Finally, testing with personas improved navigation, clarity, and accessibility—ensuring the app feels both intuitive and supportive.