Executive Summary
In 2020, Max Healthcare undertook a major redesign of their website to improve user experience, increase appointments, and enhance overall digital presence. This case study outlines the 10-month journey of transforming the website, focusing on user-centric design and data-driven decision making.
Background
Max Healthcare, a leading healthcare provider in India, recognized the need to improve their digital platform to better serve patients and increase online appointments. The existing website faced challenges such as:
Navigation issues
Information clutter
Slow loading times
Friction in the appointment booking process
Poor mobile user experience
Project Overview
Timeline
The project spanned 10 months, from initial research to final implementation.
Role
As the Product Manager, my responsibilities included:
Project management
User research and UX research
UX design
Booking appointment product design and development
UI design
Design system creation
Iconography, themes, and illustration design
CMS architecture planning
Goals
The main goals for the redesign were:
Increase in revenue through online appointments
Improve overall user experience
Reduce bounce rates and increase time spent on the website
Optimize for mobile users
Streamline the appointment booking process
The Development Process
Research Phase
User Research:
Conducted online questionnaires with 100 responses
Performed video surveys with 10 diverse users
Analyzed Google Analytics and Clevertap data
Key Insights:
80% of users look for search options
64% rated 7-10 for navigation
44% rated 6-8 for the appointment process
85% said the website was too slow
77% of traffic came from mobile devices
Design Approach
The design process followed a user-centered methodology:
Information Architecture restructuring
Prioritizing elements and unifying content
Introducing new single start-point functionality
Mobile-first design approach
Key Features and Innovations
Holistic Search: Implemented a comprehensive search function on the homepage
Streamlined Navigation: Reduced menu options from 18 to 11 well-bucketed categories
Appointment Journey Optimization: Redesigned the appointment booking process for efficiency
Voice Search: Implemented voice search functionality for ease of use
3D Embedded Visual Content: Added 15-30 second 3D visuals for medical procedures
Responsive Design: Ensured seamless experience across all devices
Main Challenges
Designing for a vast age group of users
Reducing friction in the appointment booking process
Decreasing loading times
Balancing between illustrations and images
Adapting to remote work due to COVID-19
Tools and Technologies Used
Figma
Adobe Illustrator
Project Management tools
Testing and Validation
The solution was tested through:
Beta user testing
A/B testing of key features
Continuous monitoring of user feedback and analytics
Outcomes and Results
Improved Appointment Booking: Significant increase in online appointments
Increased Traffic: Higher website visitor numbers
Reduced Loading Time: Faster page load times across the site
Increased Engagement: Users spent more time on the website
Better Mobile Experience: Improved performance on mobile devices
Key Learnings
The importance of user-centered design in healthcare websites
The value of data-driven decision making in UX/UI design
The need for balance between aesthetic design and functionality
The effectiveness of streamlined information architecture
The challenges and opportunities of remote collaboration during a pandemic
The Max Healthcare website redesign project successfully transformed the digital presence of the organization, improving user experience and driving tangible business results. By focusing on user needs, leveraging data insights, and implementing innovative features, we created a website that not only looks modern but also performs efficiently across devices. This project demonstrates the power of user-centered design in the healthcare sector and the impact it can have on patient engagement and business outcomes.
