Ваш Стоматолог
Редизайн сайта стоматологической клиники с онлайн-записью и выразительной визуальной подачей.

- Наша работа
- Аналитика · UX/UI · Webflow
- Платформа
- Webflow
- Объём
- До 20 информационных страниц · Синемаграммы · Онлайн-запись
Задача клиники
Клиника «Ваш Стоматолог» пришла за редизайном сайта на WordPress, созданного более десяти лет назад. Новый сайт должен был помогать пациентам разобраться в услугах и записаться на приём.
- Создать сайт для клиники на платформе Webflow, сосредоточиться на упрощении записи на прием
- Сделать дизайн не только удобным, но и запоминающимся, оставить эмоциональный след у посетителей сайта и клиники.

Что нужно пациентам
Начали с предпроектной аналитики: изучили аудиторию и конкурентов, определили приоритеты и составили структуру. Учитывали интересы владельца клиники, постоянных пациентов и тех, кто впервые выбирает стоматологию для семьи.
Часто они заходят на сайт, чтобы узнать цены на услуги и подход к лечению, но вынуждены звонить в клинику, так и не найдя нужной информации.
Мы сделали информацию простой и доступной. Собрали подробное описание всех услуг, добавили блок с актуальными ценами, отзывы и интерактивные элементы, которые помогают быстро получить ответы на частые вопросы.
Реализовали кнопку «Как добраться?» в хедере, карту на странице «Контакты», кликабельные номера клиники, форму для записи на прием всеми возможными способами, отправку обращений из виджета менеджеру в мессенджер.
Для тех, кто не разбирается в видах услуг, сделали интерактивный навигатор с советами и описанием процесса, страницу услуг с фильтрацией и панель навигации.
Для пациентов, уделяющих особое внимание здоровью зубов, создали блок-оффер программы «PROФИЛАКТИКА». Раньше эта информация хранилась на отдельном домене. Это собственная разработка клиента, которая позволяет пациентам наслаждаться улыбкой без кариеса, сэкономив время и деньги.

Провели анализ целевой аудитории по методу персон. Метод персон — это способ понять свою целевую аудиторию, представив ее в виде вымышленных собирательных персонажей. Они обладают характерными чертами, мотивацией и поведением реальных или потенциальных клиентов. Вместо абстрактной аудитории мы работаем с конкретными прототипами.
Главная задача — выделить основные группы пользователей и понять, как они будут взаимодействовать с продуктом. В процессе мы использовали ИИ, на качестве работы это не отразилось, зато ускорило результат.
Мы провели анализ прямых и косвенных конкурентов — как местных, так и иногородних и зарубежных.
Сравнили их предложения, ключевые особенности и отличия. Особое внимание уделили ценовой политике и скидкам. Проанализировали сильные и слабые стороны каждого конкурента, составили подробные выводы по каждому сайту и выработали идеи, которые помогут опередить конкурентов.
После этого составили структуру сайта. Отобразили функциональные разделы, выстроили общую логику работы, настроили взаимосвязи между страницами и еще раз продемонстрировали результат клиенту.

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

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

Дополнительно реализовали адаптивную версию для смартфона, чтобы пользователи могли получить инфо и записаться на прием с любого устройства.
Услуги, цены и запись
- Разработали до 20 информационных страниц — «Услуги», «Сотрудники», «Вакансии», «Контакты», «Информацию для потребителей», «Сертификаты и награды», «Портфолио» и другие
- Реализовали форму онлайн-регистрации и возможность получить онлайн-консультацию



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

Результат
Мы совместили идеи клиента с современными трендами, чтобы создать не просто еще один сайт, а цифровую визитку, которая помогает потенциальным пациентам решать их вопросы и легко записываться на прием.
Владелец участвовал в работе и быстро давал обратную связь. Это помогло согласовать выразительный дизайн с реальными задачами клиники и её пациентов.


