Case study, Mindfulness App Concept UICase study, 07

Mindfulness, without the commitment.

The goal of this personal project was to explore and design a lightweight mindfulness app for people seeking to enhance their mental health and emotional well-being, without requiring a significant amount of time and energy.

My role
UX/UI Designer
Time frame
1–2 weeks
Tools
Photoshop · Illustrator · Figma
Platform
Mobile
Mindfulness App Concept UI
Process

Scan → scope → structure → prototype → validate

A lean, end-to-end loop: I reviewed common patterns in leading mindfulness apps, defined clear success criteria, mapped key flows, built a clickable prototype, and drafted a lightweight usability plan to reduce steps and cognitive load.

Research

Scanning the field

Competitive scan, I reviewed well-known mindfulness apps to identify friction points (account walls, long onboarding, deep catalogues) and effective patterns (short sessions, clear goals, sleep mode).

Review mining, I read public reviews and help pages to capture recurring pains: too many steps, paywalls before value, confusing navigation.

Assumptions to validate
  • Users prefer a one-tap "Quick Start" over choosing from large catalogues when new.
  • Time-boxed sessions (5–10 minutes) increase the chance of starting.
  • Plain-language goals (Focus, Stress, Sleep) are easier than categories and jargon.
Analysis

Who it's for

Busy professionals and students, anxious sleepers, and beginners seeking simple routines.

Audience
Audience
Audience
Design

Flows & low-fidelity mockups

I mapped the key flows into a flow diagram, then sketched and built low-fidelity mockups to test structure before visual design.

Flow diagram
Flow diagram
Sketches & low-fidelity mockups
Sketches & low-fidelity mockups
Sketches & low-fidelity mockups
Sketches & low-fidelity mockups
Sketches & low-fidelity mockups
High-fidelity

Freely accessible, low-friction content

The high-fidelity screens centre on three things: an array of freely accessible content for reflection and meditation, a landing page for daily mood check-ins and progress tracking, and thought-provoking prompts that guide users in exploring their emotions.

Home, explore & prompts
Home, explore & prompts
Daily practice

Mindfulness as a daily practice

This design supports users in establishing a regular mindfulness routine through journaling and tracking moods and daily activities.

Journaling & mood tracking
Journaling & mood tracking
Calm & focus

Obtain calmness and enhanced focus

Users can manage stress and anxiety, fostering improved mental well-being with thoughtful activities and guided meditation.

Guided meditation & activities
Guided meditation & activities
Sleep

Enhancing sleep quality

Users can achieve better sleep with the assistance of tracking tools, informative articles, soothing sleep stories and curated playlists for relaxation.

Sleep tracking, stories & playlists
Sleep tracking, stories & playlists
Demo

App demo

A short walkthrough of the prototype in motion.

App demo
Takeaways

Lower friction is about letting people move

This sprint reinforced that lowering early friction is about letting people move, not making them commit: the skippable onboarding and skippable five-question setup get users to content quickly. The bottom navigation (Home, Explore, Journal, Sleep) matched mental models, Explore to browse, Journal for reflection, Sleep for wind-downs, so people always knew where to go next.

I don't use rewards or streaks; re-engagement rests on clear return paths instead, namely Last Played and Recommended based on recent activity. The Journal flow lowered effort by allowing either voice or text entries with optional back-dating, and the player screens stay quiet and focused so the audio leads.

Next steps are to run the usability plan, iterate on copy and options, and expand the design system for additional journeys (reminders, privacy, account creation).

The design system
The design system

Like the way I think? Let's talk about your product.

Next project, 08

Fantasy Game Concept UI