UX/ UI Case Study
Medipath
A healthcare management platform designed to help families organize treatments, appointments, and medical records in one place. It simplifies complex care journeys by making essential health information easy to access, understand, and manage.
Developed as part of a Human–Computer Interaction course at Uppsala University, this project is presented as a multi-part case study. Explore each section to see the research, product design, and system development.
Rotterdam, Netherland
Role
UX & UI Designer
Timeline
8 weeks (Nov 2024)
Tools
Figma, FigJam, Maze, Adobe Xd
Responsibilities
• Conducted user research with patients and providers
• Defined user needs, workflows, and requirements
• Designed end-to-end mobile and web experiences
• Created wireframes, UI, and interaction designs
• Developed and maintained a design system
• Built prototypes and tested with users
• Aligned design with product and technical constraints
UI Design
Browse the work across Mobile, Web, and Design Systems by selecting the categories below.
.jpg)
• Simplified care tasks and daily tracking
• Clear, patient-friendly mobile interface
App Design
Product Design
Medical Design
.jpg)
• Organized medical data and workflows
• Responsive design for cross-device use
Web Design
Healthcare Web
Interaction Design
.png)
• Consistent components and visual language
• Scalable system for product growth
Design System
Color System
Typography
UX Research
Project Overview
MediPath is a healthcare management app designed to help families track treatments, appointments, and medical records in one centralized place. The goal is to reduce stress and confusion during complex care journeys by making important health information easy to organize and access.
This project was created as part of the Google UX Design Certificate, where I applied the UX design process—from research and ideation to wireframing and prototyping—to address a real-world healthcare challenge.
How do users manage their healthcare and family medical needs, and what challenges do they face with existing healthcare apps?
Problem Statment
Managing personal and family healthcare often means juggling multiple apps, clinics, and paper records. Users struggle to track appointments, medications, and test results, leading to confusion, missed tasks, and stress especially for busy families and caregivers.
Solution
Designing a centralized healthcare app that helps users manage appointments, medical records, and family health in one place.
The design focuses on clarity, accessibility, and reducing cognitive overload to create a simple, stress-free healthcare experience.
User Research
To understand user needs, I conducted interviews and analyzed existing solutions.
User interviews
Survey
Empathy mapping
Persona creation
Competitive analysis
-
User interviews: I spoke with 3 caregivers and discovered they felt overwhelmed juggling scattered health information..
-
Survey: Responses showed users struggle most with tracking appointments and medications in one place.
-
Empathy mapping: Helped me understand the emotional stress behind managing family health.
-
Persona: I defined a busy caregiver persona to keep design decisions focused and realistic.
-
Competitive analysis: Analyzed healthcare apps like MedGemak, 1177, and Doktor.se and noticed usability gaps in navigation and information hierarchy.
Persona
.png)
Competitive analysis
Key Insights
Through user research, I identified five key insights that guided the design direction and core features of MediPath.
Family-centered healthcare management
Parents often manage healthcare for their children, while adult children may also support aging parents who are not tech-savvy. Users need an easy way to switch between family profiles and manage multiple members in one place.
Need for an all-in-one healthcare platform
Users prefer a single platform where they can handle all medical tasks booking appointments, accessing records, viewing test results, and documents instead of using multiple fragmented systems.
Flexible communication with healthcare providers
Users value quick and direct communication with clinics, nurses, and doctors without always needing in-person visits.
Need for trusted health information
Users actively look for reliable articles, news, and updates about diseases, vaccinations, and public health to stay informed and make better decisions.
Accessibility for elderly & non-tech-savvy users
Older adults often feel overwhelmed by complex healthcare apps and need simple navigation and clear visual guidance.
How Might We ...
Based on research and journey mapping, I defined the core opportunity:
How might we help busy caregivers manage multiple family health records and appointments in one simple, stress-free experience?
Design Desicion
Research insights were translated into clear design decisions to create a simple, accessible, and user-centered healthcare experience.
1. Insight: Family-centered healthcare management
Design Decision: Multi-profile & role-based access
Designed a multi-profile system that allows users to switch seamlessly between family members and manage their appointments, records, and medications from one account.
2. Insight: Need for an all-in-one healthcare platform
Design Decision: Centralized healthcare dashboard
Created a unified dashboard that brings appointments, records, certificates, and health tracking into one organized and accessible space.
3. Insight: Flexible communication with healthcare providers
Design Decision: Integrated communication features
Added chat with nurses, secure messaging with clinics, and online consultation options with doctors to support both remote and in-person care.
4. Insight: Need for trusted health information
Design Decision: Educational content hub
Designed a dedicated section for verified health articles, tips, and important public health updates to increase trust and engagement.
5. Insight: Accessibility for elderly & non-tech-savvy users
Design Decision: Simple, visual, and accessible UI
Used clear navigation, large touch targets, and supportive visual elements to create a user-friendly experience suitable for elderly and non-technical users.
Wireframe
Low-fidelity wireframes helped me explore layout, navigation, and user flow before visual design. Through multiple iterations, I simplified the experience, tested different structures, and refined the product based on usability and clarity. This stage allowed me to rethink early decisions, remove unnecessary steps, and build a more intuitive and user-centered foundation for the final design.
Wireframe Focus
Simplified the onboarding flow to reduce steps and make registration faster
Explored different navigation patterns and chose a clearer bottom navigation structure
Reorganized healthcare information for better clarity and easier scanning
Iterated on feedback and learned to prioritize simplicity over adding more features
Final solution
The final design provides a simple and centralized healthcare experience where users can manage appointments, medical records, medications, and family profiles in one place. The interface focuses on clarity, accessibility, and ease of use to support stress-free healthcare management.
.jpg)
.png)
The Home dashboard provides quick access to appointments, test results, reminders, and health services. It centralizes personal and family health information, helping caregivers manage healthcare tasks efficiently in one place.
The Clinic section provides a clear overview of medical records, prescriptions, and appointments. By organizing health information in one place, users can easily review test results, track treatments, and manage upcoming visits without navigating multiple systems.
.png)
The Blog section provides reliable health articles and practical tips to help users stay informed about medical topics and everyday wellbeing. It encourages users to learn more about their health and supports better healthcare decisions.
.png)
The Chat feature enables users to communicate directly with healthcare providers through messaging or video consultation. This allows patients to ask questions, receive guidance, and access remote support without needing an in-person visit.
Usability Testing
I conducted usability testing with 5 users using a high-fidelity prototype to evaluate navigation clarity, task completion, and overall usability.The findings helped identify key issues and guided design improvements.
Some users struggled to notice the bottom navigation (it was maze bag)
Maze Test Results
-
80% task success rate
-
10% drop-off during main flows
-
15% misclick rate revealed navigation clarity issues
Users completed tasks quickly and understood the interface
Blog article titles needed clearer hierarchy (white space was less)
Chat flow required clearer subject selection
Key actions needed stronger visual emphasis
Iterations After Usability Testing
Issue
Users struggled to find where to add children profiles.
The option was hidden inside the profile section, causing confusion during onboarding.
Solution
Introduced a dedicated “Add child” step before entering the home screen. This makes family profile setup clear from the start and reduces confusion.
.jpg)
Issue
Users found it difficult to locate and manage family member profiles.
Solution
Simplified profile management by making family members visible and accessible from the main profile section.
.jpg)
-
These iterations improved clarity, reduced confusion during onboarding, and made family profile management faster and more intuitive.
Impact
80% task success rate in usability testing for key tasks like finding appointments and viewing test results
Improved onboarding clarity, reducing confusion during family profile setu
Reduced navigation errors, addressing the 15% misclick rate identified during testing
Simplified healthcare management by centralizing appointments, records, and family profiles
More accessible experience for elderly and non-technical users through clearer navigation and larger touch targets.
What I learned
Designing for healthcare requires clarity, accessibility, and trust. This project strengthened my ability to translate user research into practical design solutions and create scalable, user-centered digital health experiences.