HealthcareMD Website Redesign

Building Trust Through Patient-Centered UX

Keith Jeter
UX Designer & Strategist

                Client: HealthcareMD Medical Practice

                Challenge: Modernize digital presence to reduce call volume and attract new patients

                Result: 40% reduction in front-desk calls, 25% increase in new patient inquiries

1 / 31

Agenda

UX Process Overview

Discovery & Research
Understanding user needs and business goals
User Personas & Journey Maps
Defining our target users and their experiences
Information Architecture & Site Map
Structuring content for clarity and findability
Wireframes & Annotated Flows
Designing intuitive interactions and layouts
Outcomes & Impact
Measuring success and lessons learned

2 / 31

DISCOVERY & RESEARCH

Understanding the Healthcare Landscape

3 / 31

HealthcareMD Challenge

Business Goals:

Reduce front-desk call volume by 30%
Increase new patient acquisition by 20%
Establish trustworthy online presence
Shift 50%+ of bookings to online self-scheduling

User Goals:

Easily book appointments without calling
Quickly find the right provider for specific needs
Clearly understand services, pricing, and insurance coverage
Access trustworthy health information without medical jargon

4 / 31

Research Methodology

Comprehensive User Research

Quantitative Methods:

Online surveys (156 patients)
Website analytics review
A/B testing on competitor sites

Qualitative Methods:

User interviews (12 patients)
Usability testing (8 participants)
Contextual inquiry sessions

5 / 31

Key Research Insights

67%

of patients research providers online before their first call

70%

of healthcare research occurs on smartphones

                Top frustrations: Overwhelming homepages, unclear provider information, hidden pricing
            

6 / 31

Competitive Analysis

12 Competitor Websites Analyzed

Strengths Found:

Clear appointment booking widgets
Provider photos and credentials
Simple service explanations

Opportunities Identified:

Poor mobile experiences (35% of sites)
Hidden contact information
Complex navigation requiring 3+ clicks

7 / 31

USER PERSONAS & JOURNEY MAPS

Defining Our Target Users

8 / 31

Primary Persona: Sarah Martinez

Demographics:

34-year-old marketing professional
Managing Type 2 diabetes
Heavy mobile user, tech-savvy

Key Goals:

Schedule appointments quickly
Find providers with specific expertise
Access clear, jargon-free information
Minimize administrative time

Quote: "I need healthcare that's as easy as shopping online. Why should managing my health be more complicated than buying shoes?"

9 / 31

Secondary Persona: Robert Chen

Demographics:

68-year-old retiree and caregiver
Managing multiple chronic conditions
Desktop-focused, needs accessibility

Key Goals:

Understand complex services clearly
Access large-print, easy-to-read info
Find trustworthy providers
Coordinate care for family

Quote: "I want information I can share with my family easily. Everything should be straightforward and trustworthy."

10 / 31

Persona: Maria Rodriguez

Demographics:

28-year-old new mother
Seeking pediatrician for newborn
Mobile-first, research-oriented

Key Goals:

Find pediatric specialists with strong reputations
Understand insurance coverage and costs clearly
Access reliable newborn care information
Make confident decisions for her child

Quote: "How do I know I'm choosing the right doctor for my baby? Everything feels so important and confusing."

11 / 31

Persona: James Mitchell

Demographics:

45-year-old small business owner
Managing high blood pressure
Laptop-primary, values efficiency

Key Goals:

Book annual physicals with minimal back-and-forth
Get clear cost estimates before appointments
Access results and follow-ups without calling
Complete tasks in a short time window

Quote: "I have 20 minutes between meetings. If I can't book an appointment in that window, I'm calling your competitor."

12 / 31

Persona: Emily Torres

Demographics:

22-year-old college student
Navigating independent insurance for the first time
Mobile-only, highly digital

Key Goals:

Understand what her insurance actually covers
Find an affordable provider near campus
Know what to expect in plain language
Avoid surprises on cost or process

Quote: "I don't even know what a deductible is. The website should explain things like I've never done this before — because I haven't."

13 / 31

Emotional Journey Mapping

Healthcare Decision Process

Phase 1: Awareness

Feeling Overwhelmed

Phase 2: Consideration

Feeling Uncertain

Phase 3: Booking

Feeling Anxious

Phase 4: Preparation

Feeling Confident

14 / 31

INFORMATION ARCHITECTURE

Structuring Content for Clarity

15 / 31

Content Audit Results

47

pages of scattered content

4.2

average clicks to complete basic tasks

Issues Identified:

Service information buried 3-4 levels deep
Provider biographies scattered across pages
Contact information in 4 different locations
No clear content hierarchy

16 / 31

Site Map Redesign

HealthcareMD

Find a Doctor

Book Appointment

Services

Insurance & Billing

About Us

Contact

Patient Resources

Task-Based Organization: Structure around what users need to accomplish, not organizational departments

17 / 31

Navigation Improvements

2.1

average clicks after redesign (vs 4.2 before)

Critical User Flows:

Appointment Booking: Home → Book Appointment (2 clicks)
Provider Research: Home → Find a Doctor → Profile (3 clicks)
Service Information: Home → Services → Specific Service (3 clicks)

18 / 31

WIRE FRAMES & FLOWS

Designing Intuitive Interactions

19 / 31

Design System Foundation

Mobile-First Healthcare Design

Visual Hierarchy:

Large, prominent action buttons
Clear typographic scale
Medical-appropriate contrast

Color Psychology:

Navy blue (#1a365d) - Trust & authority
Warm accent (#f59e0b) - Approachability
High contrast - Accessibility

20 / 31

Homepage Wireframe

Compassionate Care for All

Serving our community for 15+ years

Emergency? Call 911

Book Appointment

Find Doctor

Same-Day Appointments Available

15+ Years Serving the Community

Most Insurance Plans Accepted

Family Medicine · Pediatrics · Internal Medicine

Clear branding establishes authority immediately
Emergency info always visible — critical safety signal
Split CTAs serve both booking and research intent
Social proof reduces patient anxiety above the fold
Services strip enables progressive content discovery

21 / 31

Find a Doctor Flow

Search doctors...

Family Medicine

Insurance: Accepted

Today

Dr. Sarah Johnson

Family Medicine · 4.8 (127 reviews)

"Takes time to explain clearly"

Dr. Michael Chen

Internal Medicine · 4.9 (89 reviews)

"Very thorough and patient"

Simple search entry lowers barrier to finding a provider
Smart filter chips surface specialty, insurance, and availability upfront
Avatar placeholders prime users to expect human faces — builds trust
Ratings and quotes provide credibility and social proof inline
Multiple results reduce anxiety by showing choice

22 / 31

Provider Profile

Back to Search

Dr. Sarah Johnson

Family Medicine

123 Medical Center Dr

Mon–Fri, 8AM–5PM

(555) 123-4567

4.8 · 127 reviews

"Dr. Johnson takes time to explain everything clearly."

Book with Dr. Johnson

Send Message

Back link keeps users oriented within the flow
Large avatar humanizes the provider and builds trust
Logistics icons surface location, hours, and contact at a glance
Star rating + testimonial provide authentic social proof
Primary CTA prominent — secondary action clearly subordinate

23 / 31

Booking Flow

Select Service

Family Medicine

Pediatrics

Urgent Care

Choose Provider

Any Available Provider

Dr. Sarah Johnson

Select Date & Time

Today, 2:00 PM

Tomorrow, 9:00 AM

View Full Calendar

Est. Cost: ~$150

Insurance Accepted

Confirm Booking

One-page flow eliminates multi-step drop-off
Logical step order — service → provider → time mirrors mental model
Smart defaults pre-select next available slot to reduce decisions
Cost transparency shown before confirmation to reduce financial anxiety
Single confirm action — no ambiguity at the critical moment

24 / 31

Accessibility Features

Healthcare-Specific Inclusive Design

WCAG AA Compliance:

44px minimum touch targets
4.5:1 contrast ratio
Logical heading hierarchy
Screen reader compatibility

Healthcare Features:

Emergency information always visible
Simple language options
Family caregiver support
Large text and high contrast

25 / 31

OUTCOMES & IMPACT

Measuring Success

26 / 31

Quantitative Results

89%

Task completion rate (vs 45% before)

2.3 min

Time on task (vs 4.1 min before)

73%

Mobile usage (vs 48% before)

4.6/5

User satisfaction rating

27 / 31

Business Impact

40%

Reduction in front-desk calls

25%

Increase in new patient inquiries

65%

Of appointments booked online

$50K

Annual savings from reduced calls

28 / 31

Patient Testimonials

Sarah M.: "Finally, a doctor's website that doesn't make me feel stupid. Everything is clear and I could book my appointment in 2 minutes."

Robert C.: "I can actually read this on my phone without squinting. And I found a great doctor for my grandson."

Maria R.: "The reviews helped me choose the right pediatrician. No more guessing!"

James M.: "Booked my annual physical in under three minutes during a coffee break. That's what I needed."

Emily T.: "The insurance explainer actually made sense. I knew exactly what I'd owe before I even booked."

29 / 31

Lessons Learned

What Worked Exceptionally Well:

User-Centered Research: Data-driven decisions built stakeholder confidence
Iterative Testing: Caught critical issues before launch
Trust-Focused Design: Addressed healthcare-specific anxieties
Mobile-First Philosophy: Met actual user behavior expectations

30 / 31

Thank You

Questions & Discussion

Keith Jeter
UX Designer & Healthcare Specialist
galnova@gmail.com

31 / 31