A UX Journey Toward a Healthy Sleep Cycle
UX/UI Design · User Research · Wireframing · Prototyping
Project Overview
This UX/UI project explores how to restore healthy sleep cycles by reducing screen time before bed. Through surveys, research, and prototyping, I designed an app that guides users in building better pre-sleep habits. The High-Fidelity (Hi-Fi) prototype features fluid visuals, a calming palette, and friendly typography, creating a relaxing, user-centered experience.
Survey research conducted during the prototyping phase revealed that late-night screen use was one of the primary factors disrupting sleep. After identifying this core pain point, I explored how existing apps addressed similar challenges and supported my findings with health and wellness research. The goal was clear:
help users restore and maintain a healthy sleep cycle through better control and balance.
User Research & Insights
Concept & Initial Prototyping
With these insights in hand, I began sketching initial wireframes and prototypes. The app was designed to give users more control over their sleep cycle—before, during, and after bedtime, by guiding them toward healthier habits and providing actionable sleep cycle insights.
High-Fidelity Prototype
The final prototype aims to be both engaging and calming. Fluid shapes represent the abstraction of sleep, while a moody palette of blues and purples contrasts with green and white to evoke a nighttime atmosphere. Quicksand typography was chosen as the primary typeface for its excellent screen legibility and friendly, curved forms.
I focused specifically on the pre-bedtime journey, guiding users to reflect on the habits that delayed their relaxation.
Iterative Improvements: Testing showed that features like identifying screen distractions and setting weekly goals were highly valuable to users. However, the “tolerance level” setting felt overwhelming during user testing, so I made the strategic decision to remove it from the final Hi-Fi prototype to ensure a more streamlined experience.