UX Design Exercise · Appointment Booking Flow
01 — Home
9:41
Good morning
Dana
Total donations
24
Lives impacted
72
You're eligible to donate!
Next eligible date: today
Book appointment →
Upcoming
JUN
14
Whole Blood
Menlo Park · 10:30 AM
Home
Book
History
Profile
02 — Choose type
9:41
Book appointment
What would you like to donate?
Whole blood
~1 hour · every 56 days
Helps up to 3 patients
Platelets
~2.5 hours · every 7 days
Helps cancer patients
Plasma
~1.5 hours · every 28 days
Burns & trauma patients
Continue →
Home
Book
History
Profile
03 — Location & date
9:41
Whole blood
Nearest center
Menlo Park
0.8 mi away
Mountain View
4.2 mi away
Pick a date
June 2026
SMTWTFS 123456 78910111213 14151617181920
See times →
04 — Confirmed
9:41
You're booked!
We'll send a reminder 24 hours before.
Whole blood
Helps up to 3 patients
Menlo Park Center
445 Burgess Dr, Ste 100
June 14, 2026
10:30 AM · ~1 hour
Add to calendar
Back to home

UX Design · Mobile

Stanford Blood Center:
Donor App Redesign

Context Stanford Blood Center Year 2026 Discipline UX Design · Interaction · UX Writing
Personal portfolio exercise

// The challenge

Stanford Blood Center is one of the Bay Area's most important regional blood suppliers, providing blood products to Stanford Health Care and Lucile Packard Children's Hospital. During my five years as Marketing & Design Manager, I observed donor drop-off patterns that were clearly a design problem — not a motivation problem.

This case study reimagines the appointment booking flow based on what I witnessed firsthand: the friction points, the anxiety moments, and the missed opportunities to connect donors to the impact of their gift.

Core hypothesis

The existing experience treated blood donation like scheduling a dentist appointment. If we connect donors to the impact of their gift at every step, we reduce anxiety and increase completion rates — especially for first-timers.

18 yrs

Domain expertise at SBC

4

Screens redesigned

2

Drop-off moments targeted

$0

Budget · portfolio work

// What I observed on the ground

Drop-off happens twice: before the appointment (intent without action) and on the day of (booked but no-show). Five specific friction points drove both:

  • Donors didn't understand the differences between whole blood, platelets, and plasma — often chose wrong for their schedule
  • First-timers expressed significant anxiety about the process and time commitment before arriving
  • The booking flow gave no indication of real-time slot availability, leading to frustrating dead ends
  • No connection to impact — nothing in the flow reminded donors that 45 minutes could help up to three patients
  • Eligibility countdowns lived only in email — never surfaced proactively where donors actually looked

// The redesigned flow

Four screens, each with a single clear job:

01
Home
Eligibility status, impact stats, upcoming appt
02
Choose type
Plain-language explanation of each donation type
03
Location & date
Nearest center, real-time availability
04
Confirmed
Booking summary + add-to-calendar CTA

Screen 01 — Home greets the donor by name and immediately surfaces eligibility status. A live stats module shows total lifetime donations and estimated lives impacted (a 3x multiplier — each whole blood donation helps up to three patients). Upcoming appointments appear without hunting through confirmation emails.

Screen 02 — Choose type is where the old flow failed most. Three options with no explanation is a guessing game. The redesign gives each type a consistent card: name, time commitment, frequency, and who it helps. Informed donors are more confident donors.

Screen 03 — Location & date defaults to the nearest center with distance shown clearly — the Menlo Park center at 445 Burgess Drive is the primary location. The calendar only shows dates with available slots for the chosen type. No dead ends.

Screen 04 — Confirmed is the emotional peak and the most underdesigned screen in most scheduling apps. The redesign leads with a warm "You're booked!" and a clean summary card, then drives immediately to "Add to calendar" — the single most effective no-show reducer.

// Design decisions

Cardinal as trust signal

Stanford cardinal (#8C1515) is a single consistent accent — only for selected states, CTAs, and progress. Everything else is white and near-black. Clinical and trustworthy, not alarming.

Typography that earns attention

Large impact numbers (24 donations, 72 lives) are set big intentionally — the emotional payoff for opening the app. Bold sans for labels, body weight for explanation, muted gray for metadata.

Microcopy: human, not clinical

"You're eligible to donate!" instead of "Eligibility status: Active." Small language choices compound. The tone is warm and purposeful — donors are volunteers, not patients.

Anxiety reduction by design

Time commitments are explicit, locations show distance, availability is real-time, and confirmation reinforces the decision positively. The hard part should feel over the moment they tap Confirm.

// Hypothesized outcomes

This is a portfolio exercise, not a shipped product — outcomes are directional, based on UX research principles and comparable case studies in healthcare scheduling.

Note: No user research was conducted for this exercise — this was a visual and interaction design exploration based on five years working directly with Stanford Blood Center as their Marketing & Design Manager.

+23%

Booking completion rate

−35%

Drop-off at type selection

+40%

Calendar add rate

−18%

Day-of no-shows

A real launch would require A/B testing against the existing flow, session recording to identify remaining friction, and donor interviews to validate that impact messaging resonates differently across first-timers vs. returning donors.

// What I'd do next

Build out the Donor History tab — a timeline of past donations with per-donation impact metrics

Design a first-timer onboarding flow that walks through the full center experience before arrival

A/B test the impact stats module — does "lives impacted" motivate or feel abstract?

Push notification strategy tied to eligibility countdowns and seasonal campaigns