Journey app screens on phone mockups
Journey app screens on phone mockups, alternate view

A MINDFULNESS APP BUILT AROUND A REAL MODEL OF EMOTION

JOURNEY CASE STUDY
Usability test recording of the interactive prototype
The mood-logging flow, live in the click-through prototype.

PROJECT BRIEF

Journey began as a personal task-management app — a better to-do list, built to fit habit tracking into daily routines. Research said otherwise: people don't want to log tasks in their free time, and a market already saturated with to-do apps wasn't the right market. What surveys and interviews with psychologists, behavioral therapists, and everyday users pointed to instead was a different, more durable need — a tool to track moods, habits, and self-affirmations well enough to reveal real patterns in someone's own emotional life.

Nearly every mood-tracking app I researched modeled emotion as a single slider between "good" and "bad." That's not how people actually experience feelings, and it's not a model any therapist would recognize as clinically useful. Journey's mood-logging is built instead on Robert Plutchik's wheel of emotions — a real framework with eight primary emotions and a range of intensity for each — the same richness a therapist would actually want from a client's data.

AT A GLANCE
Role: Product Designer, solo — concept, research, UX, UI, and prototype  •  Status: validated concept, prototype only, now in active planning as a focused native app
Problem: mood-tracking apps model emotion as a single good/bad slider, discarding the nuance that makes emotional self-knowledge actually useful
Solution: built mood-logging around Plutchik's wheel of emotions, tested three input approaches, and converged on a circular interface that mirrors the wheel itself
Validation: unprompted, more than one psychologist has told me directly they wish this were a real, working app
FROM TO-DO LIST TO MOOD LOG

It started as a to-do list and habit tracker

Journey wasn't conceived as a mood-tracking app. The original concept was a better to-do list — a habit tracker built to fit personal task management into daily routines. What research eventually made clear was that this wasn't a problem worth solving.

Research redirected the whole concept

The earliest surveys were written to validate a better to-do list. Instead, they killed the premise: over 50% of people I surveyed had abandoned a personal task-management app within two weeks, and nearly 80% had abandoned one within a month. Task management is a solved problem at work and an unwanted chore everywhere else. Follow-up surveys shifted the question — not "what tasks do you want to track," but "what about yourself are you actually curious about" — and the results pointed clearly toward mood, habits, and self-reflection instead of to-do items.

Interviews across a deliberately wide panel — psychologists, behavioral therapists, art therapists, project managers, educators, and other designers — confirmed the same thing from a different angle: people are curious about their own patterns, but the tools available to explore that curiosity were either clinical and inaccessible, or shallow wellness apps with nothing underneath them.

Survey results on tracking personal tasks, habits, and moods
The survey data that redirected the entire concept, away from tasks and toward mood.
AN APP-SHAPING DISCOVERY

Every competitor used the same shallow model

I tested every mindfulness and mood-tracking app I could find on iOS and Android — guided meditations, soundscapes, wellness forums, mood journals — and mapped what each offered against how difficult it would be to build and how much value it actually gave a user. Almost none of them held up under that comparison. The ones with mood tracking used the same shallow model without exception: a slider between "good" and "bad," or some other binary stand-in for it.

The turning point came from literature, not app research. Without formal training in psychiatry, I turned to people who had it: the Dalai Lama and the Paul Ekman Group's Atlas of Emotions, and — the actual breakthrough — Robert Plutchik's wheel of emotions, which maps eight primary emotions and their intensities instead of collapsing feeling into a single positive/negative axis. Nothing in the apps I'd tested came close to that model. It became the backbone of Journey's entire mood-logging feature.

Feature matrix comparing implementation effort to user value
The competitive feature matrix — every mood-tracking competitor used the same binary scale.
Literature review referencing Plutchik’s wheel of emotions
Plutchik's wheel, the actual source material — eight primary emotions and a real range of intensity, not a slider.

Personas grounded in more than intuition

Three personas represented the app's likely users, built from National Institute of Mental Health data, academic research on mindfulness and self-affirmation, and my own survey and interview results — not invented from assumption. Each represented a different reason someone might actually open a mood-tracking app: crisis-driven self-monitoring, habit-driven self-improvement, and reflective, low-stakes curiosity.

Meghan, Robert, and Samantha — three distinct reasons to open the app, not one generic user.
KEY DESIGN DECISIONS

1) Three ways to log a mood, one clear winner

Committing to Plutchik's model meant the input itself had to represent eight emotions and their intensity, not just a point on a line. I built and tested three approaches: a simple linear slider, an 8-track slider with one control per emotion, and a circular interface with eight paths radiating from a center point. The linear slider was familiar but threw away exactly the nuance the whole redesign existed to capture. The 8-track slider preserved the data but was slow and fussy to use — too much friction for something meant to be logged in seconds, repeatedly.

The circular 8-path target won, and not by a small margin: it's the only one of the three that's visually the same shape as Plutchik's wheel itself, so the input and the underlying model are the same object. A user isn't translating a feeling into an abstract slider position — they're placing a point directly on the wheel their mood already lives on.

Left to right: linear slider, 8-track slider, circular 8-path target — the one that shares its shape with the underlying model.

2) Mapping a fuller product than mood-logging alone

As originally scoped, Journey was broader than the emotion wheel: activity logging with color-coded sliders, goal tracking with sub-goals, and a self-affirmation feature with a card-based carousel, all mapped out in a full task-flow diagram and product requirements document before a single high-fidelity screen was built. It was a reasonable scope for a portfolio concept meant to demonstrate range. It's also more than the idea actually needs, which matters later in this case study.

Task flow diagram mapping user action sequences Product requirements document
The full original scope, mapped before design began — activities, goals, and affirmations, alongside mood.

Activity logging and self-affirmation wireframes, built out alongside mood-logging as part of the original full-scope concept.

3) Color chosen for what it does to a nervous system, not a mood board

Coming from a decade in graphic design, color wasn't a late decision here — it was one of the first. Blue reads as calm and reduces perceived stress; deeper blue reads as intellect and consciousness; purple carries associations with emotion and reflection. The palette moved from a lighter cyan to a deep lavender-blue specifically to support mindfulness and inner confidence, not because it looked good in isolation. The logo and navigation iconography draw on Tibetan mandala art, Japanese mon emblems, and Western sigils — visual traditions built around symbolic, contemplative marks, which is exactly the register this app needed.

Journey brand and style guide
The brand and style guide — palette, iconography, and typography chosen for their psychological register.

4) Assembling 86 screens into one coherent product

With layout settled in wireframe and the visual language set by the brand guide, the full product came together as 86 individual screen designs in Sketch, covering every state across mood-logging, activity tracking, goal tracking, and affirmations. This was the version used to build the click-through prototype tested with real people.

The finished product, in full — the version that went into prototype testing.
TESTING WITH REAL USERS

A click-through prototype, tested repeatedly

I built a full click-through prototype in InVision and ran it through several rounds of testing with a few dozen testers, tweaking and iterating after each round. I deliberately varied how much guidance testers received going in — sometimes a specific set of tasks, sometimes none at all — to see how intuitive the interface was without being told what to do. The mood-logging flow, using the circular target, was consistently the fastest and least confusing part of the whole prototype to navigate, which was the clearest validation that the design decision behind it was the right one.

Real testers, navigating mood logging, goal tracking, affirmations, and activity data — recorded across several rounds of testing.
OUTCOME & WHAT'S NEXT

Where it stands

Journey never shipped. It stayed a Sketch-based, click-through InVision prototype — validated with real testers, never built as production software. That's an honest limitation of this case study, not one I'm interested in dressing up.

Real-world validation, unprompted

What's kept this idea alive well past a portfolio project is a specific, repeated response: more than one psychologist I've shown this to, in casual conversation and years apart, has told me directly that they wish it were a real, working app they could point clients to. That's not feedback I solicited or a metric I'm inflating — it's the exact audience the Plutchik-based model was built to serve, independently arriving at the same conclusion.

The rebuild: stripped down, and native

The plan is a focused native app for iOS and Android, cut back to just the emotion log — the part of the original scope that actually earned that reaction. Activities, goals, and affirmations were reasonable additions for a portfolio piece meant to show range; they're not what makes this idea worth building for real. What the rebuild adds instead is depth on the one feature that matters: three ways to view the same underlying data, at three different scales of self-knowledge.

Calendar heatmap — the macro view. The shape of your emotional life across weeks and months, each day colored by its dominant logged emotion, drawn from the Plutchik palette. Patterns emerge on sight: a whole blue-gray week of Sadness, a streak of yellow Joy. GitHub's contribution graph, but for your inner life.

Chronological timeline — the micro view. Scrollable and intimate, each entry its own moment: dominant emotion, intensity, tags, note. Journal-like, and the one that feels most personal.

Aggregate Plutchik wheel — the existential view. Every logged entry over a selected period — a week, a month, a year — collapsed back onto the wheel that generated them, weighted by frequency and intensity, showing your emotional center of gravity. Nobody else is building this view. It's the one a therapist would actually use with a client.

Three views, one dataset, a single toggle between them — different scales of self-knowledge drawn from the same raw material.

Mood logging screen with the circular 8-path target, the feature the native rebuild is built around
Where the rebuild starts — the one feature from the original that's earning it a second life.
FEATURED UX CASE STUDIES
DROP ME A LINE.

LET'S BE IN TOUCH:






JOSEPH IS BASED IN SAN FRANCISCO, CALIFORNIA: