Web Design
This phase focused on translating MediPath into a structured desktop experience. I designed a clear layout that supports efficient healthcare management and intuitive content exploration, with an emphasis on usability, hierarchy, and accessibility.
project overview
After designing the mobile experience for MediPath in Figma, I expanded the product into a structured desktop web platform using Adobe XD. While mobile enables quick healthcare access on the go, desktop supports more detailed tasks such as managing appointments, exploring services, and reading health content. This cross-platform approach helped create a complete and cohesive healthcare ecosystem for MediPath.
Better content browsing
Users can read medical articles and service details more easily on desktop.
Appointment management
Desktop allows clearer scheduling and health record access.
Trust & credibility
A structured web platform increases reliability and professionalism.
Full healthcare ecosystem
Supports mobile experience with deeper functionality.
Information Architecture
This structure defines the main navigation and content hierarchy of the MediPath web platform, ensuring users can easily access healthcare services, doctors, and medical information.
.png)
Wireframe
Wireframes helped establish the page structure, content hierarchy, and user flow before developing the final interface.
Designing the Homepage Experienc
The homepage provides a clear and trustworthy entry to MediPath, helping users quickly access services, book appointments, and explore healthcare support through a structured and calming interface.
A structured services section allows users to quickly explore available medical specialties. Clear icons and categories help users identify the care they need without feeling overwhelmed.
The hero section presents MediPath clearly and guides users to key actions like booking appointments or exploring services through strong call-to-action buttons.
The FAQ section answers common questions and helps users navigate the platform with clarity and confidence.
Displaying doctors and specialists helps build credibility and transparency. Users can easily explore healthcare professionals and feel more confident about the platform.
The blog section provides helpful medical articles and health tips. This supports users beyond appointments and positions MediPath as a trusted healthcare resource.
The FAQ section provides quick answers to common questions about appointments, consultations, and services. It helps reduce uncertainty and supports users in navigating the platform with confidence.
User testimonials help build credibility and trust by showing real experiences with the platform. This section reassures new users and highlights the reliability and quality of MediPath’s healthcare services.
The footer offers quick access to key pages, contact information, and support, improving navigation across the platform.
Hero Section
First impression & quick action
How It Works
Guiding the user journey
Services Overview
Easy access to care
Our Doctors
Building trust and credibility
FAQ
Quick support and answers
Health Blog
Education and insights
What People Say
User trust and feedback
Footer
Navigation and support access
Designing Service & Blog Pages
The service and blog pages were designed to provide users with detailed healthcare information and easy access to specialists. Clear layouts and structured content help users explore medical services, read educational articles, and build trust in the platform through informative and supportive content.
Video Consultation & Messaging Experience
The video consultation and messaging features enable users to communicate with doctors easily and securely. The interface was designed to provide a clear, supportive environment where patients can ask questions, receive guidance, and manage their healthcare remotely.
Our Team & Doctor Profile Experience
The team and doctor profile pages were designed to build trust and transparency by presenting healthcare professionals in a clear and approachable way. Users can explore specialists, view credentials, and learn more about each doctor, helping them feel confident when choosing healthcare support.
Health Blog Experience
The blog provides accessible health articles and tips to educate users and support their healthcare journey. A structured layout helps users quickly find relevant content and stay informed.
Final Reflection
Designing MediPath as a complete web platform allowed me to think beyond individual screens and focus on building a cohesive healthcare experience. I learned how to structure complex medical information, create trust through design, and maintain consistency across multiple pages.
This project strengthened my ability to design end-to-end digital healthcare experiences that balance usability, clarity, and visual trust.