InterLAB
InterLABdigital studio
Меню
ГлавнаяПортфолиоУслугиНовости2Контакты
О компании
WhatsAppTelegram
Войти
InterLABdigital studio
Меню
ГлавнаяПортфолиоУслугиНовости2Контакты
О компании
WhatsAppTelegram
Войти
InterLAB
Войти
Кейс · флагман · 3D и интерактив

Lumen Dental Клиника, в которую не страшно.

Флагманский кейс: страница цифровой стоматологии, собранная по порядку вопросов в голове пациента, а не по вкусу дизайнера. Лента кабинетов вместо обещаний, честная глава про боль, процедурный 3D-зуб, который разбирается лучом по слоям прямо в браузере, и прайс, развёрнутый в маршрут лечения. Дизайн, код и 3D — InterLAB. Клиника вымышленная, это витрина подхода.

Открыть живое демо ↗наведите на облако — точки сгущаются

point-cloud · кейс

interlab-demos.vercel.app/v4/dental
Открыть живое демо ↗

это не скриншот — в рамке настоящий сайт · наведите, чтобы выпрямить

Problem → Solution

боль ниши

Премиум-стоматологию продают на словах

Виниры и импланты — дорогие услуги на чистом доверии, но сайты клиник это доверие не создают: стоковые улыбки, «уточняйте у администратора» вместо цен и ноль объяснений, что будет происходить во рту. Два главных вопроса — «куда я вообще приду» и «будет ли больно» — не закрывает почти никто. В итоге выбирают по цене за чистку.

решение

Отвечать в том порядке, в каком спрашивают

Главы идут не по вкусу, а по вопросам пациента. Сначала лента кабинетов: интерьер влияет на ощущение «дорого и чисто» сильнее любых эпитетов. Потом честно про боль — вплоть до того, что поднятая рука останавливает врача. Дальше луч разбирает зуб, и видно, что под винир снимают полмиллиметра, а не половину. И только затем цены — маршрутом, где первый шаг стоит 0 ₸.

Design System

Палитра, пара шрифтов, стек. Одна ниша — одна система.

Клиника, в которую не страшно

Белый бывает двух видов, и медицинский бело-голубой — это и есть та самая поликлиника, от которой уходим. Здесь тёплая бумага, графит вместо чёрного и два намеренно неголубых акцента: петроль отвечает за свет и данные, терракота — за цены и запись. Дисплей плотный, 600: на крупном кегле он держит страницу.

дисплей · Unbounded 600текст · Manropeданные · JetBrains Mono
  • --bg#f7f5f1тёплая бумага
  • --surface#ffffffбелая карточка
  • --ink#16191cграфит вместо чёрного
  • --accent#0c6b75петроль: свет и данные
  • --accent-2#b8623cтерракота: цены и запись

стек

Next.js 16Tailwind 4Three.js / R3FGLSLMotionUnboundedJetBrains Mono
UX-решения / 6

Почему сделано именно так

Главы идут в порядке вопросов пациента

01

Не «о нас — услуги — цены — контакты», а так, как человек выбирает клинику на самом деле: куда я приду → чем лечат → будет ли больно → что именно ставят → сколько это стоит → верят ли вам → как доехать. Порядок здесь и есть главное решение: он же определил, какие главы вообще появились.

структура от пользователя

Лента кабинетов вместо обещаний

02

Интерьер влияет на ощущение «дорого и чисто» сильнее любых эпитетов, но обычно его прячут в мелкую сетку, где кадры превращаются в иконки. Здесь лента во всю высоту, которая тянется мышью и пальцем: смотришь на один кабинет за раз, как будто идёшь по коридору и заглядываешь в двери.

drag-галерея

Честная глава про боль

03

Самый частый невысказанный вопрос, и его не закрывает почти никто — вместо ответа пишут «лечение без боли!». Здесь пять пунктов по шагам: компьютерный шприц, седация, первый визит можно без лечения, что будет болеть после. И право поднять руку — врач останавливается и ждёт, сколько нужно.

работа со страхом

Луч вместо шторки «до / после»

04

Стандартная шторка с жёлтыми и белыми зубами выглядит как дешёвая реклама. Здесь работает название клиники: луч идёт по зубу снизу вверх, оставляя за собой облако точек — так выглядит настоящий внутриротовой скан, — а дальше прокрутка снимает слой эмали 0.5 мм и ставит на его место керамику 0.34 мм.

scroll → WebGL

Зуб считается формулой, а не грузится файлом

05

Из одной параметрической поверхности получаются три согласованных объекта: сам зуб, снимаемый слой эмали и керамика. Любая ручная модель разъехалась бы на стыке — здесь винир по построению лежит в своём гнезде, поэтому «край прилегания» можно показывать крупным планом.

процедурная геометрия

Прайс развёрнут в маршрут

06

«Пульпит двухканальный» ничего не говорит человеку. Вместо прайса — выбор цели: «хочу эстетику», «нет зуба», «привести в порядок». Интерфейс перестраивается в маршрут с этапами, сроком и ценой каждого шага, где первый стоит 0 ₸ — именно он снимает барьер перед записью.

интерактивный роудмап

Честно

«Lumen Dental» — вымышленная клиника: флагман-демо шоурума InterLAB, цены, врачи и адрес — иллюстрация формата. Такой же сайт под вашу реальную клинику собирается с вашими услугами, врачами, фото и номером WhatsApp.

отвечаем в течение рабочего часа

Хотите такой же — под вашу клинику?

Покажем черновик на нашем поддомене до любых оплат. Лента ваших кабинетов, разбор услуги в 3D, конструктор лечения и приём снимков в WhatsApp — как в демо, но с вашими врачами, ценами и настоящими фото клиники.

  • Оценка объёма и рисков до старта
  • NDA — по вашему или нашему шаблону
  • Старт работ за 3–5 дней
Написать в WhatsAppTelegram

Нажимая кнопку, вы соглашаетесь с обработкой персональных данных.

InterLABdigital studio

web apps · services · software

ПортфолиоУслугиО компанииКонтакты

© 2026 InterLAB · Конфиденциальность