Calm Zone
The Calm Zone App utilizes technology integrated with wearable devices like Smart Bands or Smartwatches to monitor and track the user's heart rate in real-time. When it detects an elevated heart rate, indicating potential stress or agitation, the app intervenes by displaying a gentle pop-up notification. This notification encourages the user to pause and engage in a customized calming session to restore mental equilibrium. The app offers various relaxation techniques such as meditation, soothing ambient music, breathing exercises, or simple activities like counting to 10, all aimed at fostering relaxation and reducing stress levels.

User research, Interaction, Visual design, Prototyping

• Figma
• Photoshop

• Figma file (incl. Design System, Sketches, User Flows, Sitemap, Wireframes with Prototypes, UI Design with Prototypes)
Studies in psychology consistently highlight the detrimental effects of chronic stress on mental health. Elevated heart rates often accompany stress, and prolonged stress can lead to anxiety, reduced focus, and overall diminished well-being. The app's intervention at the onset of increased heart rate helps preemptively address stress.
Research shows a connection between heart rate variability (HRV) and emotional regulation. By prompting users to engage in calming activities during periods of increased heart rate, the app aids in regulating emotions and promoting a sense of control over one's mental state.​​​​​​​
• Real-time Intervention: 
The app's ability to detect and respond to rising heart rates enables timely intervention, prompting users to take a moment to refocus and relax before stress escalates.
• Customized Calming Sessions: 
Offering a range of relaxation techniques tailored to individual preferences, the app empowers users to choose the method that best suits their needs, be it meditation, calming music, or simple breathing exercises.
• Promoting Mindfulness and Well-being: 
By fostering mindfulness and encouraging brief moments of calm amidst a busy day, the app contributes to overall mental well-being and resilience against stress.
Design process (based on Overall Journey User Flow)​​​​​​​

General sketches

Low fidelity sketches

User Flow



Wireframe prototype

Typesystem design

Color palette

Design system


Final UI Design prototype

You may also like

Back to Top