Our Works > MentalFit
Mental Wellness
Community
Therapy
2024 - Ongoing

MentalFit

Redesigned the MentalFit Mobile App into a modern, engaging, and comprehensive tool that empowers users to prioritize mental wellness. Built for students, professionals, and institutions, it enables organizations to support mental wellness in an accessible, encouraging environment.

SERVICES PROVIDED
there is a blue lego figure with a black background
UX RESEARCH
image of a blue arrow pointing up in the dark
there is a blue and black picture of a computer monitor
WEBSITE DESIGN
image of a blue arrow pointing up in the dark
there is a blurry image of a person holding a cell phone
MOBILE APP DESIGN
image of a blue arrow pointing up in the dark
THE CLIENT

About UNUMPAY

UnumPay is a payment platform that connects with many major Payment Service Providers (PSPs). They offer a wide range of payment options from local to global, meeting different customer needs and helping to increase sales.

THE CLIENT

About MentalFit

MentalFit is a self-care and digital health app offering online therapy, community support, and resources to improve mental wellness. Designed for students, professionals, and institutions, it provides accessible tools to foster daily engagement, build supportive connections, and promote long-term well-being.

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.

What did they need help with?
  • User research
  • Competitive research
  • Design Exploration
  • UI Design
  • Design System
What were their primary goals?
  • 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
What was their secondary goal?
  • Align the new design with their brand identity
  • Simplify app navigation
Who is the target audience?
  • 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.
A Lady in red coat standing by the glass smiliing
Screen shot of mentalfit app with homepage

What did we do?

We redesigned the MentalFit mobile app with a modern interface and enhanced user experience, grounded in user and competitive research. To boost engagement and retention, we suggested a new “Routines” feature, encouraging daily use and habit-building. Additional features were introduced to ensure ease of use, aligning with MentalFit’s brand identity and supporting consistent user interaction.

  • Discovery
  • User research
  • Competitive research
  • Wireframing
  • UI Design
  • Interaction Design
  • Design System
Onboarding

Seamless User Onboarding for Personalized Experience

We created a simple and smooth onboarding process to gather essential user information, helping MentalFit offer a more personalized experience. This approach encouraged more users to join while laying the groundwork for daily engagement and retention.

Design Direction

Visual Identity Aligned with the Brand

We created a design direction based on MentalFit’s brand identity, including custom illustrations, animations, and elements, defining the color palette, fonts, and components. This foundation laid a solid groundwork to design an app that users would love, establishing a cohesive visual tone throughout.

A sunrise illustration with mountains
Style Guide for Mental Fit App Design
Mockup of Mental Fit App
Routines and Gamification

With research and competitive analysis, we suggested adding routines to help users build healthy habits and hold themselves accountable...

Users can create their own routines by selecting from available resources and tools, while the app encourages them to follow these routines, supporting their mental wellness journey. To further enhance experience we created custom mood elements, adding a gamification effect that boosts daily interaction and retention.

Screenshot of Mental fit's Journal Page
Mental Fit App's Mockups
A mockup of mental fit's affirmation tab
Mockup of Mental Fit App
A screenshot of routine complete page of mental fit app
A mockup of mental fit app
Community and Social Feed

Fostering Connection and Expression Through Social Interactions

We designed interactive animations for user reactions to make the community feed more engaging. Additionally, we introduced GIFs and text-based posts, allowing users to express themselves in dynamic ways and further enriching the social experience within the app.

A screenshot of mental fit feed page
A screenshot of mental fit feeds page having reactions
ENCOURAGEMENT GROUPS

Creating Public Groups for Shared Interests

Introduced public encouragment groups, such as “Mood Food,” where users can join and engage with posts related to specific topics like food. Multiple types of groups were created to foster community interaction and provide users with spaces to share and connect around common interests.

INNER CIRCLES

Strengthening Bonds with Close Friends through Inner Circles

We designed Inner Circles for close-knit groups of friends, allowing them to chat, complete activities together, and interact with daily tasks assigned to a random member. To enhance engagement, we introduced a leaderboard component that showcases each member’s activity level in an attractive, competitive format, encouraging participation and connection within the group.

A screenshot of mental fit app circles
A screenshot of mental fit circles page
A screenshot of mental fit activity status
Telehealth

Direct Care and Seamless Appointment Booking

Feature that allows users to book 1-on-1 appointments directly with PROs (psychologists). PROs can promote themselves through interactive video feeds, where they share introductions. If a user connects with a PRO, they can easily book an appointment, making mental health care more accessible and engaging.

A screenshot of mental fit reels  feed section
A screenshot of my appointments page of mental fit app
A screenshot of mental fit consultants profile page
A screenshot of a person having a video call with the consultant on the mental fit app
User Stats

Clear Insights into Personal Progress

User stats feature that provides individuals with a complete view of their detailed progress. This feature offers clarity on their activities in multi timeframes, routines, and overall improvements, helping users stay motivated and track their mental health journey.

A screenshot of the mental fit stats page
A screenshot of mental fit profile sign up
A screenshot of mental fit profile page
LET’S GET STARTED

I highly recommend this company and will be utilizing them again in the immediate future.

a close up of a man in a white shirt and a yellow background
David Patten
Founder & CEO, WarpMe
Clutch Icon
5.0
PREFER TO BOOK A CALL?

Like what you see?

Send “Transform my website” in the message below and we will get back to you within 24 hours
We respond within 24 hours
SEND YOUR MESSAGE

Your message has been received and we are ready to consult you! But one last thing...

How did you hear about us?

Got it! Someone from our team will get back to you via email within 24 hours.

Follow us here:
Oops! Something went wrong while submitting the form.
a close up of a man in a blue shirt smilinga close up of a woman with long hair wearing a white shirta close up of a man with glasses and a beard
PREFER TO BOOK A CALL?
NEXT PROJECT
a close up of a computer screen with a woman on it
E-commerce store design for a luxury items brand in UAE
E-COMMERCE
UI UX