Back to Portfolio

WEBSITE DESIGN

Designing an accessible healthcare experience for all patients

Client: MediCare Health System

Duration: 8 months

Role: Lead UX Designer

Team: UX Designer, Product Manager, Frontend Engineer, Healthcare Advisor

Tools: Lovable, Figma Suite, Maze, Optimal Workshop

Free Transparent MacBook Neo Mockup Mockuuups Studio

Project Overview

Medicare required a modern patient portal that would help patients access their medical information, schedule appointments, and communicate with healthcare providers.

The existing portal had extremely low adoption and forced patients to rely heavily on phone calls to complete simple healthcare tasks.

The goal was to reduce administrative burden while empowering patients to manage their health digitally.

Problem Statement

Only 15% of patients used the existing portal.

Patients reported several frustrations:

• Difficult navigation
• No mobile support
• Complex appointment booking
• No easy access to medical records
• Communication with providers required phone calls

This created high administrative workload for clinics and low engagement from patients.

vitaly gariev zQwkNuXvx2U unsplash scaled
vitaly gariev vAAtDZDAmko unsplash scaled

UX Challenge

Medicare required a modern patient portal that would help patients access their medical information, schedule appointments, and communicate with healthcare providers.

Mockup Scene 4

Design Principles

These principles guided every design decision.

1. Simplicity First

Healthcare tasks should require as few steps as possible.

2. Accessibility by Default

Design for older adults and low digital literacy.

3. Progressive Disclosure

Show essential information first, while keeping advanced options accessible.

4. Trust and Transparency

Patients must feel confident and secure when accessing medical data.

Research Insights

testimonial 3

I want convenience.
Booking appointments through phone calls feels outdated.

testimonial 2

I struggle a lot with navigation.

testimonial 1

Mobile access is essential.
I prefer managing my health using my phone.

User Personas

Sarah Thompson — The Busy Parent
Robert Jenkins — The Older Patient
Maria Alvarez — The Chronic Care Patient

User Journey Map

Customer Journey Map Margarets First Utility Bill Pay

Information Architecture (Sitemap)

A simplified structure was created to reduce navigation complexity, which ensured patients could access core tasks within 1–2 clicks.

Patient Portal Sitemap

Design Decisions

Decision 1: Progressive Disclosure

Medical portals often overwhelm users with complex information.

The solution was progressive disclosure, showing the most important actions first.

Dashboard

Decision 2: Simplified Appointment Booking

Booking was redesigned as a 3-step flow.

  1. Choose provider

  2. Select date/time

  3. Confirm appointment

 

This replaced the previous 8-step process.

All Appointments

Decision 3: Mobile-First Design

Many patients access healthcare on mobile.

 

The portal was designed mobile-first to ensure accessibility across devices.

Mobiles

Key Screens

1. Dashboard

Purpose: Central hub for patients

Dashboard 1

2. Appointment Booking Flow

This demonstrates task simplification.

All Appointments
Upcoming Appointments
Past Appointments
Upcoming Appointments 1

3. Medical Records Page

Shows clear information hierarchy.

All Medical Records
Lab Results Medical Records
Visit Notes Medical Records
Prescriptions Medical Records 1
Imaging Medical Records
Vaccinations Medical Records

4. Secure Messaging

Patient-doctor messaging interface.

Messages
MediCare Pharmacy Message
Dr. Michael Chen Message
Dr. Sarah Johnson Message

5. Prescription Refill

Prescriptions Medical Records

Usability Testing

Participants

Tasks Tested

• Book appointment
• Find lab results
• Send message to doctor
• Request prescription refill

92%

Booked appointments within 42 seconds

88%

Find lab results within 32 seconds

95%

Send message within 30 seconds

90%

Refill prescription within 40 seconds

Expected Outcomes

After implementation, the redesign aims to show strong improvements.

15% → 63%

Patient portal usage increasing

40%

Administrative calls decreasing

4.6 / 5

Patient satisfaction improving

Reflection

This project reinforced the importance of designing healthcare experiences for accessibility and simplicity.

 

Key takeaways:

• Progressive disclosure reduces cognitive load
• Mobile-first design improves accessibility
• Simplifying core tasks drives adoption

vitaly gariev G6DRxdnw4WY unsplash scaled

Interested in Working Together?

Let’s create something amazing for your users