Mindmate App
Your daily dose of emotional clarity, powered by AI support, mood tracking, and personalized self-care.
"Mindmate is a mobile app blended with empathy, design, and AI—turning emotional check-ins into daily moments of clarity, comfort, and personal growth"
Blending AI and design for daily emotional care
Project Goal
MindMate started as a personal hobby to explore how AI could provide emotional support through smart, empathetic design.
01
Mood Tracker with AI Insights
Daily check-ins allow users to reflect on how they feel. AI analyzes emotional trends over time, offering insights and evolving suggestions that align with their mental state.
02
Personalized Routines & Courses
MindMate tailors daily wellness plans based on your emotional input—offering breathing exercises, sleep tips, and micro-courses that evolve week by week.
03
Virtual Companion (AI Chat)
Whether you need to vent, reflect, or ask for guidance, MindMate is there—through text, voice notes, and mood-based content that meets you where you are.
How I brought MindMate to life
My Role
As the sole UX/UI designer on this passion project, I led the product from initial research to final prototype.
Empathy-Led UX Research
I started by speaking with people experiencing anxiety to uncover real emotional needs. These insights shaped a product built not just for function, but for emotional support—centered on trust, safety, and daily guidance.
Discover – Define – Empathize
AI Experience Design
To bring the concept to life, I wrote conversational scripts, designed subtle microinteractions, and created a cartoon-style explainer video. Every detail aimed to create an experience that felt like a smart, gentle companion.
Script – Animate – Communicate
Visual & UI Design
I designed the full UI in Figma with soft visuals, calming colors, and intuitive flows. Every interaction—from mood check-ins to AI routines—was crafted to feel supportive, seamless, and human-centered.
Ideate – Design – Prototype
target audiences
Anxious Young Minds
Stressed-Out Adults
Burned-Out Remote Workers
Insights Behind the Design
The Challenges That Shaped MindMate
Real struggles from real people shaped every feature of this app.
.png)
.png)
Get personalized routines with AI-picked activities to boost your well-being.
Daily Plans
Select a male or female AI guide that matches your mood and style—calm, energetic, or encouraging.
Choose a Teacher
.png)
Designing MindMate wasn't just about solving today’s problems—it opened doors to what emotional wellness tools powered by AI could become.
What I Learned
What I Built with AI
I explored and integrated multiple AI technologies—from NLP for chat support and therapist assistance to sentiment analysis and personalized activity engines. These systems shaped how MindMate understands moods, offers real-time support, and visualizes emotional progress.
Where Ideas Sparked
Throughout the process, new opportunities became clear: guided AI journaling for deeper self-awareness, gamification to inspire consistency, wearable integration for richer insights, and tools to support caregivers—all pointing toward a more holistic mental health ecosystem.
What Truly Worked
Features like personalized daily plans, real-time emotional support, and an intuitive, joyful interface proved impactful. Users responded to thoughtful design backed by smart systems—showing that emotional care can be tech-driven and human-centered.
.png)
MindMate offers tailored self-care courses to support your mental and physical well-being.
Self-Care
AI Insights
Our AI tracks trends and your progress to suggest personalized activities for better results, adapting to your unique needs.
.png)
.png)
Need to talk? Get instant support from a kind AI or speak with a real therapist.
Talk Tab
.png)
.png)
Reflect on your emotional journey through visual mood trends and smart insights—weekly, monthly, and beyond.
My Progress
Mood Tracking
Choose how you're feeling each day to unlock personalized guidance, content, and emotional support powered by AI.
Settings
Customize your experience by managing notifications, preferences, and account details—all in one place.
Receive curated self-care ideas, calming content, and routines tailored by AI to support your emotional well-being.
AI Suggestions
Emotional Wins, Product Success
Blending empathy and AI for everyday mental wellness.
.png)
.png)
.png)
.png)
.png)
.png)
Mapping the Emotional Journey
Low-fidelity wireframes crafted to support clarity, trust, and mood-driven actions.
Testing for Trust & Engagement
We used A/B testing to refine what truly improves well-being and user connection.
.png)
#A
#B
1. Objective
We tested two Profile Tab layouts to learn which design best supports mood tracking and navigation.
Screen A showed a single mood/activity view, while Screen B introduced a split-tab for mood vs. progress.
2. What We Measured
To evaluate the effectiveness of each screen, we focused on user engagement, task completion, and clarity. We looked at how long users stayed on the screen, how easily they could complete core actions like mood selection, and how intuitive the layout felt for navigating between sections.
3. Key Learnings
Users found Screen B more intuitive. Color-coded moods and hover states improved usability and emotion recognition. The “My Progress” tab also boosted perceived value.
4. What Worked Best
Screen B outperformed. Users praised its clarity, interactive feel, and emotional tracking. Visual distinction made it easier to engage with their own mood data.
What Worked Best (and Why)
How real feedback shaped a smarter, more supportive experience.
01
Engagement
Screen B increased average session time from 3:25 to 4:10 minutes.
The split-tab layout encouraged deeper interaction and content exploration.
02
Clarity
-
95% of users rated Screen B easier to navigate than Screen A (85%).
-
Clear labels and separation of mood vs. progress improved task flow.
03
Aesthetics
-
88% of testers preferred Screen B’s visual style over Screen A (78%).
-
Color-coded moods and hover states made the design feel more alive and personalized.
04
Feature Usage
-
Screen B saw a 13% increase in feature interaction compared to Screen A.
-
Users were more likely to engage with mood history, routines, and content on Screen B.
05
Emotional Response
-
Users described Screen B as “uplifting,” “clear,” and “comforting.”
-
Screen A lacked emotional warmth and felt less engaging visually.
Information Architecture
Crafting a clear, intuitive structure to support emotional wellness.
.png)
Typography & Colors
Using type and color to evoke calm, clarity, and trust.
Montserrat
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Montserrat: Modern, Friendly, and Readable
Montserrat’s clean design mirrors Mindmate’s innovative spirit, while its approachable style ensures a welcoming and easy-to-navigate experience.
.png)
Primary Color
#7583CA
Secondary Color
#AEAFF7
Text Color
#4A4A4A
Text Color
#18191F
BG Color
#7583CA
Competitor Analysis
Analyzing leading wellness apps to uncover gaps and opportunities.
A mindfulness app focused on meditation, habit tracking, and sleep audio for daily well-being.
Headspace
Known for stress relief and better sleep, Calm combines mood tracking, soothing audio, and quick meditations.
Calm
A therapy-focused app offering personalized mental health plans and real-time access to licensed therapists.
BetterHelp
An all-in-one AI-powered wellness companion offering mood insights, custom routines, guided relaxation, and real therapist access.
MindMate