Лендинг для стоматологии: ДентаПро

Задача

«ДентаПро» - стоматология в Санкт-Петербурге с одной услугой: имплантация зуба под ключ за 42 900 ₽. Демо-проект: компания вымышленная, задача - настоящая и типовая для ниши. Пациент годами откладывает имплантацию из-за трёх страхов: дорого, больно и «назовут одну цену, а в кресле насчитают другую». Страница должна снять каждый страх и довести до записи на бесплатную консультацию с КТ-снимком.

Решение

• Одна цена через всю страницу: 42 900 ₽ повторяется по всей странице и нигде не расходится, рассрочка сходится до рубля: 42 900 / 12 = 3 575 ₽ в месяц.
• Сравнительная таблица «всё включено против прайса со звёздочками» со столбиками сумм - ответ на главный страх скрытых доплат.
• Квиз из 4 вопросов пересчитывает вариант, цену и срок прямо на экране: три ветки по числу зубов плюс поправки на давность удаления. Посетитель получает предварительный план, а не голую форму захвата телефона.
• Возражение «больно» снято без обещания отсутствия боли: в рекламе медуслуг нельзя гарантировать результат (ст. 24 ФЗ «О рекламе»), поэтому текст честно описывает анестезию и ощущения после.
• Визуальный тон - клиническое спокойствие: антиква Fraunces, тёмные полосы hero, цифр и финального CTA задают ритм, бирюза с приглушённым золотом. Красный цвет и хирургия крупным планом запрещены дизайн-гайдом.

Детали, которые легко не заметить

• Формы не отправляются без согласия на обработку персональных данных: у чекбокса свой текст ошибки, у телефона - маска и проверка на 10 цифр, полю с ошибкой проставляется aria-invalid и передаётся фокус.
• Ответ на вопрос о хронических заболеваниях считается только в браузере и в заявку не попадает: сведения о здоровье - специальная категория персональных данных по 152-ФЗ.
• Юридическая гигиена ниши: дисклеймер «Имеются противопоказания», пометка о вымышленной клинике, оговорка «не является публичной офертой», отдельные страницы политики и дисклеймера.
• Сборки нет: статичные HTML, CSS и JS, страница открывается с диска. Единственный внешний запрос - шрифты Google Fonts.
• 20 фото свёрстано через picture с WebP и JPG в нескольких размерах, все, кроме hero, грузятся лениво; при prefers-reduced-motion счётчики и анимации появления отключаются.

Как это устроено

Страница обходится без конструкторов и тяжёлых скриптов: статичные файлы открываются даже с диска. Фото свёрстаны в WebP и JPG в нескольких размерах - браузер забирает один подходящий под экран.