top of page

‘Mindfull ’ Eating Disorder Recovery App

( Project Overview )
Mindfull is a comprehensive wellness app designed to support individuals recovering from eating disorders. With a focus on mindfulness, hydration, exercise, and journaling, Mindfull provides users with the tools they need to manage their recovery journey effectively.
( Project Type )
Mobile App Design
UI / UX Design
Solo Project
( Tools )
Figma
Adobe Illustrator

UI/UX DESIGN

MENTAL HEALTH & GOAL TRACKING

EATING DISORDER RECOVERY APP

2024

MOBILE APP

App.png

Background

In today's society, many women find themselves obsessively engaging in
extreme diets due to high societal expectations of success and appearance.
While understanding of mental health issues has improved,
awareness of eating disorders remains insufficient.

Recognizing this issue, the Mindfull project was initiated to develop
an app that enhances awareness, provides education, and supports
recovery through a user-centered approach.

Research

Source | Eating Recovery Center

9%

01.

Around 9% of people worldwide will experience
an eating disorder at some point in their lives.

Research Summary

Eating disorders are recognized as a significant

health issue due to high mortality rates, with women

being more than twice as affected as men.

 

This disparity in prevalence between genders has guided

the Mindfull service to primarily target female users,

addressing the specific needs and challenges they face.

Data analysis underscores the intricate relationship

between eating disorders and mental health,

highlighting that eating disorders are not merely

about food consumption but are deeply intertwined

with psychological issues.

52
MIN

Source | Eating Recovery Center

02.

10,200 deaths per year occur as a direct result of
an eating disorder, which equates to 1 death every 52 mins.

03.

Source | NEDA (National Eating Disorders Association)

03.

x 2

4.07 %

8.6 %

Eating disorders were more than twice as prevalent

among females than males.

Source | NEDA (National Eating Disorders Association)

65%

33%

Binge Eating Disorder
Anorexia Nervosa

48%

36%

Bulimia Nervosa

81%

43%

Anxiety Disorder

Depressive Disorder

Other Factors

04.

A significant percentage of individuals with eating disorders experience anxiety disorders,
along with similarly high rates of major depressive disorder.

Frame 2608319.png
Frame 2608317.png

Is there a healthier way to cope
with eating disorders?

Frame 2608321.png
Frame 2608322.png
Frame 2608320.png
Frame 2608318.png

Onboarding

The onboarding pages guide users through
the app's essential features, starting with a warm introduction to its supportive and compassionate approach to overcoming eating disorders.

Daily Mood Check-in

The daily mood check-in invites users to reflect
on their current emotions by selecting one of
five mood emojis.

After checking in, users can view their weekly mood flow on a graph, which helps them track their emotional patterns and progress.
If a user selects a negative mood, such as "Awful,"
a warm and supportive notification appears.
This notification offers options to address their feelings later or immediately start journaling, guiding them to the next step with care.
If a user selects a negative mood, such as "Awful,"
a warm and supportive notification appears.
This notification offers options to address their feelings later or immediately start journaling, guiding them to the next step with care.

Onboarding

The onboarding pages guide users through
the app's essential features, starting with a warm introduction to its supportive and compassionate approach to overcoming eating disorders.
Each goal is represented by a progress bar
that visually indicates the user's achievement level.

Goals

Goals - Drinking Water 4.png
Goals - Drinking Water 3.png
3.png
Goals - Drinking Water 2.png
Goals - Drinking Water 1.png
WATER
(goals)
Water intake is crucial for everyone, but it holds even greater importance for individuals dealing with eating disorders. Staying hydrated can alleviate some physical symptoms and contribute to overall well-being.

Users can easily set their daily water intake goals and log the daily water consumed. The intuitive interface allows users to input their water intake with just a few taps.
4.PNG
EXERCISE
(goals)
Mindfull allows users to log and track their exercise easily. Users can search for exercises or select from quick tags such as walking, running, yoga, etc.

The app offers guidance tailored to individuals with eating disorders. We support users in maintaining a healthy relationship with exercise, emphasizing moderation and self-awareness.
7.png
JOURNAL
(goals)
The "Journal" is the key feature of Mindfull, designed to support those suffering from eating disorders by providing a structured and reflective space to document their thoughts and feelings.

Keeping a journal helps users identify patterns, triggers, and emotions associated with their eating behaviours, offering valuable insights
for better self-awareness and management.
9.png
TODAY’S SESSION
(goals)
"Today's Session" offers users fresh daily content
to support their mental and physical well-being.
This feature could include short meditation sessions, educational articles about eating disorders, or other helpful resources.
11.PNG
The "Calendar" page in the Mindfull app gives users a complete overview of their activities and progress. It allows users to see their daily check-ins and goals in one place.

Users can review their entries and track their progress over time by selecting a specific date.

Calendar

30.PNG
Quotes add a touch of daily motivation,
fostering a positive mindset and reminding users of their inner strength and value.

Each quote uplifts and motivates users,
helping them find strength and encouragement throughout their journey.

Quotes

12.PNG
Quote Cards.png
The Explore page is designed to provide users
with various resources and tools to support their journey toward better emotional health.

The page is divided into several sections, each catering to different needs. Mindfull offers educational content on eating disorders, helping users gain a deeper understanding of users’ condition and how to manage it.

Explore

15.png
The more users know about eating disorders,
the better they can recognize and manage harmful habits. Mindfull provides educational content to empower users with knowledge, helping them identify and control negative behaviours. The page encourages users to engage with the content and share their experiences in the comment section.
EATING DISORDER CONTENTS
(Explore)
29.PNG
In Mindfull, the "Journal" feature allows users to document their thoughts and feelings throughout the day.

The journal is divided into three categories:
"Before," "After," and "Anytime," enabling users to log entries before and after meals or at any other time.

Journal

CHOOSE YOUR JOURNAL TYPE
CHOOSE YOUR ED TYPE
Users can select the type of journal entry they want to make.
Users select their type of ED.
WRITE
Users record their emotions and thoughts before a meal.
DIFFERENT JOURNAL FORMS
The format of the journal changes depending on the type of ED selected.
USE EMOTION TAGS
Choose emotion tags that describe your feelings or write your own.
WRITE
Use this place as a diary.
SEE YOUR ENTRY
The entry is visible on the journal home screen.
WRITE AS OFTEN AS NEED
Users can write as many entries as they want.
JOURNAL GOAL ACHIEVEMENT
A notification appears when users reach their set journaling goal.
Before Your Meal
After Your Meal
Anytime You Want

Community

Mindfull fosters a supportive environment where users can connect, share experiences, and grow together. Users can filter posts by specific topics, allowing them to find and engage with content that is most relevant to their experiences.

My Page

The "My Page" in the Mindfull app allows users
to track their achievements and manage
their settings. Users can view their progress with
"Goals Completed," including water intake, exercise, journal entries, and daily sessions.
27.PNG

YOUR RECOVERY COMPANION FOR
A HEALTHIER YOU

Library 1
Quotes-2 2
Community 1
Calendar-Mood 2
Home-After Daily Check in-2 1
En1 2
Onboarding 1 2

“I wish I had a tool to stop my impulses before meals.”

Interviewee C
My anxiety often leads to unhealthy behaviours before I can manage it. Are there accessible tools like meditation exercises or stress-relief activities to help me understand and control
my
emotions before meals?
Binge Eating Disorder
Staff Accountant
Early 30s
Interviewee C
As someone with Bulimia, I need an app that tracks my mood in real-time, offers coping skills, and connects me with others who understand my urges. Sharing experiences and receiving support could make a big difference.

“It’s hard to overcome binge eating alone.”

Interviewee D
Bulimia
Mid 20s
College Student
Interviewee D

User Interviews

What kind of issues would potential users face?

Interviews were conducted to identify the needs and pain points of women dealing with eating disorders.
I've always been obsessed with counting every calorie, increasing my anxiety. I need an app that helps focus more
on
mindful eating rather than just calories, guiding me to
a healthier relationship with food without stress.

“I’m tired of counting calories, but I can’t stop.”

Interviewee A
Anorexia
Late 20s
Fashion Designer
Interviewee A

“Am I dealing with an eating disorder? Where do I start?”

Interviewee B
Recently, my weight gain crushed my self-esteem, and I obsessively dieted, leading to both anorexia and Bulimia. Emotional eating confuses me as I lack knowledge about
what
they are and how to correct these habits.
Early 20s
Anorexia & Bulimia
Social Media Influencer
Interviewee B

RESEARCH TAKEAWAYS

Consequently, Mindfull's features extend beyond simple symptom management to address the co-occurring mental health problems, necessitating an integrated therapeutic approach that comprehensively tackles both aspects.

Project Goal

Mindfull needs to offer a user-friendly app supporting emotional regulation, hydration, mindful exercise, and self-reflection. It provides tailored features and compassionate guidance to empower individuals on their journey to recovery,

promoting a balanced approach to health and well-being.

Problem Statement

Eating disorders severely impact millions worldwide, leading to physical, emotional, and psychological consequences.

These conditions affect physical health, quality of life, relationships, and daily functioning.

Challenges

Managing negative emotions before triggers

Challenge 1

Maintaining proper hydration and balanced nutrition

Challenge 2

Providing healthy physical activity guide

Challenge 3

Presenting various tools and methods to facilitate introspection

Challenge 4

Maintaining proper hydration and balanced nutrition

Managing negative emotions before triggers

Providing healthy physical activity guide

Presenting various tools and methods to facilitate introspection

Challenge 1
Challenge 2
Challenge 3
Challenge 4
Managing the stress of unemployment, which often triggers her bulimic behaviors, including binge eating followed by purging.

Overcoming the guilt and self-loathing that accompany her eating episodes.

Accessing consistent and effective treatment for her eating disorder without a stable income.
Diagnosed with bulimia nervosa in her early twenties, Loa has a complicated relationship with food, which involves cycles of binge eating and purging.

These episodes are frequently triggered by anxiety and stress from her professional life and the pressures of maintaining a specific image.
Secure a new job in a supportive environment that values mental health and work-life balance.

Develop a healthier relationship with food that is not influenced by emotional distress.

Connect with a community that understands the intersection of career pressures and mental health issues.
Age : 29
Occupation : Unemployed
(Former Marketing Specialist)
Location : Toronto, Canada
Education : Bachelor’s Degree in Marketing
Tech Savvy :

Loa

Loa is an ambitious former marketing specialist who was laid off during a downturn in the industry. This professional setback has intensified her battle with bulimia nervosa, which she has managed quietly for years. Under high stress and uncertainty, Loa often resorts to binge eating as a temporary relief from her anxiety, followed by intense feelings of guilt and self-loathing, which lead to purging behaviours.
02. HEALTH BACKGROUND
01. HER STORY
03. GOALS
05. APP USAGE
06. BEHAVIORAL TRAITS
Sensitive
Creative
Organized
Insightful
Detail-Oriented
Interested in wellness apps that offer stress management tools, community support, and resources tailored to her specific needs as someone in the creative industry.
Managing the stress of unemployment, which often triggers her bulimic behaviors, including binge eating followed by purging.

Overcoming the guilt and self-loathing that accompany her eating episodes.

Accessing consistent and effective treatment for her eating disorder without a stable income.
04. CHALLENGES
“BINGE EATING MIGHT SEEM LIKE A RELEASE FROM MY STRESS, BUT THE GUILT THAT FOLLOWS JUST DEEPENS MY STRUGGLES.”

Persona

Continued Use
Engagement
Approach
Process
Daily Routine
Before Meal
After Meal
Actions
Goals
Feelings
Thoughts
Pain Points
Opportunity
UserJourneyMapGraph.png

“Starting my day with a mood check-in sets a positive tone.”

“It’s tough facing these feelings, but acknowledging them here helps me cope better.”

“I managed to eat mindfully this time, and I feel proud of taking control”

“I’m not alone in this. Engaging with others who understand my journey makes a huge difference.”

“I’m satisfied with my progress, and I can tackle any challenges that come my way.”

“This could be the support I need to manage my stress better without falling into old habits.”

User Journey Map

Style Guide

LOGO
TYPOGRAPHY

Headline 1 - 24pt (SemiBd)

Headline 2 - 20pt (Bd)

Body 1 -16 pt (Rg,SemiBd)

Body 2 -14 pt (Rg,SemiBd)

Label 2 -11 pt (SemiBd,Rg)

Label 1 -12 pt (Rg,SemiBd)

TITLE 3 - 16PT (SEMIBD)
Title 2 - 16pt (SemiBd)

Title 1 - 18pt (SemiBd)

Montserrat

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890
BRAND COLOURS
MOOD&PROGRESS COLOURS
The brand name “Mindfull” comes with the hope that users feel full
in psychological meaning, not by food; it delivers the app’s ultimate goal that leads to mental stability and recovery from eating disorders when their minds are full.

Components

BUTTON STYLE
BUTTON SIZE
Default
Default
Default
Pressed
Pressed
Disabled
Disabled
Default
Default
Default
INPUT
ICONOGRAPHY

Label

Label

MOOD EMOJIS
PROGRESS BAR
NAVIGATION

Home

Explore

Journal

Community

My

LABEL
Label
Label
Label
Label
LABEL
QUOTE CARD

You are the sky. Everything else is just the weather.

You are the sky. Everything else is just the weather.

GOALS COMPLETED
MOOD CHART

W

T

F

S

S

M

T

Mood Flow

Okay

GOALS CHART

1L

0L

2L

T

W

F

S

S

M

T

2.01

2.07

2.02

2.03

2.04

2.05

2.06

1.25L

T

W

F

S

S

M

T

2.01

2.07

2.02

2.03

2.04

2.05

2.06

20 mins

20
mins

0

40
mins

Frame 2608385.png

PERSONAL WORK

MINDFULL :  YOUR RECOVERY COMPANION

CREATED WITH FIGMA

iphone-13-mockup-starlight-66bc2a1eeffd368018379a58-@2x 1
iphone-13-mockup-starlight-66bc2a03effd368018379a53-@2x 1

Daily Mood Check-in

The daily mood check-in invites users to reflect
on their current emotions by selecting one of
five mood emojis.

After checking in, users can view their weekly mood flow on a graph, which helps them track their emotional patterns and progress.
If a user selects a negative mood, such as "Awful,"
a warm and supportive notification appears.
This notification offers options to address their feelings later or immediately start journaling, guiding them to the next step with care.
If a user selects a negative mood, such as "Awful,"
a warm and supportive notification appears.
This notification offers options to address their feelings later or immediately start journaling, guiding them to the next step with care.
Each goal is represented by a progress bar
that visually indicates the user's achievement level.

Goals

Goals - Drinking Water 4.png
Goals - Drinking Water 3.png
3.png
Goals - Drinking Water 2.png
Goals - Drinking Water 1.png
WATER
(goals)
Water intake is crucial for everyone, but it holds even greater importance for individuals dealing with eating disorders. Staying hydrated can alleviate some physical symptoms and contribute to overall well-being.

Users can easily set their daily water intake goals and log the daily water consumed. The intuitive interface allows users to input their water intake with just a few taps.
4.PNG
EXERCISE
(goals)
Mindfull allows users to log and track their exercise easily. Users can search for exercises or select from quick tags such as walking, running, yoga, etc.

The app offers guidance tailored to individuals with eating disorders. We support users in maintaining a healthy relationship with exercise, emphasizing moderation and self-awareness.
7.png
JOURNAL
(goals)
The "Journal" is the key feature of Mindfull, designed to support those suffering from eating disorders by providing a structured and reflective space to document their thoughts and feelings.

Keeping a journal helps users identify patterns, triggers, and emotions associated with their eating behaviours, offering valuable insights
for better self-awareness and management.
9.png
TODAY’S SESSION
(goals)
"Today's Session" offers users fresh daily content
to support their mental and physical well-being.
This feature could include short meditation sessions, educational articles about eating disorders, or other helpful resources.
11.PNG
The "Calendar" page in the Mindfull app gives users a complete overview of their activities and progress. It allows users to see their daily check-ins and goals in one place.

Users can review their entries and track their progress over time by selecting a specific date.

Calendar

30.PNG
Quotes add a touch of daily motivation,
fostering a positive mindset and reminding users of their inner strength and value.

Each quote uplifts and motivates users,
helping them find strength and encouragement throughout their journey.

Quotes

12.PNG
Quote Cards.png
The Explore page is designed to provide users
with various resources and tools to support their journey toward better emotional health.

The page is divided into several sections, each catering to different needs. Mindfull offers educational content on eating disorders, helping users gain a deeper understanding of users’ condition and how to manage it.

Explore

15.png
The more users know about eating disorders,
the better they can recognize and manage harmful habits. Mindfull provides educational content to empower users with knowledge, helping them identify and control negative behaviours. The page encourages users to engage with the content and share their experiences in the comment section.
EATING DISORDER CONTENTS
(Explore)
29.PNG
In Mindfull, the "Journal" feature allows users to document their thoughts and feelings throughout the day.

The journal is divided into three categories:
"Before," "After," and "Anytime," enabling users to log entries before and after meals or at any other time.

Journal

CHOOSE YOUR JOURNAL TYPE
CHOOSE YOUR ED TYPE
Users can select the type of journal entry they want to make.
Users select their type of ED.
WRITE
Users record their emotions and thoughts before a meal.
DIFFERENT JOURNAL FORMS
The format of the journal changes depending on the type of ED selected.
USE EMOTION TAGS
Choose emotion tags that describe your feelings or write your own.
WRITE
Use this place as a diary.
SEE YOUR ENTRY
The entry is visible on the journal home screen.
WRITE AS OFTEN AS NEED
Users can write as many entries as they want.
JOURNAL GOAL ACHIEVEMENT
A notification appears when users reach their set journaling goal.
Before Your Meal
After Your Meal
Anytime You Want

Community

Mindfull fosters a supportive environment where users can connect, share experiences, and grow together. Users can filter posts by specific topics, allowing them to find and engage with content that is most relevant to their experiences.

My Page

The "My Page" in the Mindfull app allows users
to track their achievements and manage
their settings. Users can view their progress with
"Goals Completed," including water intake, exercise, journal entries, and daily sessions.
27.PNG
bottom of page