My MH Buddy
available on the App Store

UX\UI Case Study
How might we personalise mental wellness resources to cater to the unique needs and preferences of each user?
Project Overview
Timeline
June 2024 - August 2024
Team
Rachel Kirkland, Sydneigh Vitlen
Deliverables
Conducted User Research
Industry/Competitive Analyses
Conducted
Usability and Accessibility Testing
Constructed Personas
Developed User Flows, User Journey
Designed  Wireframes

Built Prototype
Delivered  Design Brief, Design Handoff

My Contributions
end-to-end product design
research + design + usability testing
Involved in all parts of the end-to-end design process, from secondary research, user interviews, interactive mid-fi prototyping, to usability testing.

hi-fi design +  IOS UI Kit
Background
In today’s fast-paced world, mental health has become an increasingly important aspect of overall well-being. Recognising the need for a more approachable and personalised solution, we developed My MH Buddy—an innovative mental wellness app designed to empower individuals to take control of their mental health journey.
Aim
The aim is to make mental wellness accessible and enjoyable, helping users navigate life’s ups and downs with resilience and confidence. By offering tailored resources and interactive tools, our app offers proactive mental health practices.
Problem\Solution
The Problem
Many individuals face barriers to accessible and personalised mental health resources, often feeling isolated and overwhelmed. Traditional services can be intimidating and costly, leaving people without effective tools to manage their emotional well-being.
The Solution
My MH Buddy offers a personalised mental wellness app that provides tailored resources and mindfulness exercises. It empowers users to take charge of their mental health. Users can easily access strategies that resonate with their unique experiences.
Why does it matter?
Prioritising mental health is essential for overall well-being and impacts every aspect of life. My MH Buddy helps break down barriers to mental wellness, fostering resilience, improving quality of life in a time of rising mental health challenges.
Research
To better understand our target audience, we gathered feedback on their pain points, goals, and needs. Additionally, a thorough industry and competitor analysis helped identify key trends.
Our Research Questions
➤What common daily stressors do you believe can be alleviated through mental health techniques?
➤How do you typically soothe yourself during stress, and what are your top five mental health challenges?
➤In what ways could an app support your emotional resilience?
‍
Industry Analysis
Our app is designed to empower individuals to stay resilient by leveraging features like "Track Your Mental Health Progress." As the mental health app market grows, driven by heightened awareness and demand for accessible solutions, our platform integrates key trends  personalised insights, surveys and journaling techniques to empower everyone.
Key Competitor Apps
1. Calm: Focuses on meditation and sleep, offering guided sessions and soothing sounds to help users manage stress and anxiety.
2.Headspace: Emphasises mindfulness and meditation through structured courses and engaging content, appealing to both beginners and experienced users.
3. BetterHelp: Provides online therapy by connecting users with licensed therapists via text, video, and audio sessions, addressing the need for personalised, professional support.
4. Woebot: Uses AI-driven chat to provide cognitive behavioural therapy (CBT) techniques, guiding users through challenges in a conversational manner.
5. Sanvello: Combines mood tracking, guided journeys, and community support to help users manage anxiety and depression, with a focus on evidence-based practices.
MVP
Through a thorough analysis of our competitors and the collection of feedback regarding pain points, goals, and needs from potential users, we examined potential features and put them  into a concise list of essential features for our MVP.
Our Key Features
➤ Track Your Mental Health Progress: E.g. easily log your emotions and track your mental state over time to identify patterns and triggers.
➤ Personalised Insights: Get data-driven insights on your mental health journey, with suggestions for improvement and growth.
➤ Personalised surveys to track your mental health progress:  surveys to monitor your progress and identify areas for improvementA dedicated space to record your thoughts, feelings, and emotions:
➤ A personalised approach to mental health support
➤ One-stop-shop for tools and resources to support your mental wellness journey: A home page full of resources and tools to help you stay on track
Ideation
Drawing from our research and feedback from potential users, we developed user personas and synthesised them to guide our design strategy.

To enhance our approach, we outlined user tasks and flows that align with the needs of our personas, mapping out an effective user journey. Subsequently, we created wireframes in Figma to visualise potential app layouts.

For a visual overview of our design solution, please take a look at the screens below, which highlight the key features of our MVP.
User Flow
User Journey
User Persona
Wireframes
We developed a comprehensive set of wireframes, encompassing sketches, low-fidelity, and mid-fidelity designs, which were aligned with user flows and adhered to iOS design guidelines. Furthermore, we performed a detailed evaluation of each screen for technical feasibility, ensuring that our design solutions were not only functional but also practical.

To enhance our design process, we initiated an iterative cycle that began with low-fidelity wireframes. By actively soliciting user feedback and carefully incorporating their insights, we were able to continuously improve our design solutions through an ongoing feedback loop.
Deliverables
Our diverse range of deliverables consisted of essential design artifacts, including detailed user persona, an intuitive user flow, wireframes,an interactive prototype, and engaging visual designs. These materials not only fostered effective communication and collaboration but also allowed for thorough evaluation of the user experience and interface. This comprehensive approach played a significant role in ensuring the overall success of the project by aligning the design with user needs and expectations
Finished Deliverables    
➤Conducted User
➤Research Conducted
➤User Interviews
➤Constructed Persona
➤Designed Wireframes
➤Built App Prototype
➤Delivered Design Handoff, Design Brief
What’s next?
After finishing the design process, we are confident that our final prototype not only align with the original objectives but also incorporate valuable insights gained along the way.
I highly recommend Sydneigh, a talented Senior UX/UI Designer and Graphic Designer. I've had the pleasure of working with her on My MH Buddy, and she delivered outstanding results.Sydneigh's expertise in UX/UI design and Motion design helped the product stand out in a competitive market. Her attention to detail, creativity, and ability to balance form and function made the product visually stunning and user-friendly.I strongly recommend Sydneigh for any senior design role. Her unique blend of skills and passion for design make her a valuable asset to any organisation.
‍
Rachel Kirkland, Senior Web and App Developer
Our Released Product
View  Mobile Prototype
Powered by Webflow
LinkedinCodepenGithub