- Work
- WordPress + Elementor
- Arbor Dental & Aesthetics
Arbor Dental & Aesthetics
A concept WordPress site for a premium clinic losing bookings to phone-only scheduling: a treatment finder, three-step online booking and before/after results shown with consent.
Hero image · 2400×1350hero.webp(01)The challenge
The clinic was excellent. Getting an appointment wasn't.
Phone-only booking meant new patients rang during working hours, waited on hold, or gave up and booked somewhere with a button. Treatment pages explained procedures but not which one you needed.
(02)What we discovered
People don't search for treatments. They search for a result.
"Whiter teeth" or "fix a chipped tooth" comes first; "composite bonding" comes later. Booking should start from the problem, then end in a confirmed time without a phone call.
(03)The approach
A treatment finder
Start with the concern, teeth or skin, health or appearance, and see the treatments that fit, with length and visits up front.
Booking in three steps
Treatment, practitioner and time, your details. A live summary shows exactly what you're booking at every step.
Results with consent
Before/after photos sit behind a clear consent note and a tap to view, next to the practitioner who did the work.
(05)Key screens
Desktop and phone.
Designed screens for the concept, desktop and phone.
Home · desktop 1600×1000home-desktop.webp
mobile 780×1688home-mobile.webp01Home
Booking is the headline: a treatment search, common concerns as chips, and the next free consultation on the hero image.
Treatment finder · desktop 1600×1000finder-desktop.webp
mobile 780×1688finder-mobile.webp02Treatment finder
Filter by concern and goal; each treatment shows its length and number of visits before you click.
Three-step booking · desktop 1600×1000booking-desktop.webp
mobile 780×1688booking-mobile.webp03Three-step booking
Practitioner, day and time on one screen, with a summary that updates as you choose.
Results & practitioner · desktop 1600×1000results-desktop.webp
mobile 780×1688results-mobile.webp04Results & practitioner
Before/after photos behind a consent note and a tap to view, beside the practitioner's profile.
(04)Design system
The look, in parts.
Calm and clinical without the cold blue. Coral appears only where you can book.
- Linen
#FAF8F4Background - Spruce
#12332EText & summary panels - Coral
#E3684EThe only accent: booking actions - Mint
#DCEBE3Chips & consent notes - Sage
#B9CDBFIllustration & grounds
Book in three steps.
Aa Bb Cc 0123456789Next free consultation: tomorrow, 9:30 am
Aa Bb Cc 0123456789(07)What we built
A WordPress and Elementor concept where every page ends in a confirmed appointment, not a phone number.
Treatment finder
Concern-first filtering that leads to the right treatment page and its booking button.
Three-step booking
Treatment, practitioner and time, details, with a live summary and online changes up to 24 hours before.
Local SEO structure
A page per treatment and practitioner, clinic schema and a clear location page, built to be found nearby.
Features
- Treatment finder
- Three-step booking
- Live booking summary
- Practitioner profiles
- Before/after with consent
- Free consultation slots
- Local SEO pages
- Clinic schema
Stack
- WordPress
- Elementor
- Booking plugin integration
- Local business schema
Scope
- UX & UI design
- Booking journey
- Key screen design
- SEO page structure
(09)Designer's note
Clinic sites often sell reassurance and then hand the visitor a phone number. Arbor treats booking as the reassurance: when you can see the time, the practitioner and the cost before you commit, the decision feels safe.
(10)Credits
- Concept & design
- HuesLoom Studio
Want a site that works this hard?
Tell us about your store or site. We reply within one business day, honestly, even if the answer is "you don't need us yet".