Start a project Start
Case studiesCase template · My Health
My HealthHealthcare · Digital product
Dermatology referral: your turn, book the visit, nothing is waiting on anyone else
Ready for the patient to book
Home sleep study: with Dr. Chen's office, day 1 of the usual 2
Waiting on the doctor’s office
Allergy testing referral: slower than usual at the doctor's office, waiting 4 business days, usually 2
A sample request to follow up

Services

  • Product design
  • UX/UI design
  • Frontend development

Tools

  • Jobs to be done
  • User stories
  • Customer journey mapping
  • Market research
  • Competitor analysis
  • User flows
  • Information architecture

Technology stack

  • React
  • React design system
  • TypeScript
  • Vite
  • MapLibre GL
  • CSS variables
  • Playwright

My Health

A healthcare app concept that helps a patient follow a request as it passes between a doctor’s office, an insurance plan and a clinic. My Health brings the current step, the responsible organization and the available next action into view, alongside a connected experience for the doctor.

Why this experience

Sending a request does not tell the patient what happens next. A referral may need an office review, plan approval and a booking, each handled somewhere different. We focused on making that progress understandable and giving the patient a practical way to follow up.

Our product decisions

We organized the experience around the request and its stages. Instead of one broad pending status, the patient can see who has the request, what comes next and whether there is something for them to do.

We brought follow-up into the request itself, with the relevant contact and reference details close to the action. Prescriptions and visit summaries keep their own views because collecting medicine and revisiting a care plan are different tasks from following an approval.

Our contribution

We shaped the patient and doctor experiences around the same care request: who has it, what is waiting and what the next action should be. We designed the request stages, follow-up actions, medication views and patient context, then built the frontend so supported decisions on the doctor’s side are reflected in the patient’s experience.

Processes: referrals and approvals grouped by person, each with its steps
All processes
Referrals: two need a push, one is your turn, with the reason on each card
Referrals

See the requests that need a next step.

The overview brings referrals, approvals and tests together by person. Each request keeps its own stages and status, so the patient can check several ongoing items without opening every one.

The referral list then distinguishes requests ready for the patient, requests still progressing and requests marked for follow-up. The sample dates and turnaround times illustrate these states; they do not establish a universal deadline.

Sample MRI request showing the insurance plan as the current owner and an imaging center as the next stage; timings are illustrative
Current owner and next stage

Know which organization has the request.

A referral can cross several organizations before the patient can book. We made the handoff visible within one request, keeping the completed step, current owner and next destination in sequence.

The MRI example is with the insurance plan before moving to the imaging center. That context helps the patient identify where to ask for an update, instead of starting again with each organization.

Sample physical therapy request marked overdue, with the current insurance review stage and illustrative dates
A sample request marked for follow-up
Follow-up options in a prepared sample: contact the plan, ask the office to follow up, ask about a review or make a complaint
Contact and request details ready

Keep the contact details beside the action.

When a request needs follow-up, the patient should not have to collect its identifiers from several places. The action sheet brings the plan contact, member and request details, and suggested wording together.

The prepared scenario also shows ways to involve the doctor’s office or ask about a review. These are examples of making follow-up easier to prepare, without claiming that the app can accelerate an approval.

Vitamin D2 prescription: pharmacy stages, ready for pickup
At the pharmacy
Vitamin D2 prescription: how to take it, supply and refills
Recorded instructions and refills

Give prescriptions the detail their task needs.

A prescription has a different next step from a referral. Its page shows the pharmacy stage and pickup information, then keeps the recorded instructions, supply, remaining refills and cost in the same place.

We kept this view separate so a patient looking for a pickup update or refill information can go directly to the medicine, without working through the referral tracker.

My Health patient visit summary
Visit summary

Make the visit useful after the conversation ends.

A visit summary keeps the recorded findings and plan available after the appointment. It gives the patient a place to return to when recalling what was discussed and what comes next, alongside the requests and prescriptions created during care.

A request both sides can follow.

The result connects the patient’s view of progress with the doctor’s decisions and follow-up work. Explore both interfaces and the supported shared flows with fictional care data. Organizations are not connected, and the displayed timings and assistant content are illustrative.

Other cases

EN