Website - UI/UX
Case Study
Project Overview
Objective: To design and develop a user-friendly and functional website for Hyba Hospital that facilitates appointment booking, provides essential healthcare service details, and enhances patient engagement.
Project Type
Website Design
Industry
Healthcare
Client
Hyba Hospital
My Role
Web Designer | UI/UX Designer
Research & Problem Statement
Problem Statement
Hyba Hospital needed a modern, well-structured website to streamline appointment scheduling, provide clear healthcare service information, and improve patient interaction. The absence of an efficient online presence led to challenges such as difficulty in booking appointments, limited service awareness, and inefficient patient communication.
Research Process
Competitive Analysis:
Examined similar hospital websites to identify best practices.
Analyzed strengths and weaknesses in navigation, booking processes, and accessibility.
User Interviews & Surveys:
Conducted interviews with hospital staff and potential users.
Collected feedback on existing pain points in hospital interactions and online presence.
Findings & Insights:
Users wanted a quick, seamless appointment booking process.
Patients required easy access to service details and emergency contact information.
Staff needed a system to efficiently manage appointment requests.
User Personas
Amina Yusuf
Age: 32
Occupation: Working Professional.
Pain Points: Struggles to find time for hospital visits due to work. Needs an easy way to book appointments online.
Goals:
1. Find a hospital that allows online appointment scheduling.
2. Access information on available doctors and services.
Khalid Abdullahi
Age: 45
Occupation: Business Owner.
Pain Points: Finds navigating websites difficult. Prefers a straightforward, no-frills approach to booking healthcare services.
Goals:
1.Book a medical checkup without unnecessary steps.
2. Find emergency contact details quickly.
Information Architecture
User Flow Diagram
Goal: Booking an Appointment
Affinity Diagram
Categories Identified
Wireframes & Mockups
Created wireframes to map out the structure
Designed high-fidelity mockups with a clean, modern, and professional aesthetic.
Testing & Feedback
Usability Testing Approach
I conducted usability testing with 10 participants, including:
- 4 hospital staff members (administrators & nurses)
- 6 patients (diverse age groups and tech experience)
Testing Goals:
- Evaluate the ease of booking an appointment.
- Test navigation and clarity of service details.
- Assess the mobile-friendliness of the website.
Conclusion
The Hyba Hospital website successfully addressed key user pain points by implementing an intuitive booking system, clear information architecture, and a user-friendly design. The iterative design process, based on research and user feedback, ensured a seamless experience for patients and hospital staff.
Lessons:
Research-driven design improves usability and engagement.
Simplicity in navigation is crucial for healthcare websites.
Continuous feedback loops lead to meaningful design refinements.
Next Steps:
Implement live chat for patient support.
Tools Used:
Design: Figma, Canva
Research: Observations, Interviews
Development: WordPress / Elementor Page Builder
This case study highlights my UI/UX design process in creating a functional healthcare website that enhances patient interaction and operational efficiency.
Let's Work Together
As a passionate Web Designer with 5 years of experience and a Google Certified UX Designer, I specialize in crafting intuitive and impactful user experiences.