Coquitlam Centre Dental Hub · v3
3 redesigns · 1 practice · Coquitlam BC

Three ways to present
the same clinic.

Same content. Same dentists. Same 4.5-star Google rating. Three totally different design philosophies. Pick the one that matches the practice you want to be in five years — not the one your old site made you look like.

3variantsdistinct directions
27assetsreal clinical photos
4.5★ Googlerating preserved
12languagesspoken onsite
2026visual canon · built tonight
§03 · VARIANTS

Pick the personality first. Every variant uses your real logo and real brand colours.

All three are deployed and live right now. No fake screenshots — click into each and use the page like a real patient would.

★ Editor's pick
coquitlam-dental.pages.dev
EDS · CC · 03 ↗ calm
Discover exceptional care, quietly.
Service

Gentle hygiene, in a quiet room.

Adult clean$165
V1 · CALM EDITORIAL

Considered, human, two-colour.

Aesop and Augustinus Bader sensibility. Newsreader serif in italic, champagne hairlines, soft cream surface. Speaks to the patient who has visited five clinics already — and wants the sixth to feel different.

Considered, kind, exact.
Newsreader italic · 30px
Live demo ↗ View source
Most popular
coquitlam-dental.pages.dev
Book now
V2 · BENTO OPERATOR

Dense, instant, bento-grid.

Stripe meets Linear meets Notion. 12-column bento with live clinic status pill, real-time booking counter, treatments A–Z rail. For the patient who wants to see the whole menu at a glance and book in three taps.

Practice-grade dentistry.
Space Grotesk · 30px
Live demo ↗ View source
Bold
coquitlam-dental.pages.dev
EDITION 01 · COQUITLAM · 2026

The mouth
remembers everything.

A scroll-story built around the moment before the chair reclines.
V3 · CINEMATIC MAGAZINE

Dark, scroll-bound, cinematic.

Vogue Arabia meets Apple Vision Pro. Full-bleed photos, 3D card depth, scroll-bound parallax, modal service details. For the practice that wants to be remembered as the one with the vision — and a logo to match.

The mouth remembers everything.
Instrument Serif italic · 30px
Live demo ↗ View source
§04 · SIDE-BY-SIDE

Same content. Different signals.

The decision matrix. Every axis a stakeholder cares about.

V1 · CALM EDITORIAL V2 · BENTO OPERATOR V3 · CINEMATIC MAGAZINE
Personality Editorial · Considered Operator · Dense Cinematic · Bold
Reference Brand Aesop · Wallpaper* · Locomotive Stripe · Linear · Notion Vogue Arabia · Apple Vision Pro
Patient First Impression "This place has been here forever and they care." "Show me the menu. I want it on my phone in 90 seconds." "I've never seen anything like this — forward them my friends."
Primary Channel Fit Referral · Returning patients Search · Direct booking · Insurer directories Social · Word-of-mouth · PR
Display Font Newsreader italic Space Grotesk Instrument Serif italic
Body Font Inter Inter Inter
Tone of Voice Quiet, second-person, hand-set Direct, declarative, scannable Atmospheric, declarative, scroll-narrative
Hero H1 Sample Discover exceptional care, quietly. Practice-grade dentistry, in your neighbourhood. The mouth remembers everything.
Container Max-Width 1280px 1360px 1440px (full-bleed sections break out)
Section Padding clamp(80px,12vw,140px) clamp(64px,8vw,120px) 100vh per chapter
Service Grid Editorial 2-col with hover lift 3×2 bento tiles + A–Z rail Horizontal sticky scroll-snap tarot cards
Theme Cream editorial White clinical Dark cinematic
Modal/Detail Pattern In-page accordion Side rail drawer Native <dialog> with backdrop blur
Scroll Behaviour Smooth scroll, IntersectionObserver fade Smooth scroll, magnetic nav Scroll-bound parallax + ken-burns + 3D rotateY
File Size (KB) ~50 KB ~72 KB ~53 KB
Risk May read as "boutique" if you serve 100+ patients/day May feel like SaaS — less emotional warmth Dark mode can hurt SEO/Google snippet perception
Best Deployment Canonical · coquitlamcentredental.com Landing · /book · campaign A/B Brand presence · social launches
§05 · RECOMMENDATION

Don't pick one. A/B/C rotate.

Coquitlam has three identifiable patient segments. Each variant is purpose-built for one. Running all three captures more of the market than picking one and losing the other two.

★ CANONICAL · coquitlamcentredental.com

V1 · Calm Editorial

The two-colour two-pages-in feel that converts the patient who is already convinced. Lowers bounce, raises time-on-page, captures the family-dentistry referral segment. This is what your reception should look like when a nervous first-time visitor walks in. The cream surface and italic H1 will read as "considered" to the 35-65 patient who has tried every other clinic.

PRIMARY SEGMENT · 35-65 · REFERRAL · RETURNING
★ CAMPAIGN · /book · paid social

V2 · Bento Operator

The 12-col bento grid that converts paid-traffic landing pages. Best at A/B testing — every tile is a measurable unit. Use V2 as your second-visit destination after V1 builds trust. The live clinic status pill + booked-23-of-30 progress bar drive urgent action from 22-40 search-driven bookers.

SECONDARY · 22-40 · SEARCH · FIRST-TIME
★ SOCIAL · PR · launches

V3 · Cinematic Magazine

The scroll-bound dark editorial that wins link shares. Use V3 as your presence site for /magazine, /about, /culture — the pages that don't need to convert but need to be remembered. Vogue Arabia energy, scroll-bound parallax, modal service details with backdrop blur. Sends the right patient to the right page.

TERTIARY · 25-45 · SOCIAL · WORD-OF-MOUTH

The shortest path to a confident pick is to read the brief.

Full editorial comparison, regression-checked against the live site, with sections on market research, A/B/C rotation strategy, and what changes if you only ship one.

Read the brief ↗ Compare to live site ↗