Mobile App UX/UI Design

Mochi Sanctuary

Industry

Mental Health

Client

Artistry Heals

Duration

3 Weeks

Team

Sherlyn, Jiayi and Suriya

Mochi Sanctuary app screens

A working prototype that wasn't earning return visits

Artistry Heals is a non-profit arts therapy organisation that creates accessible mental wellness experiences for young adults across Singapore. Mochi Sanctuary is their gamified companion app – designed to help users track their mood, reflect through journalling, and build emotional resilience through small daily rituals.

The app had a working prototype, but user feedback revealed it wasn't earning return visits. The mood tracking model confused 4 in 10 users, journalling was gated behind a mandatory 5-word entry, and the Insights feature was written in clinical language most users couldn't access. The product had potential – it just needed to be made usable.

This case study documents a six-stage research and redesign process: 10 user interviews, a 7-day beta with 28 participants and 167 responses, two rounds of usability testing, and a review with a practicing psychotherapist. The redesign addressed each of those barriers directly. Mood logging success went from 0% to 100%. Memory Jar errors dropped from 10% to 0%. The final prototype was presented to Artistry Heals at a General Assembly showcase.

View Prototype →→

Understanding the people it was built for

Before forming any opinion about the existing prototype, we needed to understand how young adults actually relate to emotional wellness in daily life. 10 in-depth interviews were conducted with participants aged 22–29 – not to evaluate the app, but to understand what drives someone to start tracking their mood, what makes them stick with it, and what quietly causes them to stop.

User interview key insights

Five consistent themes emerged – and together they became the lens through which every feature in the existing prototype would be evaluated.

Two distinct users, one product to serve both

The interviews revealed two archetypes who would come to Mochi Sanctuary for different reasons and need very different things from it. The Social Processor needed the app to feel connected to the people in their life. The Reluctant Reflector needed it to be effortless enough to become a habit. Designing for one without alienating the other became a core constraint for everything that followed.

Mochi Sanctuary personas

Four user needs the existing prototype wasn't meeting

With a clear picture of what users needed, the gaps in the existing prototype became specific. These four HMW questions each mapped to something users had explicitly told us wasn't working – and each one would later be answered by a specific design decision in the redesign.

  1. How might we present the app's interpretation of a user's emotional state in a way that feels accurate and resonant rather than generic or presumptuous?
  2. How might we present a user's emotional history in a way that feels like a personal story rather than a data report?
  3. How might we design a shared experience inside the app that gives friends a genuine reason to show up together?
  4. How might we design a presence layer that lets users feel seen by their close circle without having to announce how they are feeling?

How the prototype was measuring up against user needs

With a clear picture of what users needed, the same 10 participants were asked to complete four tasks in the existing prototype. The results confirmed what the interviews had signalled: the concept was right, but specific decisions were creating friction at exactly the points where users most needed ease.

Usability test 1 results

The mood quadrant, the mandatory entry, the clinical language in the Analyse tab – each created a barrier at a moment where the app should have been working with users, not against them. To understand whether these patterns held up beyond a single session, we needed to see how the app fared in real life, over time.

What a week of real use told us

A usability test captures what users think in the moment. A beta test captures whether they choose to keep using something once the novelty wears off. 28 participants aged 18–29 used the existing prototype in their daily lives for a full week, generating 167 responses. The question wasn't whether they could complete tasks – it was whether the app was earning a place in their routine.

Beta test summary

The numbers captured the gap precisely. An 81% task completion rate confirmed the app was usable. A 2.05/5 likelihood-to-continue score confirmed it wasn't yet meaningful. Users could use Mochi Sanctuary – they just weren't choosing to come back.

Beta testing – what users enjoyed

The beta also made clear what users did connect with – and protecting those moments was just as important as addressing what wasn't working. The redesign would need to build on what users valued while removing the friction that was pushing them away.

Designing from user needs, not from features

Every change in the redesign traces back to a specific user need. The features that changed were creating friction. The features that stayed were the ones users had explicitly told us mattered.

Users needed to identify how they felt without having to decode a model first

The existing mood log asked users to place themselves on a quadrant plotting energy against mood valence. In testing, 4 in 10 users found this unintuitive – energy and emotion are not the same thing, and separating them added cognitive load. The emotion wheel starts where users actually are – with the feeling itself – and lets them move from a broader category down to something more specific if they want to.

Mood log flow animation
Redesign – Mood log flow

Users needed the freedom to express themselves (or not)

Half of all test participants were frustrated by the mandatory 5-word journal entry. For a mental wellness app, gating a mood log behind a written requirement sends the wrong message: it turns a moment of self-reflection into a task to complete. Users told us they wanted the option to express what they were feeling – not the obligation to explain it. The 5-word minimum was removed entirely. Reflection is now optional, and available in whatever form suits the moment: words, a photo, a voice memo, or a drawing.

Redesign – Optional mood entry

Users needed to understand their emotional patterns – without having to interpret charts

The Analyse tab scored well for ease of use in the beta (4.43/5), which confirmed users wanted what it was offering. But in usability testing, terms like "arousal" and "valence" created distance, and the multi-chart layout required users to do interpretive work – the opposite of what emotional insight should feel like. Users told us they wanted to feel like the app understood them, not that they had to understand the app. The redesigned Insights tab was built around that: renamed to reduce clinical distance, charts simplified, and every data point paired with a plain-language summary that translates emotional patterns into something a user can actually make sense of.

Insights flow animation
Redesign – From Analyse to Insights

Users needed a reason to return – and research told us that reason was other people

Connection was the clearest retention signal across the research. Users were far more motivated to log their mood when a friend was involved – not to share data, but to feel like they were doing something together. The Daily Raid had been built to create that sense of shared engagement, but it was tonally mismatched with a mental wellness context and poorly understood in testing. What users actually needed was something that felt like quiet support, not competition. The shared garden replaced it: tending to something together, Mochi gently reflecting a user's mood to their friends, and a low-pressure way to check in – a small note, sent without having to announce how you're feeling.

Redesign – Social feature

The experience between features needed to feel as considered as the features themselves

Individual improvements only go so far if moving between them feels fragmented. Users visiting the mood log, Insights, and social features daily needed to feel like they were inside one coherent app – not switching between tools that happened to share a home screen. Unnecessary steps were removed at the points users visit most often, and all Mochi-related interactions were centralised within a dedicated sanctuary space – making the companion feel like a continuous part of the experience rather than a standalone element.

Redesign – Refining the overall experience
Mochi Sanctuary overview pages

Did the redesign answer what users needed?

6 participants – a mix of returning beta testers and new users – tested the redesigned prototype on the same tasks. The goal was to confirm that the changes had addressed the specific needs and friction points the earlier research had surfaced.

Usability Test 1 vs Usability Test 2 comparison

Mood logging went from 0% success to 100% – the emotion wheel had resolved the confusion the quadrant created. Memory Jar errors dropped from 10% to 0%. The Insights tab, once inaccessible to users without a psychology background, became one of the most positively received features in testing. The Friends feature achieved a 33% success rate with 67% partial – strong enough to confirm the need was real, and specific enough to identify where onboarding for the dew drop mechanic still needed work.

Usability Test 2 participant feedback

What professional expertise added to the design

User feedback confirmed the redesign had addressed the usability problems. But for a mental wellness app, usability is a floor, not a ceiling. We brought in Rachna, a practicing psychotherapist, to review both prototypes – not to validate what we'd done, but to pressure-test whether the emotional model behind the design was clinically sound.

Tips when sad animation

Her most important observation was one that applied beyond this project: too many wellness apps focus on surfacing how users feel without helping them do something about it. For someone logging a difficult emotion, having that reflected back with no guidance on what to do next can leave them worse off than before they opened the app. That gap led directly to the addition of breathing exercises and grounding techniques as contextual responses to mood logs – practical, therapist-informed prompts that give users something to act on in the moment, not just a label for what they're feeling.

An app that finally earns the trust users were willing to give it

The final design resolved every friction point the research had surfaced, incorporated Rachna's clinical guidance, and preserved everything users had told us they genuinely valued in the original. The result served both archetypes: effortless enough for the Reluctant Reflector to build into a routine, connected enough for the Social Processor to have a reason to return.

Artistry Heals x GA presentation event
Client presentation
Client feedback
Mochi Sanctuary overview pages

Next Project

HealthHub – Medication Reminders
→→

HealthHub

Medication Reminders