Усі проєкти

Інтерактивний 3D · Медицина

Lumen Dental 3D

Сайт стоматології навколо кінематографічного 3D, двомовного інтерфейсу та запису, який одразу потрапляє до клініки.

Статус
Працює
Year
2026
Головний екран Lumen Dental з рендером зуба та великим українським заголовком

Контекст

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

Підхід

Сторінка відкривається одним відрендереним обʼєктом, а не фотографією людей. Великий контрастний шрифт з засічками на майже чорному тлі робить композицію радше редакційною, ніж рекламною. Усе інше — напрями, лікарі, технології, результати — вибудувано нижче спокійною структурою, яку легко переглядати.

Дизайн-рішення

  • Майже чорна сцена, щоб рендер тримав увесь перший екран
  • Контрастний шрифт з засічками для заголовків проти стриманого інтерфейсного гротеску
  • Українська як основна мова, англійська — з шапки
  • Багато повітря, без декоративних градієнтів і плаваючих карток

Інженерія

  • Next.js App Router, інтерфейс рендериться на сервері
  • 3D і рух завантажуються так, щоб не блокувати перший показ
  • Запис потрапляє до клініки через Telegram, а не в поштову скриньку, яку ніхто не читає
  • За публічним сайтом — CRM, де обробляють те, що приходить із запису

Ключові взаємодії

  • 3D-обʼєкт тримає перший екран і реагує на скрол
  • Перемикання UA / EN без втрати поточної сторінки
  • Запис і Telegram доступні з шапки на будь-якому екрані
  • Макет перебудовується під телефон, а не просто зменшується

Технології

  • Next.js
  • TypeScript
  • React Three Fiber
  • PostgreSQL
  • Telegram Bot API
  • Render
Lumen Dental на телефоні

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

Маєте проєкт на думці?

Зробімо щось справді вартісне.

Обговорити проєкт