MyEcho – Mental Health Support App

MyEcho is a UX/UI case study exploring how digital products can support emotional well-being without feeling clinical or overwhelming. The project covers the full design process—from research and problem definition to interaction design, prototyping, and visual system development—resulting in a human-centred, emotionally sensitive mobile app experience.

Aug 18, 2025

MyEcho – Mental Health Support App

MyEcho is a UX/UI case study exploring how digital products can support emotional well-being without feeling clinical or overwhelming. The project covers the full design process—from research and problem definition to interaction design, prototyping, and visual system development—resulting in a human-centred, emotionally sensitive mobile app experience.

Aug 18, 2025

MyEcho – Mental Health Support App

MyEcho is a UX/UI case study exploring how digital products can support emotional well-being without feeling clinical or overwhelming. The project covers the full design process—from research and problem definition to interaction design, prototyping, and visual system development—resulting in a human-centred, emotionally sensitive mobile app experience.

Aug 18, 2025

CLIENT

Academic / Self-Initiated Project

Role

UX Designer · UI Designer · Researcher

Service

User Experience Design User Interface Design Interaction Design Prototyping

CLIENT

Academic / Self-Initiated Project

Role

UX Designer · UI Designer · Researcher

Service

User Experience Design User Interface Design Interaction Design Prototyping

CLIENT

Academic / Self-Initiated Project

Role

UX Designer · UI Designer · Researcher

Service

User Experience Design User Interface Design Interaction Design Prototyping

https://www.figma.com/proto/M2j0UkiUOhB84GkfwPcBit/Untitled?node-id=111-5187&starting-point-node-id=111%3A5722&t=bCZuBvo2EiAwVvlp-1
https://www.figma.com/proto/M2j0UkiUOhB84GkfwPcBit/Untitled?node-id=111-5187&starting-point-node-id=111%3A5722&t=bCZuBvo2EiAwVvlp-1
https://www.figma.com/proto/M2j0UkiUOhB84GkfwPcBit/Untitled?node-id=111-5187&starting-point-node-id=111%3A5722&t=bCZuBvo2EiAwVvlp-1

Problem, Goals & Design Approach

Problem, Goals & Design Approach

Problem, Goals & Design Approach

Mental health challenges such as stress, anxiety, and emotional overload are increasingly common, yet many people hesitate to seek support due to stigma, limited access, or fear of being misunderstood. Existing mental health apps often feel overly clinical, complex, or emotionally distant, making sustained engagement difficult.

MyEcho was designed to address this gap by creating a gentle, emotionally safe digital space for everyday reflection. The primary design goals were to:

  • Provide a non-judgmental environment for emotional expression

  • Encourage short, low-effort emotional check-ins

  • Reduce cognitive and emotional load through simple, intuitive flows

  • Use calm visuals and empathetic language to build trust

The design approach prioritised emotional sensitivity, accessibility, and clarity, ensuring users can engage with the app even during moments of vulnerability.

https://www.figma.com/proto/M2j0UkiUOhB84GkfwPcBit/Untitled?node-id=111-5187&starting-point-node-id=111%3A5722&t=bCZuBvo2EiAwVvlp-1

Key Features, Visual Design & Outcome

Key Features, Visual Design & Outcome

Key Features, Visual Design & Outcome

The MyEcho experience is structured around brief, repeatable interactions that integrate naturally into daily routines. Core features include:

  • Emotion Check-Ins that allow users to identify and reflect on their current emotional state

  • Mood Tracking to visualise emotional patterns over time

  • Reflective Prompts that encourage self-awareness without pressure

  • AI-Assisted Conversations designed to feel supportive and empathetic rather than directive

The visual design uses soft colour gradients, generous spacing,

and warm typography to create a calming atmosphere. Subtle micro-interactions reinforce

feedback without overwhelming the user, positioning the app as a quiet companion rather than a clinical tool.

A high-fidelity interactive prototype was developed in Figma to validate user flows and emotional tone. MyEcho demonstrates how UX design can meaningfully support emotional well-being by translating abstract emotional needs into clear, thoughtful digital experiences

Create a free website with Framer, the website builder loved by startups, designers and agencies.