← BACK TO HOME

Re-designing for Better Access to HealthCare

Healthcare and technology should work together, but often we end up with cluttered, confusing, and difficult to navigate software.

Software should help, not hinder.

how do we solve this?

TIMELINE:

Jan 2022 - May 2022

ROLE:

Experience Designer

AFFILIATED WITH:

The Yellow Monk

EST. TIME TO READ:

10 mins

Context:

Drome is a healthcare software that connects patients to nearby doctors.

for patients:

  • Book appointments with specialists.
  • Track personal and family-related healthcare info.

for doctors:

  • Record and review patient information.
  • Schedule and manage appointments.
screenshot of drome's website
Drome's Website.

what was the problem?

1. Confusing Navigation:
Problems in finding information.
2. Incomplete Information:
Uncertainty in proceeding further in the process.
3. Cluttered UI, non-adherence to standards:
Increased errors, poor user experience.

Process:

1. user research, persona creation.

Due to the short turnaround time, we relied on secondary research and knowledge gained from stakeholder interviews to understand the needs of our end users.

user persona of patient
Patient Persona: Akriti Sinha.
user persona of doctor
Doctor Persona: Nakul Sharma.

2. heuristic analysis.

We ran a heuristic analysis against ten key benchmarks, digging deep into how the site actually feels to use. Along the way, we spotted patterns — missing cues, clunky flows, and moments where users were left without a clear next step.

what did we find?

1. Where am I?
No breadcrumbs, no cues. Users had to remember how they got somewhere. Not ideal.
2. Oops, now what?
No way to undo actions or cancel appointments. Plus, confusing icons and no guidance = stuck users.
3. Why is this so confusing?
Simple tasks like updating a doctor's availability were incredibly complex — it wasn't clear what to click or what would happen.

3. information architecture.

Our heuristic review made it clear: the problem wasn't just how things looked — it was how they were organized. To fix it, we focused on building a lighter, faster, more intuitive information architecture.

we rebuilt it around three core ideas:

1. How information is grouped:
— by context, use, and relevance.
2. How information is shown:
— clear, consistent, and easy to scan.
3. How users move through it:
— smoother flows, fewer dead ends.
Old Information Architecture. (expand for full view)
New Proposed Information Architecture. (expand for full view)

4. wireframing.

We kicked things off with Crazy 8's — rapid sketches, quick pitches, and picking the best ideas from each round. This fast, messy process helped us land on a strong foundation for the final designs. We also ran three informal user tests early on, which gave us quick feedback, caught issues before they grew bigger, and saved us a ton of rework later.

Outcome:

1. doctor: managing daily appointments -

before:
Old Way to Manage Appointments
↑ Old Way to Manage Appointments
after:
↑ New Way to Manage Appointments

1. Calendar format which makes it easy to view upcoming appointments. 2. Edit appointments and send rescheduled requests to the patient. 3. Can switch between Day, Week, and Month view. 4. Only essential information is displayed, icon actions are more intuitive.

2. doctor: updating availability -

before:
Old Way to Update Availability
↑ Old Way to Update Availability
after:
↑ New Way to Update Availability

1. Toggle between days of the week you are available or not, add multiple time slots during the day. 2. Add block out days - for days when you are not available for a stretch. 3. Make sure you are in the correct timezone - important for online consulting.

3. patient: finding doctors, scheduling appointments -

before:
Old Appointment Scheduler
↑ Old Appointment Scheduler
after:
↑ New Appointment Scheduler

1. Background information about doctors - experience, specialization, charges, etc. 2. Ability to filter accordign to factors like - gender, location, verification, charges, etc. 3. Review, edit, confirm at every step of the process. 4. Error prevention - can cancel an appointment.

4. patient: navigation bar -

before:
Old Navigation Bar
↑ Old Navigation Bar

1. Cleaner UI, better UX Copy and intuitive use of icons. 2. Combined repetitive actions, restructured and re-organized. 3. Two views - default and compact.

after:
New Navigation Bar
↑ New Navigation Bar

5. patient: access to medical records -

before:
Old Way to Access Medical Records
↑ Old Way to Access Medical Records
after:
↑ New Way to Access Medical Records

1. Vertical form -- familiar, less cognitive load. 2. Easily switch between records of different family members. 3. Find/sort records from certain periods, can download, share, edit, check status of the record.

Learnings:

01.
We had to learn how to sell our ideas, teach the team the difference between visual design & UX.
02.
Building a design system early saved us (and future teams) a lot of headaches.
03.
Real-world work = staying scrappy and making the best of what you've got.
04.
With tight timelines, we missed some research and testing — but we moved fast and made it work.
← BACK NEXT →