A complete end-to-end healthcare ecosystem designed for iOS. This UX/UI case study showcases the full product design process—from user research, service mapping and information architecture through to interaction design, high-fidelity UI, prototyping and usability testing. The outcome is a connected digital experience that simplifies appointments, medical records, payments and ongoing care while improving efficiency for both patients and healthcare providers.
Patients in Australia face a fragmented healthcare experience — juggling separate systems for appointments, records, medications and payments. The brief was clear: design a single platform that makes navigating healthcare as simple as everyday consumer apps.
The dual-user challenge — designing for both patients who need simplicity and medical staff who need efficiency — shaped every decision made throughout this project.
Patients used 3–5 separate systems just to book an appointment, access results and pay their bill.
Healthcare users are often stressed or unwell. Every extra tap, unclear label or failed step has real human cost.
Patients need hand-holding. Medical staff need speed. One design system had to serve both without compromise.
Medical data is personal. The visual language had to communicate safety and authority at every step.
I conducted user interviews and contextual research with both patient and staff users before any wireframe was drawn. The research surfaced three core insights that shaped the entire design strategy.
Trust signals — hospital branding, verified doctor profiles, secure payment indicators — were the #1 factor in adoption intent.
First-time patients consistently failed to select the correct department. This became the "Intelligent Guidance" feature.
Patients forget medications and miss follow-up appointments. Proactive notifications were a high-value, low-friction solution.
I developed two primary personas from the research — one patient and one healthcare provider — to anchor all design decisions in real human needs.
The core flow I focused on was the end-to-end appointment booking journey — the most critical path for patient users. The design reduces this from an average of 9 steps (across fragmented systems) to 5 in-app steps.
Primary user flow — patient appointment booking · 10 steps · end to end
Every screen is part of a single continuous patient journey — from first login through to post-visit care and bill payment. Click any screen to view at full size.
Healthcare design must communicate safety above all else. The colour system is anchored in clinical blue — authority and trust — with rose accents for warmth, and sky tones for accessibility. Every colour choice was accessibility-tested for WCAG AA compliance.
Good UX is a series of deliberate trade-offs. These decisions show how research insights, task flow priorities and usability feedback shaped the final interface.
| Design Decision | Problem it solved | UX rationale |
|---|---|---|
| Intelligent Guidance feature | Patients couldn't select the right department | Symptom-based routing removes the cognitive burden of medical knowledge from the user |
| 3-step ID verification flow | Trust and data security concerns | Progress stepper (Scan → Verify → Complete) reduces anxiety by showing end is near |
| Week-view availability grid | Users couldn't compare time slots easily | Colour-coded Full/Available across 7 days gives instant visual availability — no drilling required |
| Side drawer navigation | Deep feature set needed without cluttering home | Hamburger drawer keeps 9 features accessible without overwhelming the primary service grid |
| Proactive medication notifications | Poor post-visit medication adherence | Time-stamped push notifications tied to prescription records reduce missed doses without in-app friction |
| Payment confirmation modal | High-anxiety moment with large sums | Bottom sheet modal with masked card number, summary and change option gives control before commitment |
The project delivered a polished iOS prototype and reusable UI system, covering the core patient journey from registration through to bill payment.
In healthcare UX, small points of friction can create real consequences. A confusing label, hidden reminder or unclear next step can affect whether a patient books, attends or follows up on care.
The "Intelligent Guidance" feature came entirely from research — patients didn't know what was wrong with them, let alone what department to visit. No amount of good UI would have solved that without first understanding the user's actual mental model.
If I ran this project again today, I would use AI to analyse user interview transcripts faster, generate persona hypotheses for validation, and prototype multiple Intelligent Guidance flows simultaneously — compressing weeks of synthesis into days, and spending that time on the decisions that actually require human judgment.