mindally →
UI Design
UX Research
Website Design + Development with Framer
mindally is a mental health website and app designed specifically for men aged 30-60. It focuses on three main features:
• Local Connection – Helping men connect with others nearby to discuss mental health challenges such as stress, anxiety, relationships, and financial struggles, similar to a men’s support group.
• Meditation App – Providing mindfulness-based meditation tools to help users manage stress and improve well-being.
• AI Therapist – An AI-driven therapy tool for men who lack access to or find traditional therapy expensive.
Case Study
Overview
Project: MindAlly – A mental health support platform for men (aged 30-60).
Goal: Create a digital space where men can connect, meditate, and receive AI-driven therapy.
Role: UX/UI Designer (Research, Wireframing, Prototyping, UI Design)
Tools: Figma, Miro, Notion, ChatGPT API (for AI therapy concept)
Problem Statement
Men often struggle with discussing mental health issues due to stigma, lack of resources, and affordability barriers in traditional therapy. MindAlly aims to bridge this gap with an accessible and engaging digital solution.
Research
User Interviews & Surveys
• Conducted interviews with 10 men (30-60 years old) about their mental health experiences.
Key insights:
• 70% preferred anonymous or low-pressure support.
• 60% felt lonely and wanted a way to connect with like-minded people.
• 80% found therapy too expensive or hard to access.
Competitive Analysis
• Calm & Headspace – Strong meditation tools but lack peer support.
• BetterHelp – Offers therapy but expensive and lacks group connection.
• Facebook Groups – Some provide peer support, but lack structure and guidance.
Solution – MindAlly’s Core Features
1. Local Connection – Helps men find others in their area for in-person or online discussions (like a structured men’s group).
2. Meditation App – Offers mindfulness exercises tailored for stress, anxiety, and resilience.
3. AI Therapist – Provides a conversational AI that offers guidance, coping strategies, and check-ins.
Design Process
User Flow & Wireframes
• Created low-fidelity wireframes to map the user journey.
• Prioritized ease of use (simple onboarding, quick access to support).
• Iterated based on usability testing feedback.
UI Design
• Color Palette: Calming blues and greens to evoke trust and relaxation.
• Typography: Clean, modern, and approachable.
• Accessibility: WCAG-compliant contrast and text size for readability.
Prototype & Testing
• Usability Testing: Conducted 5 test sessions to refine navigation and feature clarity.
• Key changes: Improved AI chatbot’s onboarding, simplified group-matching process.
Outcome & Next Steps
Results
• 80% of test users found the platform engaging and easy to navigate.
• 70% said they would use the AI therapist for quick mental health check-ins.
• User retention strategies: Gamification (streaks for meditation), daily check-ins.
Future Improvements
• Further refine AI responses for more empathetic interactions.
• Add a video call option for local connections.
• Expand features based on user feedback.
Daily Reflection Toolbox
Built with Claude + Bolt
How are you feeling today?
😊
Great
🙂
Good
😐
Okay
🙁
Low
😢
Rough