МедтехКорпоративный сайт

Ваш Стоматолог

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

Ваш Стоматолог — интерфейс проекта
Наша работа
Аналитика · UX/UI · Webflow
Платформа
Webflow
Объём
До 20 информационных страниц · Синемаграммы · Онлайн-запись

Задача клиники

Клиника «Ваш Стоматолог» пришла за редизайном сайта на WordPress, созданного более десяти лет назад. Новый сайт должен был помогать пациентам разобраться в услугах и записаться на приём.

  • Создать сайт для клиники на платформе Webflow, сосредоточиться на упрощении записи на прием
  • Сделать дизайн не только удобным, но и запоминающимся, оставить эмоциональный след у посетителей сайта и клиники.
Ваш Стоматолог — видение и структура проекта

Что нужно пациентам

Начали с предпроектной аналитики: изучили аудиторию и конкурентов, определили приоритеты и составили структуру. Учитывали интересы владельца клиники, постоянных пациентов и тех, кто впервые выбирает стоматологию для семьи.

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

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

Реализовали кнопку «Как добраться?» в хедере, карту на странице «Контакты», кликабельные номера клиники, форму для записи на прием всеми возможными способами, отправку обращений из виджета менеджеру в мессенджер.

Для тех, кто не разбирается в видах услуг, сделали интерактивный навигатор с советами и описанием процесса, страницу услуг с фильтрацией и панель навигации.

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

Ваш Стоматолог — анализ целевой аудитории

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

Главная задача — выделить основные группы пользователей и понять, как они будут взаимодействовать с продуктом. В процессе мы использовали ИИ, на качестве работы это не отразилось, зато ускорило результат.

Мы провели анализ прямых и косвенных конкурентов — как местных, так и иногородних и зарубежных.

Сравнили их предложения, ключевые особенности и отличия. Особое внимание уделили ценовой политике и скидкам. Проанализировали сильные и слабые стороны каждого конкурента, составили подробные выводы по каждому сайту и выработали идеи, которые помогут опередить конкурентов.

После этого составили структуру сайта. Отобразили функциональные разделы, выстроили общую логику работы, настроили взаимосвязи между страницами и еще раз продемонстрировали результат клиенту.

Ваш Стоматолог — анализ конкурентов

Концепция и синемаграммы

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

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

Особую роль в дизайне сыграла линия — белой нитью она связывает страницы воедино, огибает логотип в форме зуба и задает общее настроение сайту.

Ваш Стоматолог — палитра и типографика

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

Ваш Стоматолог — главный экран и визуальная концепция

Дополнительно реализовали адаптивную версию для смартфона, чтобы пользователи могли получить инфо и записаться на прием с любого устройства.

Услуги, цены и запись

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

Контент и выбор Webflow

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

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

Ваш Стоматолог — страницы услуг и контактные формы

Результат

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

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

Ваш СтоматологСмотреть видеоVK Видео
Крупный план монитора Pyro на рабочем столе с целым проводом