Healthcare · Mini-Program

Reimagining Eye-Care

Huaxia Internet Hospital — rebuilt booking, consult and meds around how patients and doctors actually move through their day.

View prototype
Huaxia Internet Hospital booking flow
Booking time
0:48 ↓ 62%
down from 2:10 avg
Patient CSAT
4.8 ★
+1.3 vs legacy app
Role
Interaction Designer
Timeline
14 weeks · 2024
Platform
WeChat Mini-Program
My Focus
UI · UX · Design System
01 — Overview

From a frustrating chore into an effortless flow

The Internet Hospital mini-program was built feature-by-feature over six years. Patients could technically book a visit, but the journey was slow, anxiety-inducing and easy to abandon. We rebuilt the whole system around one idea: help patients feel calm, help doctors work more efficiently, and keep the focus on recovery — not on fighting the system.

1:32
Median time to book
4.4
Patient sentiment
up from 3.5
−37%
Support tickets
fewer per month
02 — The Problem

Where the old experience broke down

Together with another designer, I built a survey that collected 240+ pieces of feedback, alongside structured interviews with 3 doctors. A week of research gave us these findings.

Unintuitive interfaces

Leaking modern interaction trends, which bring unconfident and uncomfortable when using the mini-program.

Buried information

Many data points and statuses are hidden in nested sub-pages, leaving patients confused and frustrated when scanning for information.

Patient looking frustrated while trying to use the old booking mini-program on her phone

Why online consultation matters?

China vs. North America
China
Register at large hospital → Doctor consultation → Diagnosis result → Examination / surgery → Follow-up
North America
Book a family doctor → Family-doctor consult → Refer to specialist → Diagnosis result → Exam / surgery → Family follow-up

In China, patients self-route to large hospitals. Online consults relieve crowding via remote triage, follow-ups and prescriptions.

03 — Process

How the redesign came together

A double-diamond process, working closely with the PM, front/end engineer and customer service to ground every change in real usage.

1

Discover

Mapped interaction logic against user analysis to find pain points.

Functional test Journey maps Interview
2

Define

Reframed the problem. Set measurable targets in department meetings.

Synthesis Align with PM User psychology
3

Design

Rebuilt and unified the design language with internal review.

API confirm Wireframes Design system
4

Deliver

150+ pieces of feedback. Aligned with engineers. Staged rollout.

Usability A/B test Accessibility
04 — Design System

A clearer visual language for clinical workflows

Brand-new status colour system

one vocabulary for patients & doctors

Same blue, different priority

Solid blue = most important live activity. Subtle blue = secondary.

Green: Success & Health

Soft green replaces grey for completed states — a more positive cue.

Waiting In Consult Completed Pending Pay Consult Finished Cancelled Paid Draft Reviewing Review Passed Review Rejected Voided

Deep blue for doctors

Theme-aligned colour to spot incomplete diagnosis reports fast.

05 — Before & After

More intuitive, more efficient

By reconstructing the information architecture of the list page, users can focus on scanning and choosing doctors they are trusted and admired.

06 — Key Screens

The product, screen by screen

Three flows: scan & book, consult, manage prescriptions, rebuild to a clearer interaction. Doctor portal now independent to another mini program, with a brand new home screen.

Home screen surfacing the next best action

Home — next best action

Personalised Booking Reminders
Booking screen with calendar and smart defaults

Booking — three taps to confirmed

Calendar Smart defaults Confirmation
Telehealth screen offering video, voice and message consults

Telehealth — care in a minute

Video Triage 24/7
07 — Outcomes

Results coming soon

The new interface is so much more intuitive — I no longer worry about missing important information.

Priya R.
Patient · beta cohort
Delivery status
Design complete
Key screens redesigned
→
Test & review passed
Approved with PM tweaks
→
Front-end dev
In development
→
Nationwide rollout
100+ sites
08 — Reflection

What I'd carry forward

Optimization is editing

Biggest wins came from removing steps — not adding features.

The system pays for itself

One token library kept three platforms in sync. Ship time −~⅓.

Trust is the real metric

In healthcare, calm clarity beats clever delight.