Skip to content
HealthcareWCAG 2.1 AAOnline bookingPlain language

Northgate Dental

Northgate's reception team was fielding around 190 calls a week, most of them asking the same four questions the website should have answered.

Client
Northgate Dental Group
Sector
Healthcare & Clinics
Year
2025
Build time
6 weeks
Location
Manchester, UK
Northgate Dental Group
dental website design case study
The numbers

0%

New bookings made online

Previously zero.

0%

Reception calls reduced

Time moved to recall calls.

AA

WCAG 2.1 conformance

Audited across all templates.

0.0:1

Minimum text contrast

Up from 2.9:1.

Where it started

Where they started

Northgate run three practices and had one website that served none of them properly. The accessibility audit we ran in week one found body text at 2.9:1 contrast, six unlabelled form fields, a cookie banner that couldn't be dismissed with a keyboard, and a treatment menu that trapped focus once opened.

For a healthcare provider that's a legal exposure as well as a usability failure. It's also self-defeating: a dental patient base skews older and includes people with low vision and motor impairments, which is precisely the audience the site was excluding.

The copy was written in clinical language. Their page for what patients call "a cracked tooth" was titled "Restorative Indirect Restorations" and ranked for nothing, because nobody searches that.

And there was no booking. A form promised a callback within two working days. Reception logged roughly 190 calls a week, and the practice manager estimated three quarters were hours, pricing, insurance coverage, or appointment requests.

What we did

What we built

Accessibility was the constraint we designed inside rather than a checklist at the end. Every colour pair was computed before it went in the palette, every interactive element got a keyboard and screen-reader pass, and forms use real labels with error messages that say what to do rather than what went wrong.

The content got rewritten in the words patients use, with the clinical term alongside for accuracy. "Cracked or chipped tooth" as the page title, "indirect restoration" in the body where it belongs. That single change is why those pages now rank — patient language and search language are the same language.

Booking connects to their practice management system, so patients see real slots per practice and per clinician instead of requesting a callback. Clinician profiles carry credentials, specialisms, languages spoken, and their own booking link, because patients pick a person.

One thing we documented before writing any code: what happens to a form submission that mentions a symptom. That's health information. Storage location, who can read it, retention period, and encryption all written down and signed off, with a BAA covering our part.

The work, in pieces

Everything that shipped

01

Accessibility as a design constraint

Contrast computed before entering the palette. Keyboard and screen-reader passes on every interactive element. Real labels, actionable error messages.

02

Patient language, clinical accuracy

Page titles in the words patients search, clinical terminology in the body. Better comprehension and better rankings from one change.

03

Real availability, not a callback promise

Integrated with their practice management system so patients see genuine slots per practice and per clinician.

04

Documented handling for health data

Storage, access, retention, and encryption written down and signed off before build, with a BAA covering our services.

Before and after

What changed on the page

Drag the handle. Same content, different hierarchy — that's usually where the conversion lift comes from.

BeforeAfter
Northgate Dental Group — the old layout against the rebuilt one.
Stack

What it's built on

Next.js 14
Static pages, server actions for the booking handoff.
Payload CMS
Self-hosted — data residency was a requirement.
Dentally API
Live availability and appointment creation.
Where it landed

What happened

About 62% of new-patient bookings come through the site now. Reception call volume dropped 34%, and the practice manager reallocated most of that time to recall calls, which are worth considerably more.

The accessibility audit came back clean at WCAG 2.1 AA across all templates. We're explicit that AA is a floor rather than a finish line — a few AAA criteria are met and several aren't, and we've listed which on their accessibility statement rather than implying more than is true.

Two agencies told us accessibility was a checkbox at the end. Quesiono treated it as the brief. Every colour was checked before it went into the palette. We passed our AA audit first time, which for a three-practice group with a patient base like ours matters more than how the homepage looks.
Dr Priya RaghavanClinical Director, Northgate Dental Group
Services on this project

What we were hired to do

More on how we work in this sector: Healthcare & Clinics.

Your turn

Got a project that looks like this one?

Tell us the goal and the constraints. You'll get a straight answer on scope, timeline and cost — usually inside one working day.

Rather write first?hello@quesiono.com— we reply within one business day.