--:-- ISTBased in India · working with clients worldwide

Case study

Physiotherapy clinic — Booking-first website

Concept project

Northline Physio

Goal: fewer calls, more online bookings

People don’t browse a physio’s website. They’re in pain and they want an appointment. So the appointment is the website.

Brief
Self-initiated concept
Sector
Physiotherapy clinic, one location
Scope
Home, booking flow, condition pages
Role
Design and build, solo
Year
2026
Homepage. The booking panel is the hero, opened on the next free slot.Concept project — fictional clinic

Photography

The clinic, shown honestly

Anxious patients want to see where they’re going before they book. So the site shows the actual treatment rooms and equipment — clean, bright and calm — instead of stock photos of smiling models.

A bright physiotherapy treatment room with a padded green treatment table, exercise ball and window light
Treatment room — height-adjustable table, natural light.
Physiotherapy equipment on a mint mat: dumbbells, a foam roller, resistance bands and a kettlebell
Rehab kit — the same equipment you’ll use at home.
Close view of the treatment table and towels
Fresh linen for every appointment.

The brief

The brief

Northline is a made-up two-room physiotherapy clinic: three physios, early and late appointments, a lot of desk workers with bad backs. The brief I set myself: get someone from “ow” to a booked appointment in under a minute, and make them feel safe doing it.

The problem

The problem

Clinic sites make you read about the clinic before they let you book the clinic.

The usual layout: a stock photo of a smiling receptionist, a welcome paragraph, a services grid, and a “Book now” button that opens a third-party calendar in a new tab. Every step is a chance to give up and phone someone else.

My approach

Three moves

  1. The booking panel is the hero.

    First screen: what hurts, which day, which time. It opens on the next free slot, so most people can book in three taps.

  2. Trust, said plainly.

    Who’ll treat you, their qualifications, what happens in the first 45 minutes, and what it costs. Up front, in plain words. No stock photos of spines.

  3. Calm by design.

    Soft greens, lots of white, one typeface, nothing that blinks. People arrive anxious; the page shouldn’t add to it.

Design decisions

Style tile

One family, generous sizes, soft corners, and a single green that means “go”. No red anywhere — problems are explained in words, in amber, never shouted.

Type1 family

Manrope — 400 / 600 / 700 18px body, never smaller. Line height 1.6. Scale 56 · 36 · 24 · 18

Plenty of patients are over fifty, and some are reading through pain. Big, plain type is a kindness, not a style choice.

Colour4 tokens

Pine#2F5D50 · Go, confirmed
Mint#DDEBE2 · Selected
White#FFFFFF · Ground
Slate#16302A · Text

Layout12 col · home

Nav — Book is always visible Headline + what to expect Booking panel — the hero Your physios Conditions Prices

Components4 of 12

Book Tue 13 · 09:30 →
08:0009:3013:30
MJMeera JoshiMPT (Orthopaedics) · backs, necks, desks
That time just went. The next one is 11:00 — want it?

Desktop + mobile

The booking flow

Three steps on every screen size: what hurts, when, who you are. On desktop the appointment summary stays visible the whole way, so nobody wonders what they’ve agreed to.

Northline Physio — Book · Step 2 of 3
+northline Need help? Call +91 98765 43210
✓What hurts — Back & neck 2When 3Your details
When suits you?
Times are for a 45-minute first assessment.
Mon
12
2 left
Tue
13
5 left
Wed
14
Full
Thu
15
4 left
Fri
16
3 left
Sat
17
1 left
Morning08:0009:30 ✓11:00
Afternoon13:3015:00
Evening17:3018:1519:00
Prefer to talk first? Book a free 10-minute phone call instead.
Your appointment
WhatFirst assessment · 45 minForBack & neckWhenTue 13 Oct · 09:30Cost₹1,200, pay at the clinic
MJMeera JoshiMPT (Orthopaedics)
Continue → Free to reschedule up to 24 hours before.
Booking, step 2 on desktop. The summary on the right updates as you choose.
+northlineClose
Step 1 of 3
What’s bothering you? Pick the closest. You can explain more later.
Back or neck
Shoulder
Knee or hip
Sports injury
Not sure — help me choose
Next: pick a time
Step 1 — One question per screen

On a phone

Big targets. No tiny calendar.

  1. What hurts — five plain choices and a “not sure”.
  2. When — the first free slot is already picked.
  3. Your details — name, phone, nothing else.
You’re booked.
Tue 13 Oct · 09:30 First assessment · 45 min with Meera Joshi Northline Physio, 12 Northline Lane, Indiranagar, Bengaluru
Wear something you can move in. Bring any scans or reports you have.
Add to calendar
Reschedule
We’ll text you the day before.
Step 3 — Confirmed, with what to bring

What it’s meant to do

The goals

  • Let most visitors book in three taps from the homepage. A target, not a measurement.
  • Answer “what happens at my first visit?” before anyone has to phone.
  • Pass WCAG AA contrast on every screen, with an 18px body minimum.
  • Cut no-shows with a reminder the day before and a one-tap reschedule.

No results numbers here, because nobody has booked at Northline. It’s a concept. When a real client’s site goes live, this section gets real results — or an honest note about why not.

Designer’s note

The booking panel opens on the next free slot. Most calls to a clinic ask one thing — when can you see me? — so the homepage answers it before anyone reaches for the phone.

— Fredrick Dishant