Meridian Dental

A concept website and booking flow for a dental group. Point to what hurts, see a real time at a nearby clinic, and hold it without a phone call.

ConceptFictional project. No real client, and nothing here is a measured result.

Sector: Healthcare
Service: Website development
Year: 2026

Concept design: Meridian Dental

Open today until 7 pm

A dentist you won’t put off.

Show us where it hurts. We’ll match the right visit, tell you the price, and hold a real time at a clinic near you.

Book a visitSee prices

The price, before you book
Quiet rooms for nervous patients
Evenings and Saturdays

Where does it hurt?

Tap a tooth

Upper left premolarSharp with cold drinksStep 2 of 3

Problem visit 30 minutes, X-ray included$85

Mon9Tue10Wed11Thu12Fri13Sat14

8:4011:152:304:205:506:30

Harbour Row clinicChange

Hold Tue 4:20 pm

Or say what it feels like

Sharp with coldDull acheChippedJust a check-up

// A time is held the moment it is picked, so nobody loses it on the last step.export async function holdSlot(slot: Slot, visit: VisitRequest) {  const hold = await db.holds.create({    slotId: slot.id,    clinicId: slot.clinicId,    reason: visit.reason,    expiresAt: minutesFromNow(10),  });   await practice.reserve(slot.id, { until: hold.expiresAt });   return { hold, price: priceFor(visit.reason, slot.clinicId) };}// A time is held the moment it is picked, so nobody loses it on the last step.export async function holdSlot(slot: Slot, visit: VisitRequest) {  const hold = await db.holds.create({    slotId: slot.id,    clinicId: slot.clinicId,    reason: visit.reason,    expiresAt: minutesFromNow(10),  });   await practice.reserve(slot.id, { until: hold.expiresAt });   return { hold, price: priceFor(visit.reason, slot.clinicId) };}// A time is held the moment it is picked, so nobody loses it on the last step.export async function holdSlot(slot: Slot, visit: VisitRequest) {  const hold = await db.holds.create({    slotId: slot.id,    clinicId: slot.clinicId,    reason: visit.reason,    expiresAt: minutesFromNow(10),  });   await practice.reserve(slot.id, { until: hold.expiresAt });   return { hold, price: priceFor(visit.reason, slot.clinicId) };}// A time is held the moment it is picked, so nobody loses it on the last step.export async function holdSlot(slot: Slot, visit: VisitRequest) {  const hold = await db.holds.create({    slotId: slot.id,    clinicId: slot.clinicId,    reason: visit.reason,    expiresAt: minutesFromNow(10),  });   await practice.reserve(slot.id, { until: hold.expiresAt });   return { hold, price: priceFor(visit.reason, slot.clinicId) };}

// A time is held the moment it is picked, so nobody loses it on the last step.export async function holdSlot(slot: Slot, visit: VisitRequest) {  const hold = await db.holds.create({    slotId: slot.id,    clinicId: slot.clinicId,    reason: visit.reason,    expiresAt: minutesFromNow(10),  });   await practice.reserve(slot.id, { until: hold.expiresAt });   return { hold, price: priceFor(visit.reason, slot.clinicId) };}// A time is held the moment it is picked, so nobody loses it on the last step.export async function holdSlot(slot: Slot, visit: VisitRequest) {  const hold = await db.holds.create({    slotId: slot.id,    clinicId: slot.clinicId,    reason: visit.reason,    expiresAt: minutesFromNow(10),  });   await practice.reserve(slot.id, { until: hold.expiresAt });   return { hold, price: priceFor(visit.reason, slot.clinicId) };}// A time is held the moment it is picked, so nobody loses it on the last step.export async function holdSlot(slot: Slot, visit: VisitRequest) {  const hold = await db.holds.create({    slotId: slot.id,    clinicId: slot.clinicId,    reason: visit.reason,    expiresAt: minutesFromNow(10),  });   await practice.reserve(slot.id, { until: hold.expiresAt });   return { hold, price: priceFor(visit.reason, slot.clinicId) };}// A time is held the moment it is picked, so nobody loses it on the last step.export async function holdSlot(slot: Slot, visit: VisitRequest) {  const hold = await db.holds.create({    slotId: slot.id,    clinicId: slot.clinicId,    reason: visit.reason,    expiresAt: minutesFromNow(10),  });   await practice.reserve(slot.id, { until: hold.expiresAt });   return { hold, price: priceFor(visit.reason, slot.clinicId) };}

In this concept

Online booking
Clinic pages
Practice system sync
Accessible forms

Meridian Dental is a concept project. There is no real client behind it, and the clinics, times, and prices in the design are placeholders. We made it to show how we would approach a website for a multi-clinic dental group. Everything below describes design goals, not measured results.

The problem

People put off the dentist. Some of that is nerves, and some of it is the website. A typical group site asks a worried person to work out which treatment they need, which clinic has a free chair, and what it will cost, then sends them to a phone line that closes at five.

The group’s side is no better. Each clinic has its own page, its own opening hours, and its own price list, all out of date in different ways. Reception spends the morning answering questions the site should have answered.

The approach

We would start at the front desk. Listen to the calls for a few days, write down what people actually ask, and build the site around those questions rather than around the org chart.

Three decisions would shape the rest of the work:

Start with the problem, not the treatment. Nobody searches for a treatment code. They know a tooth hurts when they drink something cold. So the booking flow starts with a drawing of the mouth, and the visit type follows from what they point to.
Show real times, or say nothing. The site reads open slots from the practice system. A time on the page is a time you can have, and it is held the moment you pick it.
Calm is a feature. Warm colours rather than clinical white, prices before commitment, and a plain way to say you are nervous. Quiet rooms and sedation are options in the flow, not a footnote.

What we would build

A fast marketing site with pages for each treatment and clinic, built from one set of content so hours and prices are never out of step.
A booking flow in three steps: what is wrong, when and where, and your details. No account needed.
A sync with the practice management system that reads open slots and writes confirmed visits straight into the diary.
Clear prices for common visits, shown before anyone commits.
Reminders by text and email, with one tap to move a visit.
Forms that work with a keyboard and a screen reader, because the tooth chart has a plain list behind it.

Goals, not results

The goals we would design against: a new patient books without a phone call, sees the price before they commit, and reception stops answering questions the site can answer.

Key screens

Home

The tooth chart is the front door. Tap where it hurts and the booking card beside it updates with the right visit, the price, and the next open times.

Booking

A week strip, the open times, and the nearest clinic in one view. Picking a time holds it for ten minutes while you finish.

Clinic

One page per location with today’s hours, parking and access notes, who is on, and the next free time, read live from the diary.