# Brainmd: DesignX Case Study

Source: https://designx.co/case-study-brainmd-2/

## Summary
How DesignX designed Brainmd — the strategy, visual decisions, and measurable results. See the full case study.

## Content
TL;DR BrainMD's mental well-being app suffered from an outdated user experience that hindered engagement. DesignX aimed to improve intuitive design and emotional resonance for habit formation. BrainMD, a forward-thinking app dedicated to cultivating mental well-being through neuroscience-backed habits, faced a critical challenge: an outdated user experience that hindered engagement and habit formation. Its interface, while functional, lacked the intuitive design and emotional resonance necessary to truly support users on their journey toward lasting happiness. Project Overview Category Detail Client Type Wellness Technology Startup Industry Health & Wellness, Digital Therapeutics, Neuroscience Project Type Mobile Application UI/UX Redesign, Feature Expansion, Design System Development Timeline 14 Weeks Deliverables Comprehensive UX Audit, User Research & Persona Development, Wireframes, Interactive Prototypes, High-Fidelity UI Designs, Custom Iconography, Design System, User Testing Reports Tools Used Figma, Maze, UserTesting.com, Adobe Illustrator, Miro The Challenge BrainMD’s original application, while built on sound scientific principles, struggled with user retention and overall engagement. Feedback revealed several specific pain points. Users often felt overwhelmed by the amount of information, finding it difficult to pinpoint personalized exercises relevant to their current emotional state or goals. The existing navigation was clunky, leading to a high bounce rate on key feature screens and preventing consistent interaction with the core habit-building tools. Furthermore, the visual design was generic and failed to convey the sophisticated, science-backed approach of the brand. There was a lack of clear progress tracking, making it hard for users to visualize their journey and celebrate small wins, which is crucial for motivation in mental well-being applications. This ultimately impacted the app’s ability to foster genuine, lasting neuroscience habits of happiness, translating into a plateau in new user subscriptions and a decline in daily active users. Our Approach Our engagement with BrainMD began with a deep dive into understanding both the scientific foundation of the app and the psychological needs of its target users. We initiated our discovery phase with extensive user interviews, speaking directly with existing BrainMD users and individuals interested in mental well-being, to uncover their motivations, frustrations, and ideal interactions. Concurrently, we conducted a thorough competitive analysis, benchmarking leading mental health applications to identify industry best practices and areas for differentiation. A comprehensive UX audit of the existing BrainMD app revealed specific usability issues and bottlenecks. These insights informed the creation of detailed user personas and journey maps, allowing us to empathize with various user types and visualize their interaction paths within the app. Our team then facilitated collaborative workshops with the BrainMD scientific and product teams to align on strategic objectives, prioritize features, and define the core value proposition of the redesigned experience. This iterative, user-centric approach ensured that every design decision was grounded in research and aimed at solving real user problems. Key Design Decisions 1. Implementing Personalized Habit Pathways Reasoning: A significant challenge with the previous BrainMD app was its generic content delivery. Users expressed a desire for a more tailored experience, one that recognized their individual needs and progress. Our user research consistently highlighted that a one-size-fits-all approach led to disengagement and a feeling of being misunderstood. To address this, we designed and implemented dynamic, personalized habit pathways. This system allows users to select specific areas for improvement, such as stress reduction, focus enhancement, or emotional regulation. The app then curates a sequence of exercises, mindfulness techniques, and educational content, adapting over time based on user interaction and reported well-being. This personalization combats content fatigue and significantly improves the relevance of the app’s offerings, fostering deeper engagement and a stronger sense of individual progress. 2. Introducing “Neuro-Nuggets” for Digestible Learning Reasoning: BrainMD is built on complex neuroscience principles, but the original app struggled to present this information in an accessible, engaging format. Users often found long articles overwhelming and difficult to integrate into their daily routines. Our goal was to make scientific understanding a core part of the habit-forming process without creating cognitive overload. We introduced “Neuro-Nuggets”: concise, bite-sized pieces of scientific explanation accompanying each exercise or technique. These nuggets, typically 2-3 sentences long and supported by simple illustrations, clarify the “why” behind an activity. For example, before a breathing exercise, a Neuro-Nugget might explain its impact on the vagus nerve. This decision was critical for empowering users with knowledge, reinforcing the app’s scientific credibility, and making learning an enjoyable, integrated part of their mental well-being journey, rather than a separate, arduous task. 3. Designing an Intuitive, Gamified Progress Tracking System Reasoning: Motivation and habit formation are strongly linked to visible progress and positive reinforcement. The previous BrainMD app offered rudimentary tracking, which did not effectively motivate users or celebrate their achievements. We identified this as a key area for improvement to enhance long-term retention. Our solution was to design a highly visual and subtly gamified progress tracking system. This system includes a daily streak counter, a visual representation of completed habits over time (e.g., a “growth tree” that flourishes with consistent engagement), and milestone badges for achieving specific goals. The “why” here is rooted in behavioral psychology: providing clear, immediate feedback on actions reinforces positive behavior. By making progress tangible and rewarding, we aimed to increase user adherence to their chosen habits, fostering a sense of accomplishment and encouraging continued use, thereby directly contributing to sustained mental well-being. Design Highlights The visual and interactive design of BrainMD+ was meticulously crafted to create an experience that is both calming and empowering. Our color palette centers on a harmonious blend of soft blues, greens, and subtle purples, scientifically chosen to evoke feelings of serenity, growth, and introspection. Accent colors, like a warm golden yellow, are strategically used for calls to action and positive feedback, providing moments of gentle energy. For typography, we selected a clean, sans-serif font family, Inter, known for its excellent legibility across various screen sizes and its modern yet approachable aesthetic. This choice ensures that complex scientific information and daily exercises are presented clearly and comfortably for all users. The layout logic prioritizes clarity and focus. We implemented a card-based system for content modules, providing ample white space to reduce cognitive load and guide the user’s eye. Each screen is designed with a singular primary action in mind, minimizing distractions. Interaction patterns were refined to be fluid and intuitive. Swipes and gentle taps are used for navigation between daily exercises, while haptic feedback provides subtle, satisfying confirmation for completing tasks or reaching milestones. Micro-interactions, such as a gentle animation upon marking a habit complete, reinforce positive behavior and add a touch of delight. Onboarding was completely re-architected to be a guided, personalized journey, allowing users to define their goals and preferences from the outset, ensuring that their initial experience is tailored and immediately relevant. This holistic approach to design ensures BrainMD+ is not just functional, but a truly supportive companion on the user’s journey to happiness. Results and Impact Metric Before DesignX After DesignX Daily Active Users (DAU) 18,500 47,200 Session Duration 6 minutes 15 seconds 12 minutes 40 seconds Habit Completion Rate 38% 71% User Satisfaction Score (CSAT) 6.1 / 10 8.9 / 10 Subscription Conversion Rate 1.8% 4.3% The redesign and feature expansion of BrainMD+ led to significant, measurable improvements in user engagement and business performance. The substantial increase in daily active users and session duration indicates a profound shift in how users interact with the application, demonstrating greater perceived value and effectiveness. This enhanced user experience directly translated into a remarkable uplift in subscription conversion rates, proving the commercial viability of a deeply user-centric design strategy. What Made This Project Work The success of the BrainMD+ project was a direct result of an exceptional collaborative dynamic between the DesignX team and BrainMD’s internal neuroscience experts. From initial discovery workshops to iterative prototype testing, BrainMD’s scientific rigor was seamlessly integrated with our design expertise. This meant that every UI element and UX flow was not only aesthetically pleasing and easy to use, but also scientifically validated to support genuine habit formation and mental well-being. Our agile methodology, which included frequent check-ins and shared progress updates, fostered an environment of transparent communication and rapid iteration, allowing us to adapt to insights and feedback in real time. This strong partnership, combined with a shared vision for making advanced neuroscience accessible, was the bedrock of the project’s outstanding outcome. Frequently Asked Questions What services do you provide for mobile application redesigns and enhancements? Related Resources B2B UX Design AI Workflows for Designers EHR UX Design Healthcare App Design