MFL a UK-based mental health organisation dedicated to providing accessible support, advice, and counselling services for individuals facing emotional and psychological challenges.
Our goal was to design a digital solution that could extend MFL’s mission and impact. We created a comprehensive suite of mobile applications, each tailored to a specific area of mental health: grief, anxiety, depression, eating disorders and sexual abuse. Each app was tailored with sensitivity, accessibility, and user empowerment at its core.
Through thoughtful UX design and intuitive UI, we ensured that users could easily navigate resources, access guided self-help tools, and connect with professional support when needed. The apps were designed not just to inform, but to encourage action—helping users take meaningful steps to improve their well-being.
/the process
Each app was structured around a modular system of 4 to 7 stages, designed to guide users through a focused mental health journey.
Within each stage, users progressed through 3 to 5 purposefully crafted steps, supported by interactive tools that encouraged reflection, action, and emotional growth.
We explored a range of UI concepts before arriving at a playful, dial-inspired interface —an intuitive, tactile mechanism for navigating between stages and accessing individual steps in the experience.
Early prototype of the stages “dial” UI.
(the bounce was tamed=)
/iconography
I designed a clean, unified icon set to represent each stage and tool, focusing on simplicity, recognisability, and alignment with the overall visual language of the app. Each icon was designed to subtly convey function while maintaining consistency in weight, scale, and form.
Here’s a glimpse at some of the icons..
/colourways
Lastly, developed a cohesive set of curated colour themes.
Anxiety
gradient
#037BCE to #44B000
accent
#037BCE
icon 1
#116261
icon 2
#278E83
icon 3
#39B453
icon 4
#FFFFFF
Depression
gradient
#E75300 to #841A83
accent
#740773
icon 1
#700852
icon 2
#9A204E
icon 3
#D2423E
icon 4
#FFFFFF
Eating Disorder
gradient
#E67C00 to #D03624
accent
#C51C08
icon 1
#D95315
icon 2
#F7A22C
icon 3
#FFD54C
icon 4
#FFFFFF
Grief
gradient
#5CB6D2 to #894C93
accent
#01A6D5
icon 1
#5A4B8C
icon 2
#7A71A9
icon 3
#ACA5C5
icon 4
#FFFFFF
Sexual Abuse
gradient
#0AD28B to #1D83EA
accent
#0176EB
icon 1
#03888D
icon 2
#03AEB5
icon 3
#4AC9CC
icon 4
#FFFFFF
/result
Shortly after developement MFL merged with Kooth, a UK-based digital mental-health platform targeting children, students, and adults.
MFL a UK-based mental health organisation dedicated to providing accessible support, advice, and counselling services for individuals facing emotional and psychological challenges.
Our goal was to design a digital solution that could extend MFL’s mission and impact. We created a comprehensive suite of mobile applications, each tailored to a specific area of mental health: grief, anxiety, depression, eating disorders and sexual abuse. Each app was tailored with sensitivity, accessibility, and user empowerment at its core.
Through thoughtful UX design and intuitive UI, we ensured that users could easily navigate resources, access guided self-help tools, and connect with professional support when needed. The apps were designed not just to inform, but to encourage action—helping users take meaningful steps to improve their well-being.
/the process
Each app was structured around a modular system of 4 to 7 stages, designed to guide users through a focused mental health journey.
Within each stage, users progressed through 3 to 5 purposefully crafted steps, supported by interactive tools that encouraged reflection, action, and emotional growth.
We explored a range of UI concepts before arriving at a playful, dial-inspired interface —an intuitive, tactile mechanism for navigating between stages and accessing individual steps in the experience.
Early prototype of the stages “dial” UI.
(the bounce was tamed=)
/iconography
I designed a clean, unified icon set to represent each stage and tool, focusing on simplicity, recognisability, and alignment with the overall visual language of the app. Each icon was designed to subtly convey function while maintaining consistency in weight, scale, and form.
Here’s a glimpse at some of the icons..
/colourways
Lastly, developed a cohesive set of curated colour themes.
Anxiety
gradient
#037BCE to #44B000
accent
#037BCE
icon 1
#116261
icon 2
#278E83
icon 3
#39B453
icon 4
#FFFFFF
Depression
gradient
#E75300 to #841A83
accent
#740773
icon 1
#700852
icon 2
#9A204E
icon 3
#D2423E
icon 4
#FFFFFF
Eating Disorder
gradient
#E67C00 to #D03624
accent
#C51C08
icon 1
#D95315
icon 2
#F7A22C
icon 3
#FFD54C
icon 4
#FFFFFF
Grief
gradient
#5CB6D2 to #894C93
accent
#01A6D5
icon 1
#5A4B8C
icon 2
#7A71A9
icon 3
#ACA5C5
icon 4
#FFFFFF
Sexual Abuse
gradient
#0AD28B to #1D83EA
accent
#0176EB
icon 1
#03888D
icon 2
#03AEB5
icon 3
#4AC9CC
icon 4
#FFFFFF
/result
Shortly after developement MFL merged with Kooth, a UK-based digital mental-health platform targeting children, students, and adults.
MFL a UK-based mental health organisation dedicated to providing accessible support, advice, and counselling services for individuals facing emotional and psychological challenges.
Our goal was to design a digital solution that could extend MFL’s mission and impact. We created a comprehensive suite of mobile applications, each tailored to a specific area of mental health: grief, anxiety, depression, eating disorders and sexual abuse. Each app was tailored with sensitivity, accessibility, and user empowerment at its core.
Through thoughtful UX design and intuitive UI, we ensured that users could easily navigate resources, access guided self-help tools, and connect with professional support when needed. The apps were designed not just to inform, but to encourage action—helping users take meaningful steps to improve their well-being.
/the process
Each app was structured around a modular system of 4 to 7 stages, designed to guide users through a focused mental health journey.
Within each stage, users progressed through 3 to 5 purposefully crafted steps, supported by interactive tools that encouraged reflection, action, and emotional growth.
We explored a range of UI concepts before arriving at a playful, dial-inspired interface —an intuitive, tactile mechanism for navigating between stages and accessing individual steps in the experience.
Early prototype of the stages “dial” UI.
(the bounce was tamed=)
/iconography
I designed a clean, unified icon set to represent each stage and tool, focusing on simplicity, recognisability, and alignment with the overall visual language of the app. Each icon was designed to subtly convey function while maintaining consistency in weight, scale, and form.
Here’s a glimpse at some of the icons..
/colourways
Lastly, developed a cohesive set of curated colour themes.
Anxiety
gradient
#037BCE to #44B000
accent
#037BCE
icon 1
#116261
icon 2
#278E83
icon 3
#39B453
icon 4
#FFFFFF
Depression
gradient
#E75300 to #841A83
accent
#740773
icon 1
#700852
icon 2
#9A204E
icon 3
#D2423E
icon 4
#FFFFFF
Eating Disorder
gradient
#E67C00 to #D03624
accent
#C51C08
icon 1
#D95315
icon 2
#F7A22C
icon 3
#FFD54C
icon 4
#FFFFFF
Grief
gradient
#5CB6D2 to #894C93
accent
#01A6D5
icon 1
#5A4B8C
icon 2
#7A71A9
icon 3
#ACA5C5
icon 4
#FFFFFF
Sexual Abuse
gradient
#0AD28B to #1D83EA
accent
#0176EB
icon 1
#03888D
icon 2
#03AEB5
icon 3
#4AC9CC
icon 4
#FFFFFF
/result
Not long after the project’s completion, MFL joined forces with Kooth, a prominent UK-based digital platform providing mental health support to children, students, and adults.