Unintuitive interfaces
Leaking modern interaction trends, which bring unconfident and uncomfortable when using the mini-program.
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
Median time to book
1:32 ↓ 38s
faster booking journey
Patient sentiment
4.4 ★
up from 3.5
01 — Overview
From a frustrating chore into an effortless flow
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 based on one concept to reshape the whole platform: Make patients feel calm, make doctors more efficient, and let them focus on the core of "rehabilitation" instead of letting the system become a burden.
1:32
Median time to book
−38s
4.4
Patient sentiment
up from 3.5
−27%
VOC volume
fewer complaints
02 — The Problem
Where the old experience broke down
I collaborated with another designer to create a offline survey and conducted in-depth interviews with three doctors, collected 240+ responses total.
Buried information
Many data/status hidden in the sub-pages, patients feel confuse and troublesome when scanning.
Why online consultation matters？
China vs. North AmericaChina
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 & doctorsSame 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 both the list page and doctor’s detail information page, users can focus on scanning and choosing doctors they are trusted and admired.
More intuitive, more efficient
By reconstructing the information architecture of the doctor’s detail information page, users can focus on scanning and choosing doctors they are trusted and admired.
Where am I? The system shows you.
Long waits, booking flows and forms create anxiety — users need a progress bar and clear status to stay calm.
One Glance to See the Key Point
Reset the visual center of doctor’s portal to assist them capture the most important information: How many patients are waiting, so that they’ll arrange their further consultation.
Before · Legacy
After · Redesign
Before · Legacy
After · Redesign
Progress bar
实时活动顶栏
Before · Legacy
After · Redesign
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.
07 — Outcomes
Effect will coming soon
The new interface is really much more intuitive, so I don't have to worry about missing any information.
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.