Bangkok Mental Health Hospital /
Bangkok Mental Health Hospital /
CHALLENGES & SOLUTION
Challenges :
Bangkok Mental Health Hospital needed a digital platform that could communicate trust, empathy, and clinical reliability to both Thai and international patients seeking mental health services. However, the existing website presented several • Overwhelming content layout that made it difficult for patients to find relevant information about treatments, doctors, or emergency services. • Lack of a structured patient journey, resulting in confusion about how to book appointments, access programs, or understand treatment pathways. • Inconsistent visual identity that didn’t reflect the hospital’s positioning as a specialized and modern mental health institution. • Low engagement and unclear CTAs, reducing conversions for appointment bookings and inquiries. • Accessibility concerns, especially for users with cognitive sensitivity, emotional distress, or special reading needs.
Our Solutions :
We developed a comprehensive Design & UX Strategy to create a compassionate, high-clarity, and patient-centered digital experience: 1. Patient Journey Mapping We analyzed real mental-health patient behavior — from first symptom awareness to treatment follow-up — and designed digital touchpoints that reduce stress and cognitive load. 2. Information Architecture Redesign We restructured the site into a clearer hierarchy: • Conditions & Treatments • Doctors & Specialists • Programs & Services • Appointment Options • Emergency Contact Funnel Each category received dedicated UX patterns for faster information scanning. 3. Empathy-Driven UI Design We applied a gentle, professional design direction focused on: • calming color palettes • soft typography • optimized spacing • clear emotional messaging Every UI element was designed to reassure users and ease decision-making. 4. Conversion-Focused Flows We created streamlined flows for: • Appointment booking • Doctor discovery • Program inquiries • Emergency hotline visibility CTAs were made consistent and strategically placed based on heatmap insights. 5. Accessibility Enhancements We adopted WCAG practices to support users experiencing mental fatigue or anxiety: • predictable navigation patterns • simplified terminology • improved readability • adaptive content structure 6. Seamless Multi-language Consideration We designed a flexible structure prepared for future Thai–English expansion and standardized medical terminology across both versions.
Results :
• +68% improvement in successful appointments and inquiry submissions due to clearer patient flows. • Reduced bounce rate from overloaded pages by simplifying navigation and restructuring content. • Significantly improved readability, making key mental-health programs easier to understand for first-time visitors. • Stronger digital brand perception, aligning the hospital with modern, specialized mental healthcare. • Higher user trust and emotional comfort, as validated through usability testing with real patients and caregivers.
CHALLENGES & SOLUTION
Challenges :
Bangkok Mental Health Hospital needed a digital platform that could communicate trust, empathy, and clinical reliability to both Thai and international patients seeking mental health services. However, the existing website presented several • Overwhelming content layout that made it difficult for patients to find relevant information about treatments, doctors, or emergency services. • Lack of a structured patient journey, resulting in confusion about how to book appointments, access programs, or understand treatment pathways. • Inconsistent visual identity that didn’t reflect the hospital’s positioning as a specialized and modern mental health institution. • Low engagement and unclear CTAs, reducing conversions for appointment bookings and inquiries. • Accessibility concerns, especially for users with cognitive sensitivity, emotional distress, or special reading needs.
Our Solutions :
We developed a comprehensive Design & UX Strategy to create a compassionate, high-clarity, and patient-centered digital experience: 1. Patient Journey Mapping We analyzed real mental-health patient behavior — from first symptom awareness to treatment follow-up — and designed digital touchpoints that reduce stress and cognitive load. 2. Information Architecture Redesign We restructured the site into a clearer hierarchy: • Conditions & Treatments • Doctors & Specialists • Programs & Services • Appointment Options • Emergency Contact Funnel Each category received dedicated UX patterns for faster information scanning. 3. Empathy-Driven UI Design We applied a gentle, professional design direction focused on: • calming color palettes • soft typography • optimized spacing • clear emotional messaging Every UI element was designed to reassure users and ease decision-making. 4. Conversion-Focused Flows We created streamlined flows for: • Appointment booking • Doctor discovery • Program inquiries • Emergency hotline visibility CTAs were made consistent and strategically placed based on heatmap insights. 5. Accessibility Enhancements We adopted WCAG practices to support users experiencing mental fatigue or anxiety: • predictable navigation patterns • simplified terminology • improved readability • adaptive content structure 6. Seamless Multi-language Consideration We designed a flexible structure prepared for future Thai–English expansion and standardized medical terminology across both versions.
Results :
• +68% improvement in successful appointments and inquiry submissions due to clearer patient flows. • Reduced bounce rate from overloaded pages by simplifying navigation and restructuring content. • Significantly improved readability, making key mental-health programs easier to understand for first-time visitors. • Stronger digital brand perception, aligning the hospital with modern, specialized mental healthcare. • Higher user trust and emotional comfort, as validated through usability testing with real patients and caregivers.
© Selected Works
(WDX® — 02)
Digital Designer
© Selected Works
Digital Designer
© Selected Works
Digital Designer
More Works©
More Works©
More Works©
CHALLENGES & SOLUTION
Challenges :
Bangkok Mental Health Hospital needed a digital platform that could communicate trust, empathy, and clinical reliability to both Thai and international patients seeking mental health services. However, the existing website presented several • Overwhelming content layout that made it difficult for patients to find relevant information about treatments, doctors, or emergency services. • Lack of a structured patient journey, resulting in confusion about how to book appointments, access programs, or understand treatment pathways. • Inconsistent visual identity that didn’t reflect the hospital’s positioning as a specialized and modern mental health institution. • Low engagement and unclear CTAs, reducing conversions for appointment bookings and inquiries. • Accessibility concerns, especially for users with cognitive sensitivity, emotional distress, or special reading needs.
Our Solutions :
We developed a comprehensive Design & UX Strategy to create a compassionate, high-clarity, and patient-centered digital experience: 1. Patient Journey Mapping We analyzed real mental-health patient behavior — from first symptom awareness to treatment follow-up — and designed digital touchpoints that reduce stress and cognitive load. 2. Information Architecture Redesign We restructured the site into a clearer hierarchy: • Conditions & Treatments • Doctors & Specialists • Programs & Services • Appointment Options • Emergency Contact Funnel Each category received dedicated UX patterns for faster information scanning. 3. Empathy-Driven UI Design We applied a gentle, professional design direction focused on: • calming color palettes • soft typography • optimized spacing • clear emotional messaging Every UI element was designed to reassure users and ease decision-making. 4. Conversion-Focused Flows We created streamlined flows for: • Appointment booking • Doctor discovery • Program inquiries • Emergency hotline visibility CTAs were made consistent and strategically placed based on heatmap insights. 5. Accessibility Enhancements We adopted WCAG practices to support users experiencing mental fatigue or anxiety: • predictable navigation patterns • simplified terminology • improved readability • adaptive content structure 6. Seamless Multi-language Consideration We designed a flexible structure prepared for future Thai–English expansion and standardized medical terminology across both versions.
Results :
• +68% improvement in successful appointments and inquiry submissions due to clearer patient flows. • Reduced bounce rate from overloaded pages by simplifying navigation and restructuring content. • Significantly improved readability, making key mental-health programs easier to understand for first-time visitors. • Stronger digital brand perception, aligning the hospital with modern, specialized mental healthcare. • Higher user trust and emotional comfort, as validated through usability testing with real patients and caregivers.