Bridge — home UADiscuss a project
eLife

Patient Portal

A patient’s personal account: doctor booking, test results, prescriptions and referrals — on the web and on the phone.

Web + mobilePersonal accountHealthcare
CLIENT
eLife
PLATFORMS
Web and mobile
OUR ROLE
UX/UI design, prototype
FORMAT
Personal account
Personal account and doctor booking in the Patient Portal
CHALLENGE

Bring everything about a patient’s health into one account

Design a personal account where patients book doctors, see their next visit, test results, prescriptions and referrals — and can book for their family.

  • Online doctor booking
  • Next visit and ticket
  • Test results
  • Prescriptions and referrals with a QR code
  • Booking for family members
  • Immunizations and vaccination calendar
WHAT WE DID

From patients’ key tasks to the account

01TasksWhat patients do most often and look for first
02StructureA dashboard home and a medical documents menu
03PrototypeBooking, test and prescription flows for web and phone
04UI designResponsive layouts and UI kit
SOLUTION

An account that answers the main question right away

Home screen — Patient Portal
01 · Home

Next visit, doctor and test results on one screen

The dashboard shows when your next visit is, who your doctor is and which test results are ready. A prescription or referral can be shown at a pharmacy or clinic as a QR code.

  • Visit countdown and ticket
  • Book your own doctor
  • Prescriptions and referrals with QR
Appointments screen — Patient Portal
02 · Appointments

Book for yourself and your family

Patients choose who to book — themselves, a child or a parent. The system warns right away if the doctor doesn’t see that age group.

  • Family members in the account
  • Hints about restrictions
  • Add a person in a minute
Test results screen — Patient Portal
03 · Test results

Test results appear automatically

As soon as the lab confirms a result, it appears in the account. Out-of-range values are visible right in the list — no need to open each test.

  • “Out of range” label
  • Search and date filter
  • Share with your doctor
Prescriptions screen — Patient Portal
04 · Prescriptions

A prescription is a code you show at the pharmacy

Active prescriptions show how many days they remain valid. The “Show code” button opens the prescription number and redemption code for the pharmacist.

  • Prescription validity
  • Code for the pharmacy
  • Archive of redeemed prescriptions
NEXT CASEMy Life: app and web portal
Have a similar challenge?Fill in the brief