Project Overview

Role: Product Designer
Timeline: 3 Weeks
Tools: Figma
Industry: Wellness

Calm is a mindfulness and wellness application designed to help users build healthier daily habits through guided meditation, mood tracking, and personalized wellness experiences.

Many wellness applications overwhelm users with excessive content and complicated navigation. The goal was to create a calming digital experience that encourages mindfulness through intuitive interactions, gentle visual design, and a distraction-free interface.

The Challenge

Many wellness applications suffer from:

• Content overload

• Complicated navigation

• Low daily engagement

• Generic user experiences

• The challenge was to design an interface that feels calming from the moment users open the app while making meditation and wellness routines simple to access and enjoyable to return to.

Design Goals

• Encourage daily mindfulness

• Create a calming visual experience

• Simplify wellness tracking

• Improve content discoverability

• Build consistent daily engagement

Branding and Visual Systems

The visual system combines elegant typography, soft lavender gradients, pastel accents, and generous white space to create a peaceful and welcoming experience. Rounded components, subtle shadows, and minimal layouts reinforce a sense of calm while allowing users to focus on their wellness journey without distraction.

Key Features

Mood Check-In

Users can quickly record how they feel through an intuitive mood selector that personalizes their wellness journey.

Guided Meditation

Curated meditation sessions help users reduce stress, improve focus, and build consistent mindfulness habits.

Personalized Recommendations

Content is tailored to each user's mood and activity, making wellness guidance feel more relevant and engaging.

Daily Journal

A simple journaling experience encourages users to reflect on their thoughts and track emotional progress over time.

Design Decisions

Calm-First Visual Language

Soft gradients, rounded elements, and spacious layouts create an interface that immediately feels peaceful and approachable.

Emotional Personalization

Mood-based interactions help users receive recommendations that feel relevant to their emotional state.

Minimal Navigation

A simplified navigation structure reduces cognitive effort and allows users to focus on their wellness activities.

Consistent Design System

Reusable components and consistent spacing create a cohesive experience across every screen.

Final Screens

The final experience focuses on simplicity, emotional connection, and ease of use, allowing users to navigate their wellness journey through thoughtful interactions and calming visual design.

Outcome

The final design demonstrates how thoughtful user experience and calming visual design can transform wellness routines into engaging daily habits.

Calm creates a peaceful digital environment that encourages mindfulness, supports emotional well-being, and makes self-care feel approachable through intuitive, user-centered design.