✔ С первого экрана назвать услугу, систему имплантов и цену со скидкой
✔ Показать, что медицинскому тексту можно доверять — автор-врач, рецензент, дата
✔ Помочь разобраться в имплантах и стоимости лечения
✔ Снять страх перед операцией: работы «до и после», врачи, ответы на вопросы
✔ Принимать заявки на бесплатную консультацию по одному номеру телефона
✔ Одинаково удобно работать на компьютере, планшете и смартфоне
Клиника «Мій Стоматолог» ставит импланты системы MegaGen AO и хотела отдельную страницу под эту услугу. Имплантация — дорогое лечение, которого боятся: человек сравнивает клиники, цены и врачей и долго не решается записаться.
Я собрал лендинг как разговор с пациентом: цена и акции, экспертная статья, каталог имплантов, работы «до и после», врачи, прайс и ответы на вопросы. Между блоками — кнопки записи и форма консультации в одно поле, а слайдер сравнения, карусель врачей, аккордеон вопросов и раскрывающиеся описания имплантов работают на JavaScript.
Результат — одностраничный сайт с адаптивной вёрсткой под ПК, планшет и смартфон: на телефоне цена и кнопка консультации стоят выше фото, цифры клиники выстраиваются в столбик, а меню прячется в бургер.
Лендинг, в котором путь от первого экрана до записи к врачу выстроен по шагам.
Акционная стоимость 10 000 грн рядом с зачёркнутой старой и кнопкой консультации
Дата, автор, рецензент и предупреждение «Важливо!», как принято для медицинских текстов
AnyOne и AnyRidge: преимущества, цена, «Читати більше», «Прослухати текст» и запись
Ползунок сравнивает улыбку до и после лечения, вокруг — миниатюры других работ
Бесплатная консультация — только номер телефона и кнопка-стрелка
Адаптивная вёрстка: на телефоне цена и кнопка выше фото, меню в бургере, звонок в один тап
Одна страница, где каждый блок отвечает на конкретный вопрос пациента.
Сайт решает несколько основных задач:
Ответ гарантированно в течение 24 часов.
Первая консультация бесплатна и ни к чему не обязывает.
Имплантацию не выбирают за пять минут: пациент неделями сравнивает клиники, цены и врачей. На примере «Мій Стоматолог» рассказываю, как я сделал лендинг под одну услугу — с ценой на первом экране, экспертной статьёй, каталогом имплантов, слайдером «до и после» и формой консультации — и как он перестраивается под планшет и смартфон.
«Мій Стоматолог» — украинская стоматологическая клиника: лечение зубов, хирургия, диагностика и имплантация. Под имплантацию на системе MegaGen AO клинике понадобилась отдельная страница с одним сценарием: человек узнаёт об услуге, убеждается, что клинике можно доверять, и оставляет номер телефона.
Имплантация — дорогое лечение, и решение о нём не принимают сразу. Пациент сравнивает цены, читает про системы имплантов, разглядывает фото работ и выбирает врача. Поэтому я начал с порядка блоков: какой вопрос возникает у человека на каждом шаге и где на странице лежит ответ. Дальше — вёрстка, интерактивные блоки и адаптив под компьютер, планшет и смартфон.
На первом экране — всё, ради чего пациент зашёл: крупный заголовок «Імплантація зубів системою MegaGen AO», кнопка «Отримати консультацію» и цена. Старая цена 12 000 грн зачёркнута, рядом — актуальная 10 000 грн: человек сразу понимает порядок суммы и видит выгоду. Ниже — три цифры клиники: 15+ лет работы с имплантами, 1000+ довольных клиентов и 20+ врачей.
Справа — фото врача за работой с «рассыпающимся» краем из квадратов и голубым блоком позади. Главные кнопки сайта — с градиентом из розового и голубого, цветов логотипа: он повторяется по всей странице, и глаз быстро учится находить действие. В шапке, кроме меню, — две заметные кнопки «Напишите нам» и «Позвоните нам».
Сразу за первым экраном идут «Акційні пропозиції»: карточки с фото, вертикальной цветной меткой направления — лечение, хирургия, диагностика, — списком того, что входит в услугу, новой ценой и зачёркнутой старой.
Медицинская страница — особая тема и для пациентов, и для поисковых систем: к советам о здоровье относятся строже, чем к описанию товара. Поэтому экспертная статья на лендинге показывает, кто и когда её написал:
Рядом с текстом — коллаж из трёх фотографий: врач за работой и крупные планы лечения. Блок выглядит частью клиники, а не вставкой из энциклопедии.
Сразу после статьи — яркий синий баннер «Безкоштовна консультація нашого лікаря» с фото врача в фирменном поло и фоновым узором из стоматологических иконок. В форме одно поле — номер телефона — и кнопка-стрелка: чем меньше нужно заполнять, тем охотнее человек оставляет контакт.
Блок «Імпланти в наявності» помогает разобраться, что именно предлагает клиника. Карточки AnyOne и AnyRidge чередуют фото слева и справа и устроены одинаково:
В стоматологии главное доказательство — результат. В блоке «Наші роботи» в центре стоит большой кадр «до и после» со слайдером: ползунок двигается, и улыбку до лечения можно сравнить с результатом. По бокам — четыре миниатюры других работ, под галереей — кнопка записи.
Дальше — «Чому обирають нас?»: четыре карточки с фото про опыт в имплантации, качественные протезы, сопровождение в период адаптации и сложные клинические случаи. Блок «Наші лікарі» — карусель со стрелками: фото, имя, специализация, иконки Instagram и Facebook и кнопка перехода к профилю врача. Под каруселью — кнопка «Задати питання лікарю».
Прайс «Вартість послуг» разложен в две колонки строк «услуга — цена». Активная строка подсвечивается синим, а вместо цены в ней появляется стрелка — сразу понятно, что по строке можно перейти.
Блок «Питання про імплантацію» — аккордеон в две колонки: вопросы видны сразу, ответ раскрывается по клику, и длинный список не растягивает страницу. Здесь закрываются типичные страхи — например, приживётся ли имплант: в ответе приведены данные MegaGen о приживаемости 98,9%.
Завершают лендинг «Додаткові послуги» — те же карточки с меткой направления, что и в акциях: пломбирование, удаление кисты, панорамный снимок. Повторяющийся формат делает страницу цельной, а новые услуги добавляются той же карточкой.
Лендинг сверстан адаптивно: на широком мониторе, планшете и смартфоне каждый блок перестраивается под ширину экрана, а не просто сжимается. На смартфоне первый экран идёт в другом порядке: заголовок, цена и кнопка консультации стоят выше фотографии, цифры клиники выстраиваются в столбик, а меню прячется в бургер. Справа в шапке — синяя кнопка звонка: с телефона позвонить в клинику проще, чем писать.
Сайт клиники продаёт не услугу, а доверие. Человек доверяет незнакомым людям своё здоровье и немалые деньги, поэтому каждая деталь работает либо на спокойствие, либо против него. Когда я делаю медицинские лендинги, опираюсь на несколько правил:
Если вам нужен лендинг для стоматологии или медицинского центра, я сделаю страницу, которая ведёт пациента к записи: с понятной структурой, формами, интерактивными блоками и адаптивной вёрсткой.
