← Усі роботи

MedTech / Стоматологія · Клієнтський продукт

LUMEN Dental

Приватній стоматології у Львові треба було пояснити, що вона насправді робить — імпланти, реставрації, етапи лікування, — без стокових усмішок. Сайт відкривається рендером зуба, проводить через імплантацію у 3D в реальному часі на скролі й записує на візит. За ним працює CRM, яку ми зробили для клініки: заявки, пацієнти, записи й переписка в Telegram — в одному місці.

Перший екран
Rendered film · 8 s loop
Сцена реставрації
Real-time 3D · 4 animated parts
Пристрої
Desktop · iOS · Android
Мови
UA · EN
За сайтом
CRM · Telegram booking
Рік
2026
Формати
Інтерактивна демонстрація продукту · Скрол-історія продукту

Проблема

Імплантація — це чотири частини всередині щелепи. Фотографія показує усмішку; схема — розріз, який ніхто не читає. Попередня презентація клініки була прайсом і формою: сама робота, за яку пацієнт платить, лишалася невидимою.

Ідея

Зробити реставрацію головним героєм. Перший екран — один відрендерений зуб, освітлений як продукт, а не як пацієнт. Нижче — 3D-сцена щелепи в реальному часі, керована скролом: імплант входить, абатмент сідає, коронка закривається — кожен крок з одним реченням. Решта сайту — спокійна структура під цим центром.

Досвід

  • Пройти скролом імплантацію: фікстура, абатмент, коронка — по порядку, з підписом на кожному етапі
  • Побачити ту саму сцену на телефоні у зниженій якості замість статичної картинки
  • Перемикати UA / EN, не втрачаючи сторінку
  • Записатися на консультацію з будь-якого екрана; запит потрапляє у власну CRM клініки і в Telegram

Результат

Робочий сайт клініки з 3D-історією реставрації в центрі та двомовним інтерфейсом, і система за ним: CRM для заявок, пацієнтів і записів, Telegram-бот, де пацієнти записуються й переносять візит, сповіщення для команди і клінічна частина — зубна карта, плани лікування, нотатки візитів, файли пацієнтів. Фільм на нашому першому екрані — це герой цього продукту.

Відео

Технологія

  • Next.js App Router, інтерфейс рендериться на сервері
  • Сцена на React Three Fiber, GLB-моделі зі стисненням Draco
  • Камера на скролі з ключовими кадрами для кожного етапу
  • Зникнення через alpha-hash, а не блендинг, щоб вкладені частини ніколи не сортувалися неправильно
  • CRM на PostgreSQL і Telegram-бот за публічним сайтом
LUMEN Dental на телефоні
На телефоні

Наступний крок

Розкажіть про задачу.

Опишіть, що не працює або що потрібно, — кількома реченнями чи посиланням. Ви отримаєте чесну відповідь, чи можемо допомогти, і оцінку.