Skip to contentSkip to content
Expedition 02Sorrel RiverbankIntegrated Wellness Clinic ConceptHeron Reach, BC

The Morrow Clinic

Care that starts the way a morning should, and a website that lowers your pulse first.

39

Pages and routes

100

Accessibility on every measured page

2

Minutes to book, promised and kept

0

Outcome claims anywhere

morrow-clinic.vercel.app
The Morrow Clinic live site screenshot
Built for clinics, studios, and registered practitioners

The first visit is decided before the calendar ever opens.

01

Booking widgets assume trust that does not exist yet.

Jane and Cliniko are excellent at running a practice, but their widgets open a calendar at a stranger. The visitor is still deciding whether this place feels safe, and no amount of available time slots answers that question.

02

The real questions are buried.

Do you bill direct, do I need a referral, what does it cost, can I get in the door without stairs, what actually happens in the first ten minutes. When those answers live three clicks deep, the nervous visitor assumes the worst and books the clinic that says it up front.

03

Clinical websites feel clinical.

Walls of credentials and stock photos of smiling strangers raise a guard instead of lowering one. The person in pain at 2 a.m. is not evaluating your taxonomy; they are asking whether it is safe to be vulnerable here.

The approach

Built calm on purpose, down to the fog on the glass.

01

A register that lowers the pulse.

The whole site lives in morning light: warm paper, deep spruce, unhurried type, and pacing that never pushes. Calm is not a mood board here; it is the conversion strategy.

02

One honest gesture instead of a hundred claims.

The east glass fogs over every morning at 6:55. Wipe it and the treatment room appears; wait and it fogs back. So do shoulders. That is why follow-ups exist, and the site just proved it without promising anyone anything.

03

Answers where the decision happens.

Direct billing, no referral needed, hours from 7:00, step-free entry, real rates, and what a first visit looks like all sit on the first screen or one click away. The care pages are named for what the visitor feels, not what a chart would call it.

04

The boring layer done perfectly.

39 URLs of real server HTML, accessibility at 100 on every measured page, zero layout shift, a two-minute booking flow that keeps its promise, and copy that stays inside college advertising rules by design.

The story

The thinking behind the build

The Morrow Clinic is a fictional integrated wellness practice in Heron Reach, an invented river town in the BC Interior. Morrow is the old word for morning, and the whole build takes that seriously: people find a clinic in pain or in doubt, usually after a bad night, and the site's first job is to feel like 7:00 a.m. light through east glass instead of practice-management software wearing a brochure. Every design decision runs through one question: does this lower the visitor's pulse or raise it?

Clinic websites usually fail in one of two directions. Either they are a booking widget with a logo, which assumes the visitor has already decided to trust the practice, or they are a wall of clinical credentials that answers questions nobody was asking. The person actually arriving is in pain or in doubt, often after a bad night, and they are deciding something more vulnerable than a purchase: whether to let a stranger treat them. The Morrow Clinic was built for that person.

The concept is the morning. Morrow is the old word for it, the clinic opens at 7:00, and the whole site lives in that hour: warm paper light, unhurried pacing, type that never shouts. Heron Reach and the Sorrel River are invented, but the register is the real product. Where Smokefall down the range proves a site can run hot and cinematic, Morrow proves the same craft can run the other way, toward the calmest page a nervous person has ever landed on.

The signature is the east glass. Every morning at 6:55 the clinic's east window fogs over, and the site hands you the moment: wipe the glass with your finger or cursor and the treatment room appears through the clear streaks. Then it fogs back over, the way fog does. The caption makes the honest point: it fogs back, so do shoulders, and that is why follow-ups exist. One interaction, no health claims, and the most persuasive case for ongoing care the site could make.

The pacing is a design decision, not an accident. Before the booking flow starts, the site offers a small moment: take one breath. The flow itself says what it costs up front, two minutes, and keeps the promise: choose your care, pick a practitioner or let the clinic match you, pick a time. A phone number sits beside it the whole way for anyone who would rather talk to a person. Nothing on the path pushes, because pushing is exactly what a nervous first-timer is braced for.

The practical questions are answered where the decision happens. Direct billing with most insurers is on the first screen. No referral needed is spelled out. Rates get their own page with real numbers, billing gets another, and the visit page removes every small unknown that keeps people from booking: where to park, the step-free entry at 12 Alder Street, what to wear, what happens in the first ten minutes. The care pages are organized by what the visitor feels, low back pain, a cranky neck, sleep trouble, burnout, not by clinical taxonomy, because nobody searches for their diagnosis before they have one.

The people read as people. Six practitioners across four disciplines, each with a bio that leads with how they work instead of where they trained. The voice of the clinic is set by a line from Maren, the massage therapist: the first ten minutes of talking are treatment too. Under it all sits an eight-entry notes journal answering the searches people actually make at two in the morning: heat or ice, sleep positions, what direct billing actually covers, the long exhale.

The restraint extends to the claims. There is not an outcome promise anywhere on the 39 URLs: no pain-free guarantees, no recovery timelines, no before-and-after theatre. That is not just taste, it is the discipline BC's regulated colleges require of real practitioners' advertising, and building it into the concept means the pattern transfers to a real clinic without a compliance rewrite.

Underneath the calm, the numbers hold. Measured, not estimated: desktop Lighthouse 95 to 99 across the surfaces tested, largest contentful paint at 0.7 to 0.8 seconds, layout shift at zero everywhere, and accessibility at 100 on every single measured page, with keyboard, reduced-motion, and touch paths verified. A site promising calm cannot jank, and this one does not.

The town, the river, and the practitioners are invented; the craft is real. For a real clinic the same system gets wired to real rates, real insurers, real college-safe wording, and a clean handoff into Jane or Cliniko at the exact moment the visitor is ready, not a moment before.

Why it converts

What a nervous first-timer feels in the first three seconds.

Safe before it sells

The first screen answers the vulnerable questions, direct billing, no referral, step-free entry, before asking for anything. The visitor decides to trust at their own pace.

Calm that costs nothing

The morning register and the interactive moments never gate the content or slow the page: LCP under a second on desktop, zero layout shift, and a designed still for reduced motion.

Honest by construction

No outcome claims exist anywhere in the build, so nothing needs to be walked back for a regulated college. The site persuades with clarity and atmosphere instead of promises.

The system

Everything that shipped.

I built a full Next.js clinic platform in a calm morning register: four disciplines under one roof with honest scope-of-practice pages, eight care pages organized by what the visitor actually feels rather than clinical category, six practitioner bios that read like people instead of credentials, rates and direct billing answered outright on their own pages, a visit page that removes every small unknown, an eight-entry notes journal, and a booking flow that tells you up front it takes two minutes and invites you to take one breath before you start.

Highlights

  • A calm morning register held across all 39 URLs: warm paper surfaces, deep spruce type, and light that reads as 7:00 a.m. through east glass
  • The east glass: a fogged window you wipe with a finger or cursor to see inside, which slowly fogs back, making the honest case for follow-up care in one gesture
  • A 'Take one breath' moment offered before booking, and a booking flow that promises two minutes and keeps it
  • Eight care pages written around what the visitor feels: low back pain, neck and shoulder tension, headaches and jaw tension, sports injuries, post-surgical recovery, stress and burnout, sleep trouble, and pregnancy and postpartum
  • Direct billing, rates, no-referral-needed, hours from 7:00, and step-free entry all answered on the first screen or one click away
  • Six practitioner bios across four disciplines, written as people first: 'The first ten minutes of talking are treatment too'
  • A new-patients page that walks through exactly what a first visit looks like, down to what to wear
  • An eight-entry notes journal aimed at the searches people make at 2 a.m.: heat or ice, sleep positions for a cranky neck, what direct billing actually covers
  • Zero outcome claims anywhere: the copy stays inside college advertising rules by design, describing care honestly without promising results
  • A phone lane beside every booking path for the person who would rather talk to a human

Pages and surfaces

  • Home
  • Book a visit (two-minute flow)
  • New patients (what a first visit looks like)
  • Rates
  • Direct billing
  • Massage therapy
  • Physiotherapy
  • Counselling
  • Acupuncture
  • What we work with (care hub)
  • 8 care pages by concern
  • Team hub
  • 6 practitioner bios
  • Visit (parking, entry, what to wear)
  • FAQ
  • Gift cards
  • Notes (8 journal entries)
  • Privacy
Under the hood

Real code. Real routes. Production ready.

  • The east glass fog-wipe: an interactive fogged-window simulation that clears under the pointer and re-fogs over time, gated below the fold so it costs the initial load nothing
  • Measured Lighthouse: 95 to 99 desktop performance across tested surfaces, LCP 0.7 to 0.8 seconds, CLS zero everywhere, accessibility 100 on every measured page
  • 39 public sitemap URLs, all real server HTML, with an information architecture organized by patient concern rather than clinical taxonomy
  • A two-minute booking flow with a choose-your-care step, practitioner matching, and a phone lane kept beside it the whole way
  • College-advertising-safe copy system: zero outcome claims across the entire build, so the pattern transfers to regulated practitioners without a rewrite
  • Keyboard, reduced-motion, and touch paths verified across the interactive moments, with designed stills where motion is declined

Stack

Next.jsReactTypeScriptTailwind CSSVercel

Built honestly

The Morrow Clinic is a fictional concept, and the site never pretends otherwise. Heron Reach, the Sorrel River, and all six practitioners are invented; no real clinic's name, patients, or reviews appear anywhere, and no health outcomes are claimed or implied. It is a working pattern, not a fake practice. For a real clinic, the same system gets wired to your real rates, your real insurers, your college's advertising rules, and your booking platform.

Your practice is calm and competent. Your website should feel like it.

Morrow is the proof that a clinic site can lower a visitor's pulse and still answer every practical question before the calendar opens. No website yet? Start with a first build that says direct billing and no referral needed from day one. Already have one? The free check-up will show exactly where your current site is making nervous patients more nervous.

Builds like this start at $2,000, or Own It Monthly from $189/mo, yours outright at the end.

In this industry yourself? Read the wellness clinic website design playbook.