MyCareCompass · LifeLabs UX Case Study

One place for results,bookings & care.

Viewing results, booking a test, and managing a visit each lived somewhere different. MyCareCompass pulled the scattered pieces into a single, calm home.

Role

Product Designer

Platform

Patient web portal

Deliverable

Interactive prototype

Scroll

02 The brief

Pull a scattered experience into one place.

There was no single home to view results, book appointments, and manage visits. Each task lived somewhere else. The job was to unify them into one calm journey.

Who

Patients tracking their own care, and the family members they book for, mostly on a phone.

What

View results, book a test, and manage appointments without leaving the page.

Feeling

In control. One place that holds the whole picture, not three.

03 My role

Designed end-to-end.

I helped design the user experience on MyCareCompass as a consultant. LifeLabs came to us as a client for the Health Connect product, so we reused some of its out-of-the-box assets, like Appointment Connect for booking, and built fresh workflows tailored to what they needed.

Owned

Research, IA, interaction & visual design

Role

UX design consultant via Deloitte

Reused

Health Connect's Appointment Connect module

↗ Health Connect is the product these workflows build on. To learn more, visit the Health Connect project. View project

04 The process

Kept deliberately small.

Act I · Discovery

Step 01

Mapped the scattered flow

Tracked how viewing results, booking a test, and managing a visit each lived on a separate screen.

Act I · Discovery

Step 02

Found the through-line

One portal, three jobs. Patients wanted them gathered into a single, calm place.

Act II · Design

Step 03

Put results first

A health-first home: the newest report on top, with status read at a glance, not a table to decode.

Act II · Design

Step 04

Folded booking in

Reused the Health Connect booking module so a test is booked and managed without ever leaving the page.

Act III · System

Step 05

Built a small system

A few colours, type roles, and components, enough to carry results, booking, and management together.

Act III · System

Step 06

Made it clickable

Assembled the screens into the working prototype you can try below.

Drag or scroll the timeline

05 Who we designed for

Three people, one place.

Every decision was checked against the people who'd actually use it: a time-strapped professional, a careful retiree, and a family's busy organiser. Pick a name to meet them.

Mireille Okonkwo

42 · Toronto

Tech comfortHigh

Books forHerself

Lab visits~4 / year

"I work long hours. I just want one place that tells me my bloodwork is done, and everything's okay."

Goals

See if her bloodwork is done, in one place
Confirm everything's normal at a glance
Book and reschedule around a packed week

Frustrations

Too busy to keep track of appointments and schedules
Results and bookings scattered across different places

Behaviour

Mobile-first

Primary device

Late evenings

Books when

App alerts

Preferred channel

What matters most

Speed

Clarity

Reassurance

Harold Whitfield

71 · Hamilton

Tech comfortLow

Books forSelf & spouse

Lab visits~9 / year

"Between my appointments and Edith's, I just need to see them all in one list."

Goals

Book and reschedule without phoning the lab
Manage his and his wife's visits together
Large, legible text and clear next steps

Frustrations

Loses track of which visit is whose
Worries he'll book the wrong location

Behaviour

Desktop

Primary device

Weekday AM

Books when

Large text

Reads with

What matters most

Simplicity

Legibility

Guidance

Priya Sharma

35 · Mississauga

Tech comfortHigh

Books for4 family members

Lab visits~12 / year

"I'm booking for the kids and my dad. Let me do it all from one account."

Goals

Book tests for several family members
Pick the closest location on a map, fast
Add each visit to her shared calendar

Frustrations

Re-entering health card numbers each time
Juggling separate logins per person

Behaviour

Mobile

Primary device

School hours

Books when

4 profiles

Linked accounts

What matters most

Multi-profile

Speed

Calendar sync

06 The design system

Clinical, but human.

A small, disciplined system: six colours, six type roles, and a handful of components that carry the whole product. Everything below is live HTML, not a screenshot.

Colour 6 tokens

--mcc-navy

Navy

#1B3A6B

Nav, table headers, display ink

--mcc-blue

Blue

#3A5DA8

Buttons, links, active states

--mcc-light

Light

#EBF0FA

Section & surface backgrounds

--mcc-gold

Gold

#F5A623

Warnings, out-of-range flags

--ink

Ink

#1A1A2E

Body text

--muted

Muted

#6B7080

Secondary text, captions

Typography Open Sans · Source Serif · Space Mono

DisplayOpen Sans 800 · 56px

Are my results okay?

H1Open Sans 700 · 36px

Section titles

H2Open Sans 600 · 24px

Card headers

BodySource Serif 400 · 16/1.6

The quick reference range tells a patient where their value falls, before any number does.

LabelSpace Mono 400 · 12px

13-MAR-2026 · MICROBIOLOGY · FINAL

CaptionSource Serif Italic · 14px

Reference ranges shown for guidance only.

Components live HTML

Result card · within range

TSH

Thyroid Stimulating Hormone

Within Range

2.4mIU/L

0.4reference 0.4–4.04.0

Result card · out of range

Glucose

Fasting · Plasma

Above Range

6.2mmol/L

3.9reference 3.9–5.65.6

Report row

13-Mar-2026

LifeLabs

Microbiology

Final

Shared · 0

→

Appointment card

Mar

Lab Visit · 9:30 AM

LifeLabs · 215 Spadina Ave, Toronto

Status pills

Within Range Above Range Below Range Final

Buttons

Navigation bar

MyCareCompass

Dashboard Reports Analytics Appointments

07 The prototype

Working prototype.

Click around inside the devices to see how it works.

Desktop · on.mycarecompass.ca

Mobile

08 The impact

Outcomes at national scale.

The redesign smoothed every step of booking and results, on a platform millions of Canadians rely on every year.

What the redesign changed

Reduced booking friction

Fewer steps from "I need a test" to a confirmed time and place.

Increased appointment completion rate

More booked visits actually happen, with reminders and easy rescheduling.

Increased digital self-service adoption

Patients view results and manage visits themselves, end to end.

Reduced support dependency

Fewer calls to the contact centre for routine bookings and results.

Improved accessibility and patient confidence

Clearer results, larger touch targets, and plain-language status build trust at every step.

Product reach

9M+

Canadians

Using the digital patient portal.

20M+

Patient visits / year

Across the LifeLabs network annually.

100M+

Lab tests / year

Processed annually, nationwide.

National

Infrastructure

Healthcare network across multiple provinces.

Product-reach figures from LifeLabs (2024–2025). The booking flow builds on Health Connect's Appointment Connect module. More in the Health Connect project.

09 What I learned

Trust is a design decision.

Lead with the answer.

Patients come for one thing: “am I okay?” Putting the result first changed the whole tone.

Context beats data.

A number means little without its range. Showing both is what makes a result readable.

One place beats three.

Folding results, booking, and management into a single home removed the hand-offs that made care feel scattered.

Health data should feel like clarity.Not a second opinion.

MyCareCompass · UX Case Study

Next case study

OCADU Library

Rethinking how students search, reserve, and borrow across OCAD University's library.

View project →