.svg){kind=icon}
MentalFit
We designed MentalFit to simplify, engage, and make mental wellness accessible
About MentalFit
MentalFit is a self-care and digital health app designed to improve mental wellness. Focused on students, institutions, and organizations, it provides accessible tools to encourage daily engagement, build meaningful connections, and support long-term well-being.
The Challenge
MentalFit came to us with a mobile app that wasn’t resonating with its users. They needed a redesign to improve functionality, create a fresh and contemporary visual style, and enhance engagement. The goal was to build a seamless, user-friendly experience that encourages users to return and stay committed to their mental wellness journey.
- Increasing user engagement and retention
- Simplifying the onboarding process for ease of use
- Designing features that promote daily use and habit-building
- Clear, seamless navigation
- A design that reflected their brand identity
- Align the new design with their brand identity
- Simplify app navigation
MentalFit came to us with a mobile app that wasn’t resonating with its users. They needed a redesign to improve functionality, create a fresh and contemporary visual style, and enhance engagement. The goal was to build a seamless, user-friendly experience that encourages users to return and stay committed to their mental wellness journey.
It started when...
They approached us to redesign their mobile app, which wasn’t meeting user expectations. They needed a modern, user-friendly design that aligns with their brand identity, improves user engagement and retention, and encourages daily use.
- User research
- Competitive research
- Design Exploration
- UI Design
- Design System
- Increase user engagement and retention Provide a smooth and intuitive onboarding process
- Design features to encourage daily use and habit-building
- Best User Experience
- Provide a smooth and intuitive onboarding process
- Align the new design with their brand identity
- Simplify app navigation
- MentalFit's target audience includes university students seeking mental health support, mental health professionals (PROs) offering therapy services, and businesses or universities looking for mental wellness solutions to support their employees or students in building a healthier, more balanced lifestyle.
The Process We Followed
To address MentalFit’s challenges, we followed a structured approach:
- Discovery
- User research
- Competitive research
- Wireframing
- UI Design
- Prototyping
- Design System
Onboarding Designed for a Personalized Experience
We focused on simplifying the onboarding process, giving users the ability to set the tone for their experience. Presenting mood logs, curated resources, and interactive tools right from the start allowed users to effortlessly shape the app around their preferences and mental wellness goals.
Transitioning Colors for a Visual Journey Through Mental Wellness
We set the tone with a palette inspired by the Colorado sunset, a calming scene that pays tribute to MentalFit's origins. The app’s colors transition gradually throughout the day—just like moods, they evolve. This approach mirrors users’ natural rhythms, offering a visually calming backdrop that feels personal, thoughtful, and grounded in the journey of mental wellness.
Building Unique Routines with Accountability That Sticks
Through careful research, we identified what keeps people coming back to mental wellness tools. We created a customizable routine builder that lets users shape their experience—whether it’s journaling, mood tracking, curating playlists, listening to affirmations, or meditation. To make it even more engaging, we added streaks and rewards, nudging users to stay consistent and making the journey feel more rewarding each day.
.webp)
Building a Safe and Engaging Community Feed with Interactive Elements
We designed the community feed to feel alive. Reactions now come with interactive animations, posts can include GIFs for more personality, and text-based updates let users express themselves authentically. Every interaction feels seamless, safe, and human, making the feed a space where connection happens naturally.
.webp)
Public Groups for Shared Support
We designed a feature to enable users to create spaces like “Mood Food” and bond over shared interests. These public groups make it easy for people to share, support each other, and build connections around the things they care about.
Private Spaces for Supportive Friendship
We built Inner Circles for close-knit groups of friends to water the seed of mutual support (and fun) during their mental wellness journeys. These private spaces let users chat, collaborate on activities, and complete daily tasks together. A playful leaderboard keeps things fun and encourages participation, making connections feel more intentional and rewarding.
.webp)
.webp)
.webp)
Connecting with Therapists Made Easy through Telehealth
MentalFit’s telehealth feature makes it easy for users to book one-on-one sessions with licensed professionals. Psychologists can introduce themselves through interactive video feeds, allowing users to connect before making an appointment. This makes mental health care more accessible and less intimidating.
.webp)
Real-Time Feedback to Monitor Progress Consistently
We wanted users to see how far they’ve come. The new user stats feature lets them track their progress over time, providing insights into activities, routines, and mental health improvements. Real-time feedback helps users stay motivated and consistent.
.webp)
The Impact
Our redesign ensures MentalFit empowers users to make mental wellness a daily priority. We built features to spark joy, nurture meaningful connections, and support habit-building, creating a design that feels intuitive and uplifting. Every element encourages users to stay engaged, connected, and focused on their well-being.
.png)
.png)
Let’s turn your users' needs into their favourite features
.svg)
.svg)
.svg)
