Mindfull app icon
Mindfull
iOS app concept

A calmer way to track meditation and journaling.

Role
UX research and UI design
Platform
iPhone
Scope
Research, IA, branding, UI
Status
Concept
Mindfull app on a phoneMindfull app on a phone

A gentler way in

Most wellness apps assume you already know how to meditate, so beginners rarely stick with it. Mindfull meets people where they are, with guided sessions, quick check-ins or a quiet place to write.

Person on a couch using the Mindfull appPerson on a couch using the Mindfull app

What makes people quit

I interviewed and surveyed young adults dealing with daily stress and constant digital noise. What kept them coming back came down to three things.

Easy to start

Onboarding asks one thing: reduce stress, sleep better or just explore.

No guilt

A skipped day shouldn’t feel like failing, so nothing counts against you.

Fits the day

Check-ins and sessions short enough to fit a busy schedule, not the other way around.

Three hubs, one tap away

Meditation, journaling and community each get a hub off the main nav, so regulars jump straight in and first-timers never hunt through menus.

Mindfull sitemap: main nav leads to Dashboard, Meditate, Journal and ConnectMindfull sitemap: Dashboard has mood stats, settings, account, alerts, security and about. Meditate has guided prompts, unguided sessions and an audio player. Journal has new entry, edit entries, themes and pens. Connect has feed, friends, messages, goals, reactions, resources, hotline and therapy.

Quiet, not sterile

Deep blues and off-whites in low contrast, with EB Garamond for headings and Lato for everything else. It’s meant to feel like a break from typical app screens.

Mindfull logo, a palette of deep navy, navy and white, and EB Garamond with LatoMindfull logoPalette: deep navy #0F1C2E, navy #1E3A5F and white #FFFFFFType: EB Garamond for headings, Lato Regular for body and Lato Light for secondary text

Wireframes first

Low-fidelity wireframes mapped onboarding, mood check-ins and picking a session. I tested layouts quickly and kept whichever one removed a step.

Mindfull low-fidelity wireframes

Then the warmth

Illustrations, mood-based visuals and small animations gave the structure some personality, so it feels supportive instead of clinical.

Mindfull welcome, personalize and good evening screens

Play, pause, write

The player sticks to play, pause and save. The journal gives you a background you choose and a page without formatting in the way.

Small calls that shaped it

Mood sliders
Logging a feeling is one drag, so nobody overthinks it.
Reminders that don’t nag
Smart reminders nudge you toward a session without turning into pressure.
A cat, not a countdown
The player sits over an animated cat that’s soothing without taking itself too seriously. You can swap it out.
Saves as you go
Entries save while you write, so an interruption never costs a thought.
An emoji per page
Each journal page gets an emoji, a quick read on your day that feeds the mood tracker.
Built for thumbs
The journal’s keyboard is tuned for mobile, where most people actually write.

Where it stands

A full UX case study covering onboarding, the dashboard, guided meditation and journaling.