Задача

Клиника «Мир улыбок» г. Люберцы уже имела основной сайт, но услугу имплантации нужно было выделить в отдельный коммерческий сайт. Цель — помочь потенциальному пациенту быстрее разобраться в предложении и принять решение об имплантации, а клинике — привлекать больше обращений по этому направлению.

На одной странице требовалось собрать большой объём информации: стоимость и условия имплантации, преимущества, данные о врачах, дипломы и сертификаты, гарантии, отзывы, примеры работ и информацию о клинике. При этом первый экран изначально был жёстко ограничен требованиями заказчика: на нём должны были одновременно присутствовать врач, цена, имплант, преимущества, оффер и форма/CTA. Дополнительно заказчик хотел разместить здесь же акцию, что делало экран ещё более перегруженным.

Моя задача включала не только дизайн, но и структуру контента, вёрстку на Tilda, адаптацию под разные устройства и реализацию нестандартных сценариев, которые нельзя было собрать только стандартными возможностями платформы.

Решение

Для насыщенного первого экрана я выстроила визуальную иерархию между обязательными элементами и использовала прозрачные и полупрозрачные плашки, линзы и мягкие световые акценты, чтобы облегчить композицию и сделать её визуально современнее. Акционный блок удалось вынести на следующий экран, чтобы не перегружать первый ещё сильнее.

Отдельно была проработана подача врачей. Карточка врача открывает одно большое окно с несколькими разделами: подробной информацией, дипломами и сертификатами, отзывами. При этом предусмотрены разные сценарии входа: кнопка «Подробнее о враче» открывает окно с начала, а «Дипломы и сертификаты» сразу переводит пользователя к соответствующему разделу. Для этой логики использовались якоря, CSS и custom JS.
Для галереи клиники и отзывов отдельно продумывалось поведение на разных устройствах. Галерея отзывов получила собственные настройки переключения для разных разрешений, а на мобильных — свайп. Для фотографий клиники использовались разные варианты отображения на десктопе и телефоне, чтобы сохранить эффектную подачу на большом экране и удобство на мобильном.

Также были реализованы дополнительные технические решения: встроен готовый квиз Marquiz, настроены кастомные сценарии для поп-апов и галерей, а срок акции автоматически обновлялся до последнего дня текущего месяца — дату не требовалось менять вручную при каждом обновлении.

Результат

В результате получился большой адаптивный лендинг на Tilda, в котором дизайн, структура и техническая реализация собирались как единая система. В проекте использовано около 26 Zero Block, а адаптивы вручную проработаны для 5 диапазонов разрешений.

Помимо дизайна и вёрстки, в проект вошли работа со структурой и контентом, карточки и подробные окна врачей, дипломы и сертификаты, галереи клиники и отзывов, встроенный квиз, формы и кастомные CSS/JS-сценарии.

После завершения моей части работ сайт продолжил развиваться командой заказчика, поэтому его текущая версия частично отличается от решений, представленных в кейсе. В частности, созданная мной галерея отзывов позднее была заменена сторонним виджетом.

Посмотреть текущий сайт

Роль в проекте:
Наталья Якубова — дизайн и разработка сайта.
Проект выполнен в рамках субподряда для Импульс-доктор.