Lumen Dental Клиника, в которую не страшно.
Флагманский кейс: страница цифровой стоматологии, собранная по порядку вопросов в голове пациента, а не по вкусу дизайнера. Лента кабинетов вместо обещаний, честная глава про боль, процедурный 3D-зуб, который разбирается лучом по слоям прямо в браузере, и прайс, развёрнутый в маршрут лечения. Дизайн, код и 3D — InterLAB. Клиника вымышленная, это витрина подхода.
point-cloud · кейс
это не скриншот — в рамке настоящий сайт · наведите, чтобы выпрямить
Сайт в движении
Что сделано — и зачем
Скриншоты живого демо, а не макеты.
Главы в порядке вопросов пациента
Не «о нас — услуги — цены», а так, как человек выбирает клинику: куда я приду → чем лечат → будет ли больно → что ставят → сколько стоит → как доехать.
Лента кабинетов вместо обещаний
Интерьер убеждает сильнее эпитетов, поэтому кабинеты идут лентой во всю высоту, которая тянется мышью и пальцем: один кабинет за раз, как будто идёшь по коридору.
Честная глава про боль
Вместо «лечение без боли!» — пункты по шагам: компьютерный шприц, седация, первый визит без лечения, что будет после. И право поднять руку — врач остановится.
Луч и срез винира в 3D
Луч идёт по зубу и оставляет облако точек, как настоящий внутриротовой скан. Дальше прокрутка снимает слой эмали 0.5 мм и ставит на его место керамику. Зуб считается формулой, поэтому винир точно ложится в своё гнездо.
Прайс развёрнут в маршрут
Вместо прайса — выбор цели: «эстетика», «нет зуба», «привести в порядок». Интерфейс показывает маршрут с этапами, сроком и ценой каждого шага; первый стоит 0 ₸ — он снимает барьер перед записью.
боль ниши
Премиум-стоматологию продают на словах
Виниры и импланты — дорогие услуги на чистом доверии, но сайты клиник это доверие не создают: стоковые улыбки, «уточняйте у администратора» вместо цен и ноль объяснений, что будет происходить во рту. Два главных вопроса — «куда я вообще приду» и «будет ли больно» — не закрывает почти никто. В итоге выбирают по цене за чистку.
решение
Отвечать в том порядке, в каком спрашивают
Главы идут не по вкусу, а по вопросам пациента. Сначала лента кабинетов: интерьер влияет на ощущение «дорого и чисто» сильнее любых эпитетов. Потом честно про боль — вплоть до того, что поднятая рука останавливает врача. Дальше луч разбирает зуб, и видно, что под винир снимают полмиллиметра, а не половину. И только затем цены — маршрутом, где первый шаг стоит 0 ₸.
Палитра, пара шрифтов, стек. Одна ниша — одна система.
Клиника, в которую не страшно
Белый бывает двух видов, и медицинский бело-голубой — это и есть та самая поликлиника, от которой уходим. Здесь тёплая бумага, графит вместо чёрного и два намеренно неголубых акцента: петроль отвечает за свет и данные, терракота — за цены и запись. Дисплей плотный, 600: на крупном кегле он держит страницу.
- --bg#f7f5f1тёплая бумага
- --surface#ffffffбелая карточка
- --ink#16191cграфит вместо чёрного
- --accent#0c6b75петроль: свет и данные
- --accent-2#b8623cтерракота: цены и запись
стек
Почему сделано именно так
Главы идут в порядке вопросов пациента
01Не «о нас — услуги — цены — контакты», а так, как человек выбирает клинику на самом деле: куда я приду → чем лечат → будет ли больно → что именно ставят → сколько это стоит → верят ли вам → как доехать. Порядок здесь и есть главное решение: он же определил, какие главы вообще появились.
структура от пользователя
Лента кабинетов вместо обещаний
02Интерьер влияет на ощущение «дорого и чисто» сильнее любых эпитетов, но обычно его прячут в мелкую сетку, где кадры превращаются в иконки. Здесь лента во всю высоту, которая тянется мышью и пальцем: смотришь на один кабинет за раз, как будто идёшь по коридору и заглядываешь в двери.
drag-галерея
Честная глава про боль
03Самый частый невысказанный вопрос, и его не закрывает почти никто — вместо ответа пишут «лечение без боли!». Здесь пять пунктов по шагам: компьютерный шприц, седация, первый визит можно без лечения, что будет болеть после. И право поднять руку — врач останавливается и ждёт, сколько нужно.
работа со страхом
Луч вместо шторки «до / после»
04Стандартная шторка с жёлтыми и белыми зубами выглядит как дешёвая реклама. Здесь работает название клиники: луч идёт по зубу снизу вверх, оставляя за собой облако точек — так выглядит настоящий внутриротовой скан, — а дальше прокрутка снимает слой эмали 0.5 мм и ставит на его место керамику 0.34 мм.
scroll → WebGL
Зуб считается формулой, а не грузится файлом
05Из одной параметрической поверхности получаются три согласованных объекта: сам зуб, снимаемый слой эмали и керамика. Любая ручная модель разъехалась бы на стыке — здесь винир по построению лежит в своём гнезде, поэтому «край прилегания» можно показывать крупным планом.
процедурная геометрия
Прайс развёрнут в маршрут
06«Пульпит двухканальный» ничего не говорит человеку. Вместо прайса — выбор цели: «хочу эстетику», «нет зуба», «привести в порядок». Интерфейс перестраивается в маршрут с этапами, сроком и ценой каждого шага, где первый стоит 0 ₸ — именно он снимает барьер перед записью.
интерактивный роудмап
Честно
«Lumen Dental» — вымышленная клиника: флагман-демо шоурума InterLAB, цены, врачи и адрес — иллюстрация формата. Такой же сайт под вашу реальную клинику собирается с вашими услугами, врачами, фото и номером WhatsApp.
Для похожего бизнеса
Хотите такой же — под вашу клинику?
Покажем черновик на нашем поддомене до любых оплат. Лента ваших кабинетов, разбор услуги в 3D, конструктор лечения и приём снимков в WhatsApp — как в демо, но с вашими врачами, ценами и настоящими фото клиники.
- Оценка объёма и рисков до старта
- NDA — по вашему или нашему шаблону
- Старт работ в течение недели