Let's talk life

Industry

Med-Tech

Client

NIMHANS

Service

UI/UX Design

Date

Aug 2023 - Dec 2023

Problem Statement:

The existing Let’s Talk Life website was struggling with low engagement and poor user experience, making it difficult for users to access mental health resources effectively. NIMHANS Bangalore needed a redesign to increase traction, enhance usability, and improve accessibility.

SKILLS: UI Design, UX Research, Figma, Prototyping, Collaboration, Med-Tech.

Issues Identified in the Old Website:

  • Confusing Navigation – Users struggled to find the right information quickly.

  • Lack of Engagement – The UI felt outdated and did not encourage interaction.

  • Poor Accessibility – The platform was not optimized for different devices or users with disabilities.

example
example
example

Research & Insights

User Interviews & Surveys

  • Conducted user interviews with mental health professionals, platform users, and stakeholders to understand pain points.

  • Key Findings: Users needed simpler navigation, mobile optimization, and engaging content delivery.

Competitive Analysis

  • Analyzed similar mental health platforms to identify industry best practices.

  • Noticed successful platforms focused on clear information hierarchy, engaging UI, and accessibility features.

Usability Testing on the Old Website

  • Observed how users interacted with the old design to identify major friction points.

  • Users reported difficulty finding relevant resources and overwhelming text-heavy pages.

Design Strategy & Process

Based on research findings, we focused on the following key design improvements:

Improved Information Architecture – Restructured content with clear categories for easier navigation.
Enhanced UI & Visual Hierarchy – Designed a clean, modern interface that encouraged engagement.
Mobile Optimization – Ensured responsive design for a seamless experience across devices.
Accessibility Enhancements – Followed WCAG guidelines to improve inclusivity for diverse users.

Wireframing & Prototyping
  • Low-Fidelity Wireframes: Sketched initial layout ideas to test structure and flow.

  • High-Fidelity Prototypes: Designed interactive screens in Figma, incorporating feedback from research.

Development & Iteration

  • Collaborated closely with developers, ensuring that the design was implemented as intended.

  • Iterated on design based on technical constraints and feedback from multiple stakeholders.

  • Conducted final usability tests before launch to refine the last details.

Outcome & Impact

The new Let’s Talk Life 🔗 website was successfully launched, leading to:
Improved engagement & user retention.
Enhanced accessibility & mobile responsiveness.
Positive feedback from users and stakeholders.

Key Takeaways & Learnings

User research is essential – Understanding real user pain points shaped critical design decisions.
Collaboration with developers – Iterating with developers ensured a smooth transition from design to launch.
Accessibility matters – Implementing inclusive design improved the platform’s reach and usability.

RELATED PROJECTS

image
image
image
shape
shape
shape