MediPath
.png)
00-Introduction
User research
Project OverviewProject OverviewMediPath is a user-friendly medical app designed to simplify healthcare access for individuals and families. The app allows users to manage medical tasks such as booking appointments, checking test results, and chatting with nurses or doctors — all from one clean, accessible interface. Users can switch between adult and child profiles directly from the home page, ensuring that managing family healthcare is intuitive and efficient. Built with low-tech users in mind, MediPath is designed to work for everyone, regardless of their digital skills.
Project Goal
The main goal is to provide an inclusive and intuitive digital health tool that supports individuals and families in navigating healthcare. MediPath minimizes friction in communication with clinics, supports multi-profile management, and enables users to access their health records, appointments, and test results through a simple and visual design.
Design Thinking
Design Thinking
I applied the Design Thinking approach to ensure MediPath meets the needs of diverse users—parents, patients with chronic conditions, and elderly individuals with low digital literacy.
Project Timeline
Project Timeline
01- Empathize
To begin the design process for MediPath, I focused on understanding users’ real needs and emotions around managing medical information. Through interviews, surveys, and observations, I explored their daily challenges and motivations. This helped reveal key pain points, guiding the foundation of the app’s design.
User Research
User Research
User research shaped MediPath by revealing real healthcare frustrations. A mix of surveys and interviews uncovered key user needs, guiding design decisions for simplicity, clarity, and accessibility
Observing for Empathy
To build empathy, I observed how different users engage with healthcare tasks in daily life. In Sweden, I noticed that an existing medical app was widely used but many users struggled with it. They found the interface complex, navigation unclear, and managing family profiles difficult. By observing these challenges, I was able to better understand the problems and identify opportunities to design a more intuitive, user-friendly solution with MediPath.
Qualitative Research
I interviewed parents and individuals to understand their struggles with everyday healthcare tasks. Topics like appointment booking, test results, profile switching, and tech confidence revealed the need for visual guidance, clear language, and simple navigation — all of which shaped MediPath’s user-friendly design.
Quantitative Research
I conducted a survey with families and individuals to uncover everyday healthcare challenges.
Findings showed common pain points in accessing records, switching profiles, and using digital tools — especially for parents, elderly users, and low-tech individuals. These insights directly shaped MediPath’s intuitive and inclusive design.
Empathy Mapping
Empathy Mapping
The goal of MediPath is to create an inclusive and intuitive healthcare app for individuals and families. It simplifies communication with clinics, supports multi-profile management, and provides easy access to health records, appointments, and test results through a clear, visual interface.
Persona
Persona
To better understand the real-world needs of my users, I created detailed personas based on interviews and survey data. These personas guided design decisions and helped ensure MediPath addressed diverse user goals, frustrations, and healthcare experiences.
User Journey Map
User Journey Map
The MediPath user journey map show a busy parent moves from discovering the app to confidently managing family healthcare. Emotions progress from cautious optimism to control as the app simplifies tasks like booking appointments and viewing test results. The journey highlights opportunities to improve accessibility, visual clarity, and real-time communication — reinforcing MediPath’s goal of making healthcare management simple and inclusive for everyone.
02-Define
The 5 Ws
The 5 Ws
Who is experiencing the problem?
 Emma, a 42-year-old teacher and mother of two living in Rotterdam, who manages both her own and her children’s healthcare.
What is the problem?
 Emma struggles to manage medical appointments, vaccination records, and test results across multiple apps and platforms, which are cluttered and unintuitive.
Where does the problem show up?
 The problem appears when Emma uses existing healthcare apps or online portals to book appointments, view test results, or switch between adult and child profiles.
When does the problem occur?
 The issue arises during her busy daily schedule — especially when she needs quick access to medical information, wants to schedule appointments after work, or manage healthcare for her children.
Why is the problem important?
 Because the lack of a simple, centralized healthcare management tool causes stress, wasted time, and missed appointments, preventing Emma from staying organized and confident about her family’s health.
Value Propositions
Value Propositions
MediPath is an all-in-one family healthcare app designed to help busy parents easily manage doctor appointments, medical records, and communication with clinics — all in one secure, intuitive platform. With multi-profile support, symptom checks, mental-wellbeing tools, and direct access to health information, MediPath simplifies healthcare so families can stay informed, organized, and confident about their health.
Feature Value
Add a child profile Manage your whole family’s health easily
Appointments, lab results, messages All healthcare in one place
Medication renewal Never run out of prescriptions
Symptom check & mood check Early guidance & preventive support
Health articles & tips Reliable health information, always available
Chat & video call Instant access to medical help
Notifications Stay on top of what matters
Language support Inclusive, accessible experience for all users
03-Ideate
Competitive Analysis
Competitive Analysis
To better understand industry standards and identify design opportunities, I analyzed leading healthcare apps with overlapping goals. The focus was on usability, features, visual clarity, and accessibility for low-tech or multi-profile users (such as parents and the elderly).
SWOT Analysis
SWOT Analysis
This SWOT Analysis highlights key strengths, weaknesses, opportunities, and threats related to MediPath’s UX, UI, and market fit. It guided design decisions and ensured the app is user-focused, competitive, and ready for real-world use.
Key Wins
Developed a Clear Market Position for MediPath
By analyzing competitors like Doktor.se and 1177.se, I identified a unique opportunity for MediPath to stand out through simplicity, family-oriented usability, and multi-profile support—clear differentiators that directly address user pain points such as complexity and lack of personalization.
​
Enhanced Strategic Understanding of User-Centered Design
Conducting the analysis helped me better understand how usability and accessibility influence user trust and adoption in healthcare apps. I learned how to translate complex competitive insights into actionable design opportunities for improving user experience and engagement.
How Might We, Questions
How Might We, Questions
Using the “How Might We” exercise, I turned user pain points into actionable design opportunities for MediPath. This approach guided solutions that simplified navigation, improved accessibility, and supported family healthcare management, directly shaping core features like the unified dashboard, family profile switcher, and smart reminders.
Storyboard
Storyboard
I used storytelling to illustrate how users like Emma a busy mother, interact with MediPath in real-life situations. Through simple narratives, I showed how the app helps her book appointments, switch between family profiles, and stay on top of reminders, highlighting how MediPath fits naturally into everyday healthcare management.
Card Sorting
Card Sorting
Card sorting with 5 participants revealed clear patterns in how users expect to navigate MediPath. The exercise validated the sitemap structure and informed renaming and grouping decisions for better clarity and accessibility.
04-Prototype
I developed the prototype by combining wireframes, sitemap, user flow, design system, and the final UI to visualize how MediPath functions. This helped me refine the structure, navigation, and overall user experience before testing.
Mid - Fidelity Wireframe
Mid - Fidelity Wireframe
The wireframes outline the app’s structure and functionality without focusing on visuals. I iterated on several versions to refine the layout and improve usability throughout the design process.
Information Architecture (IA)
Information Architecture (IA)
The Information Architecture of MediPath is designed to create a seamless and intuitive navigation flow, ensuring users can easily access the most essential healthcare features with minimal effort. The structure prioritizes clarity, accessibility, and efficiency—especially for families and low-tech users.
User Flow
User Flow
After registering or logging into MediPath, users land on the Home screen, access their Profile via the top icon, and can manage account settings, add a child, or switch to another profile.
Design System
Design System
The design system for the MediPath app is built around creating a clean, professional, and user-friendly experience for patients and healthcare providers.
​Typography
The app uses Albert Sans for a clean and professional look, ensuring readability and clarity for both patients and healthcare providers.
Color
​The color palette features Primary #4889B7 and Secondary #F4B13D, creating a trustworthy, approachable, and visually consistent experience.
Icongraphy
The cross-shaped form conveys health and care, while the dynamic curves suggest guidance and pathways, aligning with the idea of navigating one’s medical journey.
Logo
The cross-shaped form conveys health and care, while the dynamic curves suggest guidance and pathways, aligning with the idea of navigating one’s medical journey
Buttons
The button design in MediPath follows a clear and accessible visual hierarchy. Rounded corners and consistent padding create a friendly, modern appearance that aligns with the app’s approachable healthcare theme.
Textfield & Component
Text fields and components in MediPath are designed for clarity and ease of use, featuring rounded corners, balanced spacing, and clear labels. Consistent color cues and icon support ensure accessibility and maintain a cohesive, trustworthy visual language.
Visual design
Visual design
I focused on creating a clean and calming visual design with soft colors, clear typography, and intuitive icons. The goal was to make MediPath feel trustworthy, accessible, and easy to navigate for users of all ages.
GIF
Onboarding
The onboarding screens introduce users to the app’s purpose and key features in a simple, welcoming way.
Log in
The login process is designed to be secure, intuitive, and flexible, giving users multiple ways to access their accounts. Users can log in through the DigiD app, SMS verification, email, or identity card, ensuring accessibility for different preferences.
Home Screen
The Home screen greets users with a friendly hero image and message, giving quick access to key healthcare tools and updates. Integrated Profile & Settings and Notification areas make it easy to personalize the experience.
Profile & Notification
The Profile & Notification section combines personalization and updates in one convenient place. Users can easily manage their settings, view reminders about appointments or test results, and stay informed about their healthcare activities in real time.
My Clinic screen
The My Clinic screen centralizes all essential medical services in one place, making it easy for users to manage their healthcare efficiently. From renewing medications and checking symptoms to viewing lab results, appointments, and clinic messages, this section offers quick access to everything users need for seamless medical support.
Blog
The Blog section keeps users informed and engaged with reliable health content, including articles, news, and wellness tips. It features highlighted “Hot” and the “latest“ updates, helping users stay educated and inspired about their overall well-being
Chat & Video Call
This section allows users to start by selecting a subject and connecting directly with a nurse for initial guidance. If needed, they can have a video call with a nurse or doctor, receive medical advice, and get prescriptions sent digitally making healthcare support accessible anytime, anywhere.
05- Usability Test
I created a high-fidelity prototype and tested it with five users using Maze to evaluate navigation, clarity, and task completion. Users performed tasks like logging in with DigID, selecting a profile, checking notifications, viewing lab results, reading an article, and changing an appointment via chat. Observing their interactions and collecting feedback highlighted areas for improvement, such as simplifying navigation and enhancing clarity, which allowed me to refine the interface for a smoother, more accessible, and user-friendly experience.
User Feedback
User Feedback
Maze Test Screen Results
Maze Test Screen Results
These heatmaps shows where users clicked and interacted most during the prototype test, helping identify intuitive areas and potential navigation improvements.
Key Learning
Key Learning
User empathy is essential: Understanding real frustrations of parents, elderly, and chronic patients guided design decisions.
Simplicity and clarity matter: Clear navigation, visual guidance, and straightforward workflows increase usability for all users.
Multi-profile management is crucial: Seamless switching between adult and child profiles reduces stress and improves efficiency.
Iterative testing improves experience: User feedback helped refine navigation, chat workflows, and notifications for better accessibility.
Inclusive design benefits everyone: Designing for low-tech users enhanced the experience for all user groups.
Centralization reduces friction: Consolidating appointments, test results, and communication in one app streamlines healthcare management.
