MedTech / Dental · Client product
LUMEN Dental
A private dental clinic in Lviv needed to explain what it actually does — implants, restorations, the stages of treatment — without stock smiles. The site opens on a rendered tooth, walks through an implant restoration in real-time 3D on scroll, and books the visit. Behind it runs the CRM we built for the clinic: requests, patients, appointments and Telegram conversations in one place.
Client productMedTech / Dental
LUMEN Dental
A clinic site that explains implant treatment in 3D, and the CRM with Telegram booking that runs the clinic behind it.
- First screen
- Rendered film · 8 s loop
- Restoration scene
- Real-time 3D · 4 animated parts
- Devices
- Desktop · iOS · Android
- Languages
- UA · EN
- Behind the site
- CRM · Telegram booking
- Year
- 2026
- Formats
- Interactive Product Demo · Scroll Product Story
Problem
An implant restoration is four parts inside the jaw. A photograph shows a smile; a diagram shows a cross-section nobody reads. The clinic's earlier presentation was a price list and a form — the work itself, the part a patient is actually paying for, was invisible.
Idea
Make the restoration the subject. The first screen is a single rendered tooth, lit like a product, not a patient. Below it, a real-time 3D scene of the jaw is driven by scroll: the implant enters, the abutment seats, the crown closes — each step with one sentence. The rest of the site is a calm structure under that centrepiece.
Experience
- Scroll through an implant restoration: fixture, abutment, crown — in order, with a caption per stage
- See the same scene on a phone at reduced quality instead of a static image
- Switch UA / EN without losing the page
- Book a consultation from any screen; the request lands in the clinic's own CRM and Telegram
Result
A running clinic site with a 3D restoration story at its centre and a bilingual interface, plus the system behind it: a CRM for leads, patients and appointments, a Telegram bot where patients book and reschedule, notifications for the team, and a clinical layer — dental chart, treatment plans, visit notes, patient files. The film on our first screen is this product's hero.
Video
Screens
Technology
- Next.js App Router, interface rendered on the server
- React Three Fiber scene, GLB models with Draco compression
- Scroll-driven camera path with per-stage keyframes
- Fade by alpha-hash, not blending, so nested parts never sort wrongly
- PostgreSQL CRM and Telegram bot behind the public site
