Calm Zone
Calm Zone is an app designed to work with wearable devices like smart bands and smartwatches, to monitor and track the user’s heart rate in real-time. When the app detects an elevated heart rate it sends a pop-up notification, encouraging you to take a moment for yourself - to pause and engage in a calming session to regain your mental balance. The app offers a range of relaxation techniques, such as guided meditation, soothing ambient sounds, breathing exercises, or even simple practices like counting to 10. All of these are aimed at reducing stress whenever needed.

Role
PRODUCT DESIGNER
User research, Interaction, Visual design, Prototyping



Software
• Figma
• Photoshop



Resources
• Figma file (incl. Design System, Sketches, User Flows, Sitemap, Wireframes with Prototypes, UI Design with Prototypes)
Problems
• STRESS MANAGEMENT:
Psychological studies have repeatedly shown that chronic stress has a huge impact on mental health. It often comes with an elevated heart rate, and if left unchecked, it can lead to anxiety, brain fog, and a decline in overall well-being. That's where the app steps in - by detecting those early signs of stress through a spike in your heart rate, it can help you tackle it before it rises.
• EMOTIONAL REGULATION:
Research shows a link between heart rate variability (HRV) and how well we manage our emotions. By encouraging users to try calming activities when their heart rate spikes, the app helps improve emotional balance and gives users a greater sense of control over their mental well-being.
Solutions
Real-time Intervention
The app can spot rising heart rates and step in right away, encouraging users to pause, refocus, and relax before stress levels get out of hand.
 Customized Calming Sessions
The app offers a variety of relaxation techniques, letting users pick what works best for them - whether that's meditation, soothing music, or easy breathing exercises.
Promoting Mindfulness and Well-being
The app helps you find moments of calm in a hectic day, boosting mindfulness and building resilience against stress for better mental well-being.
Design process (based on Overall Journey User Flow)​​​​​​​

General sketches

Low fidelity sketches

User Flow

Sitemap

Wireframes

Wireframe prototype

Typesystem design

Color palette

Design system

Designs

Final UI Design prototype

You may also like

Back to Top