Quarry Health

·

Clinic scheduling

Booking a clinic visit in under a minute

Booking a clinic visit in under a minute

Quarry’s patients booked by phone because the web flow had six steps. I designed a one-page booking flow and built it into their Angular app.

Quarry’s patients booked by phone because the web flow had six steps. I designed a one-page booking flow and built it into their Angular app.

Year

2023

Role

Product design and front-end build

Duration

14 weeks

Product

The one-page Quarry booking flow on a phone: available times first, in large buttons, with a short form below
The one-page Quarry booking flow on a phone: available times first, in large buttons, with a short form below
The one-page Quarry booking flow on a phone: available times first, in large buttons, with a short form below

01 · The brief

What they asked for

What they asked for

Our front desk spends half the morning on the phone booking appointments people could book themselves.

Constraints

  • Angular app on compliant hosting, no third-party scripts

  • Patients aged 20 to 85

  • Clinic staff change availability without a developer

Quarry Health’s old six-step booking flow on six phones: create an account, check your email, choose a clinic, choose a clinician, reason for visit, and only then choose a time. Median 4 minutes 10 seconds to book.
Quarry Health’s old six-step booking flow on six phones: create an account, check your email, choose a clinic, choose a clinician, reason for visit, and only then choose a time. Median 4 minutes 10 seconds to book.
Quarry Health’s old six-step booking flow on six phones: create an account, check your email, choose a clinic, choose a clinician, reason for visit, and only then choose a time. Median 4 minutes 10 seconds to book.
Four paper-prototype cards for the new booking flow: pick a time first (9:40 circled), then name and phone, a texted code, and ‘Booked, Tue 13, 9:40 am’.
Four paper-prototype cards for the new booking flow: pick a time first (9:40 circled), then name and phone, a texted code, and ‘Booked, Tue 13, 9:40 am’.
Four paper-prototype cards for the new booking flow: pick a time first (9:40 circled), then name and phone, a texted code, and ‘Booked, Tue 13, 9:40 am’.

02 · Design

What I decided, and why

01

Show times first, ask questions after.

Patients chose a slot in seconds, and the form felt shorter afterwards.

02

Big targets, plain words.

Testing with patients over 65 set the type size and button height for everyone.

03

One page, no account.

A text-message code replaced the password nobody remembered.

03 · Build

How it was built

How it was built

Stack

Angular, TypeScript, RxJS, Playwright

What the team kept

An admin view for staff schedules, accessibility test scripts, and docs for the in-house team.

The staff admin view on a desktop monitor, showing a week of clinic availability being edited
The staff admin view on a desktop monitor, showing a week of clinic availability being edited
The staff admin view on a desktop monitor, showing a week of clinic availability being edited

04 · Result

What changed

58 s

median time to book, down from 4 min 10 s

−44%

booking calls to the front desk, first quarter after launch

AA

WCAG 2.2 conformance, audited at launch

Visit the live site

Our phones stopped ringing at 8 a.m.

Dr. Ana Ruiz

Medical Director, Quarry Health

Our phones stopped ringing at 8 a.m.

Dr. Ana Ruiz

Medical Director, Quarry Health

Our phones stopped ringing at 8 a.m.

Dr. Ana Ruiz

Medical Director, Quarry Health

Next project

Onboarding that starts the first night

Tidewell

·

2026

Open project

Three phone screens from the new Tidewell onboarding on a dark blue background: a question about what would make tomorrow better, a bedtime picker set to 10:45 pm, and a slow-breathing wind-down player
Three phone screens from the new Tidewell onboarding on a dark blue background: a question about what would make tomorrow better, a bedtime picker set to 10:45 pm, and a slow-breathing wind-down player
Three phone screens from the new Tidewell onboarding on a dark blue background: a question about what would make tomorrow better, a bedtime picker set to 10:45 pm, and a slow-breathing wind-down player

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

hello@rhealind.com

Email me

Booking from March 2027

Replies within 1 business day

Pacific Time

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

hello@rhealind.com

Email me

Booking from March 2027

Replies within 1 business day

Pacific Time

Contact

Have a project with a date on it?

Tell me what you’re building and when it needs to ship. I’ll reply with whether I can help, and how.

A new email to hello@rhealind.com asking to talk about a project with a June launch, beside a March 2027 calendar whose first week is highlighted as 'Booking from', and a tag reading 'Replies within 1 business day'.

hello@rhealind.com

Email me

Booking from March 2027

Replies within 1 business day

Pacific Time

Remix FREE

Create a free website with Framer, the website builder loved by startups, designers and agencies.