UX Design · Mobile
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.
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
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:
Four screens, each with a single clear job:
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.
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.
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.
"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.
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.
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.