top of page

MindMate: AI-Powered
Mental Wellness App

MindMate is a Figma-designed mobile app concept exploring AI’s role in mental health. It fills a market gap by uniting self-care plans, mood tracking, audio journaling, daily rituals, and an AI chat or voice companion in one simple, accessible experience.

MindMate: AI-Powered
Mental Wellness App

MindMate is a Figma-designed mobile app concept exploring AI’s role in mental health. It fills a market gap by uniting self-care plans, mood tracking, audio journaling, daily rituals, and an AI chat or voice companion in one simple, accessible experience.

Real People’s Struggles

People facing anxiety and burnout often abandon wellness apps because they feel overwhelming and impersonal. Managing multiple tools for tracking moods, routines, and journaling adds stress instead of support.

The MindMate Solution

MindMate combines mood tracking, personalized routines, and journaling with an empathetic AI chat or voice companion. It simplifies self-care, reduces decision fatigue, and creates a calming daily ritual that feels natural and supportive.

My Role

I led the end-to-end UX/UI design for MindMate, a mental wellness app concept inspired by friends’ struggles with anxiety.


I aimed to create a calming, supportive experience that stood out in a crowded market, owning everything from research and competitor analysis to wireframes, Figma mockups, prototyping, A/B testing, and AI integration.


Key challenges: simplifying workflows, humanizing AI interactions, and crafting a distinctive brand identity.

From Wireframes to
High-Fidelity Mockups

I started with low-fidelity wireframes to map core flows, screen hierarchy, and emotional pacing, validating layout and navigation early. These evolved into high-fidelity Figma mockups with soft visuals, motion, and sound to create a calming, supportive experience.

Home Screen

Frame 1171275553.png

Why It’s Strong UX:

  • Key features are instantly accessible, reducing friction.

  • Profile avatar offers quick access to settings.

  • Optional sound design enhances emotional engagement.

  • Clear hierarchy keeps the Daily Plan in focus.

A warm greeting builds connection, while the clickable profile photo offers quick access to settings.

Each card includes calming animations, with optional ambient sound for relaxation that can be toggled anytime.

MindMate’s home screen is a central hub with clickable cards for Daily Routine, Mood Check-in, Chat, and Sleep Support for quick navigation.

Daily Plan

Frame 1171275559 (3).png
Frame 1171275558 (1).png

Why It’s Strong UX:

  • Simple overview encourages quick, stress-free starts.

  • Plans structured by Morning, Midday, Evening for easy flow.

  • Progress bar and messages boost motivation and support.

  • AI personalization adapts plans to mood and preferences.

  • Clear navigation enables quick jumps without losing context.

The Daily Routine provides an AI-powered plan based on mood and needs, starting with a clear overview for a stress-free start.

B (20).png

The plan is split into Morning, Midday, and Evening activities, with AI tailoring suggestions to moods and habits for personalization.

Sleep Support

Frame 1171275560 (2).png

Why It’s Strong UX:

  • Ritual-based flow makes relaxation intentional.

  • Personalization with simple navigation.

  • Calming visuals and copy build emotional connection.

  • Encourages trust and consistency, linking MindMate to comfort.

The Sleep Hub offers a personalized nightly plan with meditation, podcasts, and calming practices tailored to habits and mood.

A personalized bedtime message adds emotional safety and reassurance.

Sleep Sounds, ASMR, Breathing Flow, and Night Stories offer flexible relaxation options.

Chat Screen

Frame 1171275562 (1).png
Frame 1171275563 (1).png

Why It’s Strong UX:

  • Simple overview reduces overwhelm.

  • Morning, Midday, Evening structure is intuitive.

  • Progress bar and messages boost motivation and support.

  • AI tailors plans to mood history and preferences.

  • Clear navigation enables easy section jumps.

Frame 1171275543.png
A warm greeting and past conversation reminders build trust and show MindMate remembers every detail.

MindMate’s animated character speaks like a friend, creating an emotionally supportive experience.

Mood Tracking

Group 1171275042.png
Frame 1171275566.png

Why It’s Strong UX:

  • Ritual-based flow makes relaxation intentional.

  • Personalized choices with simple navigation.

  • Calming visuals and copy build emotional connection.

  • Trust and consistency link MindMate to comfort and safety.

Two main tabs: Mood Check-In to log feelings and Mood Journey to track moods over time.

Text field with a “Get MindMate Guidance” CTA for instant support.

Quick mood selection with optional tags for context.

A/B Testing

I tested interactive prototypes of the Home and Daily Plan screens with real people, gathering feedback on clarity, navigation, and emotional impact. Insights shaped layouts to be friendlier and easier to use.

Home #A

B (21).png

Focused on one large daily plan card with smaller chat and sleep cards. Missing: mood tracking as a main action, visual depth, optional sound, consistent hierarchy, and engaging imagery.

Home #B

Added Mood Tracking as a core option, animated visuals for immersion, subtle shadows for depth, refined text, and optional relaxing sound. Balanced layout with four equal cards for clear navigation.

Why Version B Wins:

Version B offers a calmer, structured experience aligned with the app’s mission. Animations, optional sound, and balanced hierarchy drive engagement and easy access to key features, creating a polished, supportive feel ideal for mental health.

    Daily Plan #A

    A (6).png

    Opens to a full activity list without structure or guidance, making navigation feel flat and harder.

    Daily Plan #B

    B (22).png

    Adds a progress bar for motivation and filters for Morning, Midday, and Evening, simplifying navigation and making the plan more rewarding.

    Why Version B Wins:

    Version B boosts motivation and completion rates by 25% over Version A, backed by research showing progress tracking and personalized prompts improve follow-through in wellness apps.

    Information Architecture

    A structured IA simplifies navigation, reduces cognitive load, and keeps key tools—Daily Plan, Mood Check-In, Chat, and Sleep—within easy reach, ensuring a seamless, emotionally safe experience.

    Group 1171275077 (4).png

    Competitor Analysis

    I analyzed wellness apps like Calm, Headspace, and Waking Up, finding strong content but limited personalization, emotional depth, and AI support. MindMate closes these gaps with animated chat, mood-based plans, and immersive visuals for a more human, adaptive experience.

    HeadSpace

    Frame (13).png

    • Busy, high-contrast colors.

    • Static visuals, low engagement.

    • Key features buried in “Explore.”

    • Feels like a catalog, not wellness.

    MindMate

    • Soft, calming colors for relaxation.

    • Animated cards and optional sound for immersion.

    • Core features accessible from Home.

    • Simple layout that reduces stress.

    Key Learning & Improvements:

    Headspace’s cheerful branding inspired a warm entry point, but its Explore tab felt like a content library. In MindMate, core features moved to Home, with animations and ambient sound for a calming, immersive feel. This reduces friction, speeds support access, and makes the app feel like a companion, not just a hub.

      Calm

      Frame 1171275567.png

      • No personalized plan or routine.

      • Too many tabs and categories.

      • Scroll-heavy, overwhelming layout.

      • Cramped greeting text, poor readability.

      MindMate

      • AI-driven personalized plans and routines.

      • Simple navigation with few categories.

      • Scroll-light design to reduce load.

      • Clear greetings for a calm start.

      Key Learning & Improvements:

      Calm’s rich content and relaxing music inspired MindMate’s soundscapes, but its content-store feel lacked guidance. I redesigned MindMate’s sleep feature with four clear options and a warm nightly message, reducing decision fatigue, adding care, and helping people start routines faster.

      Balance

      Frame 1171275567 (1).png

      • Repetitive illustrations, little variety.

      • No motivation messages or progress tracking.

      • Flat, hard-to-follow UI.

      • Generic names like “Relaxation I, II, III.”

      • No day-part planning guidance.

      MindMate

      B (22).png

      • Personalized daily plan with Morning, Midday, and Evening sections.

      • Progress bar and motivational messages for motivation.

      • Unique, emotionally rich illustrations.

      • Clear layout with concise UX copy.

      Key Learning & Improvements:

      Balance’s minimal layout inspired quick content scanning but lacked emotion and motivation. I improved MindMate with personalized day-part plans, stronger copy, progress tracking, animations, and soundscapes, creating a more supportive, immersive, and calming experience.

        Key Learning

        Designing MindMate strengthened my skill in creating experiences that feel human and functional, not just beautiful. I combined AI personalization, storytelling, and strategic UX to guide people calmly through wellness. Every choice, from simplified navigation to sound and motion—built trust, reduced stress, and made the product feel like a true companion.

        Thank You!

        bottom of page