DX4 Studio

mCare: EHR redesign for urgent care, fewer clicks, more time with patients

A cloud health-record system for urgent-care centres. We redesigned how doctors review a patient and write up a visit.

Sector
Healthcare
Platform
Web app
Our role
Research, IA, UX/UI
mCare visit summary: patient details, conditions and allergies, past visits, vitals with a blood-pressure chart, current medications and lab reports

The brief

A health record built for urgent care

mCare runs patient intake, charting, billing and reporting for urgent-care centres.

It also checks insurance in real time, sends e-prescriptions and handles lab and radiology orders. Our job was the doctor’s side: make it faster and calmer to use.

The problem

Too many clicks, too little patient

  • A single visit was spread across too many screens and tabs.
  • Writing notes by hand took up to 40% of a doctor’s day.
  • Time on the keyboard meant less time with the patient, and more burnout.

Our goal: one calm flow that cuts data entry, so doctors can focus on the person in front of them.

How we worked

Five stages, checked with clinicians

  1. Discover

    Stakeholder interviews, user pain points, journey maps and a competitor review.

  2. Define

    Pain points, goals, user flows and information architecture.

  3. Brainstorm

    Concepts, each checked with clinical experts and stakeholders.

  4. Design

    Sketches, wireframes, then the interface.

  5. Deploy

    Usability testing, then another round of changes.

Research

One consultation, start to finish

We interviewed the client and clinical experts, then watched doctors at work.

Every frustration went onto one journey map, in five stages from patient check-in to follow-up. Each stage lists what the doctor does, the systems behind it, what goes wrong and where design can help.

Journey map across five stages: check-in, preparation, consultation, documentation and follow-up, with actions, systems, challenges and opportunities for each
Journey map. Open it full size

Competitors

Where the big EHRs fall short

All four bury key details or make doctors switch screens.

None of them captures what the patient says during the visit. That gap became mCare’s biggest opportunity.

How four EHR systems compare
FeatureEpicCerner (Oracle Health)athenahealtheClinicalWorks
Data organisationLots of data, spread across many tabsKey data is there, cluttered with secondary detailSimple, but little depthBasic, with little visualisation
Clinical efficiencyHard to find critical details quicklyNo real-time updates, unclear layoutFrequent screen switchingNo comparison over time
Captures what the patient saysNoneNoneNoneNone
Patient inputEntered by hand after the visitDriven by the provider, little automationPortal updates don’t flow inStatic, needs staff review
AI and automationNoneBasic rule-based automationNoneNone
Effect on the doctorHeavy mental loadTiring context switchingEasy for basic tasksDisconnected flow
Main pain pointScattered information, slowData overload, weak hierarchyLittle context in viewLittle context in view

Structure

Appointment to signed note

The doctor opens the visit summary, starts the consultation and lets the workspace draft the note.

Then they review it, sign, send the summary and set a follow-up if needed.

User flow: login, dashboard, appointment, visit summary, consultation, AI-assisted workspace, notes, review, sign, send summary, then close the visit or set a follow-up
User flow: from login to a closed visit.
Information architecture: dashboard, appointments and visit summary, process note sections, and follow-up
Information architecture: four areas, from dashboard to follow-up.

Wireframes

Two layouts, one winner

Version 1 stacked everything, so the eye jumped between zones.

Version 2 puts the patient, vitals and medications in a Z pattern a doctor can scan mid-consultation, and shows one visit at a time.

Two versions of the visit summary with review notes. Version 2 groups patient details, vitals and medications so they read in a Z pattern

Final design

Three screens that change the visit

Visit summary screen

Visit summary

History, vitals and medications at a glance.

Everything a doctor needs before they walk in, on one screen. No switching between tabs.

Process note screen with a dictation field and a microphone button

Process note

Talk, don’t type.

The AI-assisted workspace listens to the consultation and drafts an editable note as it happens.

Process note with the conversation transcript and an AI patient input summary, with an Insert to notes button

Patient input summary

The patient’s own words, summarised.

AI sums up what the patient said. The doctor checks and edits it, then adds it to the note in one tap.

One flow, start to finish.

Before, a visit meant many clicks across separate screens. Now it’s one continuous flow.

AI-assisted notes and a single path between the visit summary and the process note take typing off the doctor’s plate.

Next case study

All UX case studies

Idea → launch

Got an idea in mind?

A new website, app or brand, or designers to join your team. Tell us what you need and we’ll reply within 24 hours on working days.

Start a project

Tell us what you need. You’ll hear back within one to two working days with next steps and a fixed-price proposal.