AI-Powered Emotional Support App: Innovative UI & UX DesignAI-Powered Emotional Support App: Innovative UI & UX Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
1. The Problem Traditional therapy can be expensive, intimidating, or difficult to schedule. Many people experiencing "everyday" stress, anxiety, or relationship friction lack a safe, immediate space to process their emotions. There is a gap between "doing nothing" and "booking a clinical session" where users need structured, therapeutic guidance without the friction of a long-term commitment. 2. The Goal To design a mobile sanctuary that provides instant, AI-driven emotional support. The primary objective was to create a "zero-friction" homepage that allows users to start a conversation within seconds, while organizing deep-learning features like moderated "Co-Conversations" and personalized audio content. 3. User Research & Personas Through user discovery, we identified three primary needs: The Overwhelmed Professional: Needs quick check-ins to manage work-induced anxiety. The Partner in Conflict: Needs an objective "third party" to help navigate difficult conversations. The Self-Improver: Looking for bite-sized lessons and podcasts to build long-term resilience. 4. The Design Solution (Feature Breakdown) A. Guided Entry Points (Prompts) Instead of a blank chat screen, we implemented Mood Tags (e.g., "I feel anxious," "Self Doubt"). Why: Lowering the cognitive load. It’s easier to click a feeling than to type it from scratch. B. Modal Versatility (Type vs. Speak) The UI features a prominent toggle for Type & Speak modes. Why: Mental health needs are contextual. A user might want to speak privately in their room but type while on a commute. C. The "Co-Conversion" Hub A unique card design for AI-moderated group sessions. Why: This positions the AI not just as a diary, but as a mediator, solving the "he-said-she-said" deadlock in interpersonal relationships. D. Personalized Learning (Podcasts & Journey) Horizontal scrolling cards for "Podcasts for you" and a "Your Journey" section for reflection. Why: To ensure the app provides value even when the user isn't in a crisis, fostering a habit of proactive wellness. 5. Visual Identity & UI Choices Color Palette: Soft lavenders, mint greens, and pale blues. These colors are scientifically associated with calmness and trust. Typography: We used a bold, friendly Sans-Serif for headings to feel modern and accessible. Micro-Interactions: The "Start Talking" button uses a subtle gradient and "sparkle" icon to signify the "magic" of AI insights. 6. Reflection & Future Iterations While the current homepage effectively addresses the "immediate need," the next steps for this project would include: Dark Mode: Essential for users dealing with late-night anxiety or insomnia. Gamification: Adding "Streaks" or "Growth Milestones" to encourage daily check-ins. Haptic Feedback: Using gentle vibrations during "Speak" mode to create a more grounded, sensory experience.
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started