← All work
Healthwire

Designed for patients who don't know which doctor to see

Pakistan's largest health platform, rebuilt around how people actually search for care.

Health products assume a patient who already knows the system. Pakistani patients arrive with a symptom, not a specialty. I redesigned discovery, sign up and booking around that reality across a mobile app, a web platform and a clinic SaaS. Appointment conversion rose 30%.

Healthwire web platform and mobile app
+30%
Appointment conversion
$33M
Series A secured
4
Surfaces shipped
2
Screens to sign up
My role
Product Designer, leadResearch, IA, UX, UI, design system, handoff
Timeline
Jul 2017 to Sep 201814 months, continuous release
Surfaces
iOS, Android, WebPlus HCloud clinic SaaS and B2B tools
Team
1 designer (me), 6 engineers1 PM, 1 content lead, CEO in the room
Tools
Figma, Sketch, InVisionHotjar, Google Analytics, user interviews
Chapter 01

The context

Healthwire set out to be the front door to healthcare in Pakistan: find a doctor, book an appointment, consult over video, order medicine, book a lab test. On paper that is a marketplace. In practice it is five different products a stressed person has to navigate on a mid range Android phone, often on a patchy connection, frequently on behalf of somebody else in the family.

I ran requirements gathering directly with the founders and the CEO rather than through a spec document. That access mattered: it meant research findings could change the roadmap in the same meeting they were presented, instead of being filed as feedback.

When I joined, the product had listings and a booking form. What it did not have was an answer to the question every user actually arrives with: "I feel like this, so who do I need?"

The market

Low digital health literacy

First time users of any health app, often on a shared mid range Android, frequently booking for a family member rather than themselves.

The product

Five services in one shell

Doctor discovery, video consultation, in clinic booking, pharmacy and lab tests. Each has a different mental model and they all share one home screen.

The constraint

One designer, four surfaces

App, web, clinic SaaS and B2B tooling shipping in parallel. Anything not systemised would not survive the release cadence.

The stakes

A funding round

The company was building toward a Series A. Design had to prove it moved retention and conversion, not just how the product looked.

Chapter 02

Problem statement

Healthwire's users cannot complete the first step of the journey on their own. The product asks them to name a medical specialty before it will help, then asks them to create a full account before it shows any value. Most people know their symptom, not the specialty that treats it, and most will not commit an email and password to a service that has not yet proved useful. The result is a funnel where the two largest drop offs happen before a single doctor is ever viewed.

Reframed as a design question: how might we take a person from "I feel unwell" to a confirmed appointment without requiring medical vocabulary or an account up front?

"I didn't know there was a separate doctor for skin problems. I always just went to a general physician and waited to be told."

Interview participant, 34, Lahore
Insight 01

Symptoms, not specialties

People searched for stomach pain, chest pain, fever in a child. Nobody typed "gastroenterologist". A specialty first taxonomy was effectively invisible.

Insight 02

Trust is referral shaped

The default path was asking family. A profile with no social proof read as a stranger's phone number rather than a doctor.

Insight 03

Sign up was the cliff

The largest single drop off was not search or listings. It was the account wall: email, password, confirm, OTP, all before any value.

Insight 04

One phone, many patients

Bookings were often made for a parent, spouse or child. The product assumed the account holder was always the patient.

Where users were falling out

Opened app
100%
Found a service
71%
Viewed a doctor
44%
Hit sign up
38%
Booked
17%
Booked, after
+30%
Before redesign After redesign

Shape of the funnel as we understood it from analytics and support data. The two circled losses, service discovery and the account wall, are the ones the redesign targeted.

Before, what was breaking
  • Search assumed medical vocabulary users did not have
  • An account was required before browsing anything useful
  • Seven fields across four screens to complete a first booking
  • Doctor profiles showed credentials rather than reassurance
  • Pharmacy and lab tests buried inside a hamburger menu
  • Clinic staff managing the same appointments on paper
After, what I designed toward
  • Symptom and condition entry points on the home screen
  • Browsing fully open, identity asked only at commitment
  • Two screens and two questions to create an account
  • Satisfaction rate, availability and fee surfaced up front
  • Pharmacy, lab and video consult as first class services
  • HCloud SaaS so clinics see the same appointment live
Chapter 03

Research

Fourteen semi structured interviews across Lahore and Karachi, split between patients and clinic front desk staff. Six moderated usability sessions on the existing product. Funnel analysis on the live booking flow, plus a read of every support conversation from the previous quarter. Requirements and priorities were set in weekly sessions with the CEO and founding team.

Method 01

Competitor analysis

Audited Marham, Oladoc, Sehat Kahani and Practo alongside international benchmarks like Zocdoc and Doctolib. I scored each on discovery model, sign up friction, trust signals and pricing transparency. Every regional competitor was specialty first, which confirmed the gap was a category problem rather than a Healthwire problem.

Method 02

How might we statements

Interview findings were converted into a ranked set of HMWs and used as the brief for ideation. Everything downstream traces back to one of them.

  • How might we let someone find the right doctor without knowing the specialty?
  • How might we prove value before asking for an account?
  • How might we make an unfamiliar doctor feel trustworthy in one screen?
  • How might we let one person book for an entire household?
  • How might we keep the clinic and the app looking at the same calendar?
Method 03

User personas

Four personas came out of the interviews and drove every prioritisation call afterwards.

Ayesha, 29Booking for her motherConfident on a phone, no medical vocabulary. Needs symptom led discovery and a way to book for someone else.
Bilal, 41Chronic conditionBuys the same medicines monthly. Cares about reorder speed and price, not browsing.
Dr. Kamran, 52SpecialistWants a filled schedule and no no-shows. Will not learn a complicated tool.
Nadia, 26Clinic front deskThe hidden user. Was rekeying app bookings into a paper diary, which is where double bookings came from.

Two findings changed the product. First, the front desk was a user. That finding is the reason the SaaS product exists. Second, people wanted to see the hospital, not just the doctor. A recognisable building is trust in a market where credentials are hard to verify.

Chapter 04

Information architecture

Before any pixels, I mapped every entity and every route between them: doctors, specialities, hospitals, labs, pharmacy, consultations, appointments, profile. The point was to find the shortest honest path from "I feel unwell" to "I have an appointment", and to prove to engineering that it existed.

Information architecture  /  full map
Drag to pan  Â·  scroll to zoom  Â·  vector, sharp at any magnification
Chapter 05

The booking flow

The core journey drawn as a decision map: instant call, video consultation, or in clinic visit, each with its own failure branches. Every diamond in this diagram is a moment where a user could abandon, and each one got a designed answer: a waiting time estimate, an alternate slot, a fallback to chat support.

User flow  /  connecting with a doctor
Drag to pan  Â·  scroll to zoom  Â·  blue diamonds are decision points
Chapter 06

Design decisions

Six decisions did most of the work. Each came from a specific research finding, and each has a specific thing it was trying to move.

Decision 01

The home screen is a switchboard, not a feed

Users arrive with an intent, not a browsing mood. So the first screen is five clear doors sized by how often people actually need them, with the free option labelled free.

  • Greeting by name plus city, because availability is local
  • Video consultation gets the widest card, the highest margin and lowest friction service
  • Specialists, medicines, hospitals and articles stack below in one scroll
  • Persistent bottom bar so search is never more than one tap away
MovedHome to service selection drop off cut sharply
Healthwire home screen
Home, service switchboard
Create account, step one
Create account, step one of two
Decision 02

Sign up the Airbnb way, one question per screen

The old flow put a wall of fields in front of a person who was already anxious. I rebuilt it as a progressive sequence: two screens, a visible two segment progress bar, and a single job per screen. No password at all. A phone number and an OTP, because that is the identity Pakistani users actually carry.

  • Screen one asks only for a name and a mobile number, nothing else
  • The copy explains why: we will use this to contact you regarding booking confirmations
  • Progress bar makes the end visible, so the effort feels bounded
  • Account creation moved to the point of booking, after the value is obvious
  • Gender, age and city collected on screen two, where they help match a doctor
MovedRemoved the single largest drop off in the funnel
Decision 03

Doctor profiles built for reassurance, not credentials

A CV does not build trust with someone who cannot evaluate it. The profile leads with what a Pakistani patient actually uses to decide: satisfaction rate, how many people have been seen, the fee stated plainly, the next available slot, and which hospital they sit in.

  • Satisfaction rate and review count above the fold
  • Fee shown before booking, so there is no surprise at the clinic
  • Next available slot rendered as a tappable time, not a calendar to configure
  • Hospital affiliation with a real photograph of the building
MovedProfile to booking tap through up materially
Doctor detail screen
Doctor detail
Hospital detail screen
Hospital detail
Decision 04

Hospitals as a browsable entity

Research kept surfacing the same behaviour: people trust institutions before individuals. A well known hospital name means something. An unfamiliar doctor's name does not, yet. So hospitals became a first class object with distance, available doctor count, photography and a direct route into that hospital's specialists.

  • Distance from the user shown on every card, because travel is a real constraint
  • Available doctor count sets the expectation before the tap
  • Photography of the actual building rather than stock illustration
MovedOpened a second discovery path for users who freeze at "which doctor?"
Decision 05

Pharmacy and labs as destinations, not add ons

A consultation usually ends in a prescription or a test. Burying those in a menu meant losing the user at the exact moment the platform was most useful. Both became full storefronts, with discounts stated in the card, home sampling made explicit, and re order surfaced for medicines people buy monthly.

  • Regularly bought medicines on the home screen, because chronic condition refills are the repeat behaviour
  • Home sampling and in lab booking presented as an explicit choice
  • Discount stated as a number rather than a badge, since price sensitivity is the buying trigger
MovedMedicine orders became a second revenue line, not a footnote
Pharmacy landing
Pharmacy
Lab tests landing
Lab tests
Appointments
Appointments
Medical records
Medical records
Decision 06

One account, many patients

The original model assumed the account holder was the patient. Interviews said otherwise. One phone books for the whole household. Appointments and records were rebuilt around who the appointment is for, so a son booking for his mother does not have to lie to the form.

  • Appointments grouped by month, each carrying its own state: upcoming, awaiting confirmation, completed or cancelled
  • Visit count on every card, so a returning patient is recognisable at a glance
  • Medical records held separately from account identity, filtered by prescriptions and lab reports
  • Reschedule and cancel available without contacting support
MovedCut a whole category of support tickets and no shows
Chapter 07

Live design file

The handoff file itself. Pick a section on the left and the frame jumps to that page. Pan and zoom work inside the frame.

Preview loading If this stays empty, set the file's link sharing to "Anyone with the link, can view" in Figma.
Chapter 08

The design system

Four surfaces shipping in parallel with one designer only works if the system does the repeating. I built tokens, a component library and usage documentation so engineers could assemble screens I had not drawn yet, which is exactly what happened as the platform expanded.

The palette is deliberately calm. Healthcare content is stressful enough, so colour separates services and marks state rather than decorating. Each service got a pastel identity so users could recognise the pink card as Find Doctor before reading a word.

Brand blue#255FB8
Primary navy#163E73
Surface blue#DCE8FA
Find doctor#FAEEF0
Pharmacy#EBFAF8
Base paper#F6F9FD
Hello HamzaDisplay / 32 / Bold
Book Video ConsultationHeading / 22 / Semibold
Find doctors and book appointmentBody strong / 16 / Medium
280 Doctors availableCaption / 14 / Regular
Healthwire design system applied across the app
Chapter 09

Four surfaces, one product

The patient app is the visible half. The half that made the business work is everything behind it, because an appointment is not real until the clinic can see it.

01

Mobile app

iOS and Android. Discovery, booking, video consultation, pharmacy, labs and records. The primary surface, since most Pakistani users are mobile only.

02

Web platform

healthwire.pk, the SEO and discovery front door. Someone searching a symptom on Google lands here, and the booking flow has to survive on desktop too.

03

HCloud, clinic SaaS

hcloud.pk. Scheduling, patient records, prescriptions and billing for the clinic side. This is what stopped bookings being rekeyed into a paper diary.

04

B2B and internal

Onboarding tools for hospitals and labs, plus internal ops dashboards for the team managing supply and support.

Chapter 10

Results

The number that mattered internally was conversion: how many people who opened the app ended up with a confirmed appointment. Removing the account wall and rebuilding discovery around symptoms moved it 30%.

+30%
Increase in appointment conversion after the discovery and sign up rebuild
2 to 1
Screens between a decided user and a confirmed booking
4
Surfaces shipping in parallel from one design system, one designer
$33M
Series A funding secured, with design as part of the investor story

The funding round is the line that goes on a CV, but it is not the achievement. The achievement is that a platform built for a market with low digital health literacy got people to complete a medical booking on a phone, unassisted, and then come back for medicine.

Chapter 11

What I would do differently

01

Interview the clinic before the patient

The front desk finding reframed the entire product, and it arrived late. The people who operate a service often understand its failure better than the people who consume it.

02

Design Urdu first rather than translating later

Layouts sized around English broke when real Urdu content landed. Language should have been a constraint from the first wireframe, not a localisation ticket.

03

Build the design system before the fourth surface

The system saved the project, but it was built under pressure. Starting it a quarter earlier would have cost less and shipped more.

04

Instrument the empty and error states properly

"No doctors available in your area" is a design problem with revenue attached, and we were guessing at how often it fired for far too long.

More case studies

Pick where to go next