Skip to content
Tvorum.
Concept

Dent Atelier — website concept for a dental clinic

A business website for a premium clinic in Kyiv built around the idea of a “dental atelier”: quiet luxury, booking above the fold and a calculator that answers the main question — “how much will this cost?”

Demo UI in Ukrainian — we build in any language.

Dent Atelier — homepage screenshot

This is a concept, not a client project. The brand, people and data are fictional; the code is real. It was built for the Ukrainian market, so the demo interface is in Ukrainian. Order a site, and with your permission it becomes our next real case study.

Industry
Dental clinic
Site type
Business website
Year
2026
Format
Studio concept

The task

What the site had to do

Patients choosing a premium dental clinic don’t shop on price — they shop on trust. They compare three to five clinics, worry about pain and surprise charges, and want to know which doctor they’ll actually see. A typical clinic website answers with stock photos, a price list without context and a “leave your phone number” form.

The site had to serve three business goals:

  • bookings without a phone call — the patient picks the service, doctor, day and an open slot; the front desk only confirms;
  • pre-selling high-ticket treatments — implants and veneers are expensive, so patients should see how the price is built before the consultation;
  • easing fears — pain, opaque pricing, “they’ll want to redo everything at once”. Every section answers one of these objections.

The solution

Design and UX decisions

The idea — an atelier. A clinic where smiles are made to measure. Hence the tailoring metaphors: a fitting before treatment, a measuring tape as the scroll indicator, guarantees shaped like garment tags, “blueprints” of the equipment. The arch is the core motif: it echoes the dental arch and frames the photos of the office, the doctors and the before/after zone.

Palette and type. Milk, sage, deep forest green and warm wood — calm instead of sterile white. Cormorant Garamond gives the headings editorial elegance; Manrope keeps numbers and forms crisp.

Booking in the hero. A service → doctor → date → time → contact widget with smart hints: doctors are filtered by service, Sundays and booked slots are unavailable, and name, phone and consent are validated before sending. Every price-list row and doctor card opens the booking with fields already filled in. On mobile the form becomes a bottom sheet, and a sticky booking button is always within thumb reach.

Implant calculator — an interactive SVG tooth chart (FDI notation): the patient marks specific teeth, picks the implant system, crown and extra procedures, and sees a cost breakdown plus a monthly installment. For an almost full arch, the site suggests All-on-4.

Trust without make-believe: instead of reviews — a pain-free treatment protocol, guarantees with terms, a smile “fitting” before treatment, and doctors quoted in their own words.

Screens

On desktop and on a phone

Dent Atelier — full homepage
The full homepage — scroll inside the frame.
Dent Atelier — mobile version
Mobile version

Features

What’s on the site

  • 4-step online booking with an availability calendar, validation and a summary
  • Implant calculator: pick teeth on an SVG chart, implant type, crown and options
  • Installment plan and cost breakdown updated in real time
  • Before/after slider with drag and keyboard control
  • Price list by category with a booking button on every service
  • Doctor profiles (illustrative portraits) with booking to the chosen specialist
  • Animated technology blueprints: 3D scanner, microscope, CT, in-house lab
  • Pain-free treatment protocol, tag-style guarantees and FAQ
  • Stylized SVG directions map and a callback form
  • Responsive from 390 px: booking bottom sheet, burger menu, sticky button

Stack

  • HTML5
  • CSS Grid/Flex
  • Vanilla JS
  • Multi-step booking with validation
  • Implant calculator on an SVG tooth chart
  • Before/after slider (pointer events + keyboard)
  • Animated SVG blueprints
  • IntersectionObserver animations
  • CMS-ready

Concepts are hand-built static sites. For clients we pick the stack by the job: Next.js, WordPress, Shopify or WooCommerce, with a CMS your team can use.

Palette

  • #F3EEE5
  • #8E9C80
  • #27312A
  • #A9744C
  • #E8DFD0
For your businessNeed a business website like this?Business website: prices and process

More concepts

Other projects

All concepts

$0 · 24 hours

Want one like this — for your business?

Tell us about your business. Within 24 hours we’ll send a prototype of your homepage — inspired by Dent Atelier or something entirely different.

  • Free homepage prototype within 24 hours
  • Fixed price and deadline in the contract
  • 5% off for every day we’re late
  • Code in your GitHub from day one
  • 30% off for our first 10 clients

Prefer email? tvorum172@gmail.com

Preferred way to talk

No spam, no sales sequences. We use your details only to reply — see our privacy policy.