Skip to content
FoAr MediaFoAr Media
WorkWork with us
← All work

Website + back office

Dentalgen — a scroll-story clinic website with a front-desk back office

A dental clinic site where a 3D set of teeth breaks down as you scroll — then a booking flow, doctor listings and a back office the front desk runs every day.

ClientDentalgen
Year2026
CategoryWebsite + back office
What we didWebsite design · Scroll animation · 3D art · Back office
Try the live demo Build one like this
Dentalgen — a scroll-story clinic website with a front-desk back office

The brief

Dental clinic websites all look the same: a stock smile, a list of treatments and a phone number. Dentalgen wanted patients to understand why check-ups matter, and to book without calling.

It also had to be a product we can set up for more than one dentist — each with their own doctors, treatments, hours and booking slots.

What we built

The homepage is a scroll story. A healthy set of teeth floats in, and as you scroll each chapter — plaque, decay, sensitivity, gum disease, cracks, abscess, oral cancer — damages a few teeth until the mouth is empty. Then it comes back, and asks you to book.

Below the story: a booking form that lets patients pick a dentist, a date, a time slot and what's bothering them; doctor cards with qualifications and registration; treatment cards; short guides for each problem; and a quick-question box.

The back office is built for the front desk. "Today" shows who's in the chair and what needs confirming. Appointments move from new request to confirmed, completed, cancelled or no-show, with a one-tap WhatsApp confirmation. Staff can add phone and walk-in bookings, answer patient questions, and edit doctors, treatments, clinic hours, contact details and booking slots — the website updates straight away.

  • Scroll-driven 3D teeth story in plain JavaScript — no heavy framework
  • Booking form saves straight to the back office, with a consent step
  • One-tap WhatsApp confirmation with the date, slot and dentist filled in
  • Doctors, treatments, hours and slots editable without a developer
  • Front-desk dashboard: today's chair, next 7 days, show-up rate, top concerns
  • Works on phones — site and back office

Inside the build

Hero — healthy teeth before the story starts
Chapter 04: gingivitis — teeth and gums change as you scroll
The turn — from an empty mouth back to a healthy smile
Booking: dentist, date, slot and concerns
Guides for each of the eight problems in the story
Mobile hero with a sticky call / WhatsApp / book bar
Mobile story with a live teeth counter
Today — the front desk at a glance
Appointments with status filters, search and CSV export
Confirm, reschedule or reassign — plus a one-tap WhatsApp message
Patient questions from the website
Doctors shown on the site and in the booking form
Clinic details, hours and booking slots
The back office on a phone
Built withHTML, CSS & JavaScriptNode.jsExpressSQLite

Your turn

Want a website and back office like this?

Tell us about your business. We reply within 2 working days.

Start a project
Next projectKaapi Kudil — a heritage café website that turns from day to evening →
FoAr Media · Faceless stories, made in India
All workContact
© 2026 FoAr Media