top of page
Mindfulness App Concept UI
Group 3.png

Overview

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

iconfinder_3643745_human_man_people_pers
My Role

UX/UI designer

iconfinder_226587_clock_icon_512px.png
Time Frame

1-2 weeks

iconfinder_290121_computer_desktop_monit
Tools Used

Adobe Photoshop

Adobe Illustrator

Figma

Process

A lean, end-to-end loop: scan → scope → structure → prototype → validate. 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

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 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/jargon.

Analysis

Audience:

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

Design

MindfulnessApp_FlowChart.png

Flow Diagram

MindfulnessApp_Mockup2.heic
MindfulnessApp_Mockup1.heic
MindfulnessApp_Mockup3.heic
MindfulnessApp_LofiMockup.png

Low Fidelity Mockups

High-Fidelity Mockups/Prototype

An array of freely accessible content for reflection and meditation.

Landing page for daily mood check-ins and progress tracking.

Thought-provoking prompts to guide users in exploring their emotions.

Mindfulness as a Daily Practice

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

Group 7.png

Obtain Calmness and Enhanced Focus

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

Group 7.png

Enhancing Sleep Quality

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

Group 8.png

Learnings & Takeaways

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).

Attribution

​

Graphic illustrations by pch.vector on Freepik

App Demo Anchor
bottom of page