Медицинский сайт с конверсионным функционалом для центра имплантации и общей стоматологии MILLENNIUM CLINIC

Чтобы донести ценность продукта до целевой аудитории, важно самим понимать его на 100%. Начали с погружения в бренд-идентичность компании и долгосрочные цели бизнеса. Личное общение с руководителями центра, врачами разных направлений, медсестрами, администраторами позволило составить объемное впечатление о клинике и в дальнейшем транслировать его на сайте.

Наш маркетолог за время работы над проектом узнал о лечении зубов больше, чем за всю свою жизнь: конвертируем экспертность в абсолютную пользу и для команды!

MILLENNIUM CLINIC объединяет все направления стоматологии под одной крышей:

• терапия,
• ортопедия,
• хирургия,
• ортодонтия,
• отбеливание,
• рентгендиагностика,
• лечение под микроскопом.

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

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

Пришли к следующим выводам:

1. Часто сайты перегружены профессиональной лексикой, сложной для восприятия обычного пациента.
2. Неочевидная навигация: пользователь не понимает, как узнать нужную ему информацию, и бездумно скроллит сайт в поисках интересующего пункта.
3. Отсутствие реальных отзывов. В таких чувствительных тематиках как здоровье люди доверяют людям, а не сгенерированным однотипным текстам. При этом сайтов, на которых есть видеоотзывы или отзывы из соцсетей, крайне мало.
4. Эмоциональное подключение. Человек, который заходит на сайт стоматологической клиники, ищет решение проблемы, доставляющей ему серьезный дискомфорт. Он ждет, что его бережно проведут по процессу, проявив эмпатию, заботу и искреннее желание помочь. Так мы сформулировали сверхцель разработки: достичь конверсии через эмпатию.

MILLENNIUM CLINIC — стоматологическая клиника для всей семьи, а значит, целевая аудитория неоднородная:

1. Молодые люди 22-35 лет. Они интересуются эстетической стоматологией, профилактикой и поддержанием здоровья полости рта. Тянутся к модным стоматологическим тенденциям, передовым технологиям и инновационным методам лечения. При этом у этого сегмента достаточно высокая ценовая чувствительность — их привлекают программы лояльности и скидки.
2. Родители несовершеннолетних детей. У этого сегмента высокие требования к качеству обслуживания, заботе и вниманию со стороны персонала, комфорту в процессе лечения. Особое внимание уделяют вопросам безопасности и надежности медицинских процедур. Актуальны семейные программы и скидки на услуги для всех членов семьи.
3. Работающие профессионалы 35-55 лет. Их объединяет потребность в качественных и быстрых стоматологических услугах, интерес к долгосрочным решениям не на один год. Чаще всего время на посещение клиник ограничено и должно быть встроено в плотный график, поэтому обращают внимание на гибкость расписания. Готовы заплатить больше за гарантии профессионального подхода, достойного сервиса и личного комфорта.
4. Пожилые люди 55+ лет. Люди, которые стремятся поддерживать здоровье полости рта, заботятся о восстановлении зубов для привлекательного внешнего вида. Для этой категории особо ценными становятся забота и внимание со стороны персонала, доступность клиники, безбарьерная среда, адекватное соотношение цена-качество.

Сегментировав ЦА, составили подробные портреты. Учли не только социально-демографические параметры, но и уровень мышления, страхи, факторы принятия решения и психологию поведения в цифровой среде.

Уже на этом этапе определили ToV. Выбранный подход к копирайтингу можно определить так: ценность ≠ много текста. Простые, понятные каждому, фразы; краткие, но емкие объяснения всех этапов и подэтапов лечения; неперегруженные заголовки, смысл которых легко считывается даже при беглом скролле; «чистый» копирайтинг, который одинаково воспринимается человеком и в 22 года, и в 70 лет.

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

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

1. Блок «Врачи» расположили достаточно высоко, чтобы со старта начинать формировать доверительные, буквально личные, отношения между пользователями и специалистами. Открытые лица врачей подсознательно создают у юзера ощущение safe-space-пространства и позволяют воспринимать сайт как нечто гораздо большее, чем просто набор текста и кнопок. А на отдельной странице «Наши специалисты» пользователи могут познакомиться не только с врачами, но и с медицинскими сестрами, администраторами, другими сотрудниками центра.
2. Реализовали квиз — геймифицированную форму захвата контактов с высокой степенью вовлечения. Сделали его универсальным и понятным, чтобы процесс ответов на вопросы занимал минимум времени. Спойлер: квиз дает максимальный процент конверсии относительно всех других форм на сайте.
3. Спроектировали развернутый блок с отзывами. Отзывы — топ-3 фактора, которые влияют на принятие финального решения о выборе клиники. Сняли видеоотзывы реальных пациентов кастомно под разные направления, по каждому отзыву подготовили текстовую выжимку, а дополнительно усилили блок перелинковками на страницы соответствующих услуг. Кроме того, спроектировали наглядный блок «До/После», который априори резонирует с юзерами и вызывает эмоцию в моменте.
4. Информация о клинике, 3D-тур по центру, этапы лечения, демонстрация современного европейского оборудования — все эти блоки последовательно снимают возможные возражения, усиливают степень доверия к компании и катализируют процесс записи на прием.
5. Отдельно спроектировали страницу «Акции», чтобы та часть аудитории, для которой цена имеет определяющее значение, могла в несколько кликов узнать обо всех акциях и специальных предложениях центра.
6. Страница «Важно знать» — аналог блога. Пользователи получают действительно полезные советы и простые рекомендации для своей красивой улыбки, а SEO-специалист Ninen — возможность разгуляться на несколько тысяч символов.
7. Для каждой из 10 услуг создали свою страницу — раскрыли преимущества, рассказали об оборудовании, сотрудничестве напрямую с производителями и осязаемых от этого выгодах. Адаптировали квиз под специфику каждой услуги и сократили его до 3 шагов, чтобы не задавать вопросы ради вопросов.
8. Формы захвата контактов сделали персонализированными: в каждой предлагаем не просто абстрактное «записаться на консультацию», а усиливаем форму реальным фото врача, объясняем пользователю, как будет проходить консультация, что он получит в результате осмотра, какая квалификация у специалиста. Кроме того, предлагаем альтернативные способы связи: мессенджеры — для молодых людей, которые привыкли переписываться, номер телефона — для старшего поколения, которое больше доверяет звонкам.

Сначала, как и всегда, наш UI-специалист провел аудит сайтов конкурентов:

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

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

Сайт не перегружен оттенками, акцентный цвет — зеленый. И он выбран не случайно. Зеленый находится в середине цветового спектра, поэтому ассоциируется с равновесием и гармонией. В контексте сигналов и знаков зеленый цвет часто используется для обозначения безопасности и разрешения. Например, зеленый свет светофора означает «идти», и это значение подсознательно переносится на другие области нашей жизни.

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

По всему сайту вы заметите минимум декоративных элементов и стоковых фото. Нам было важно создать образ надежной «настоящей» клиники с реальными врачами, кабинетами, оборудованием, пациентами. Заказчику настолько откликнулась эта идея, что специально для сайта организовали несколько фотосессий и видеосъемок. Принципиально важно было показать врачей естественными, открытыми, доброжелательными, записать отзывы пациентов непосредственно в интерьерах центра, снять полноценную 3D-экскурсию для погружения в атмосферу на 360. Зачем столько усилий? Пользователи предпочитают любой неопределенности предсказуемость. Когда пациент заранее знает, как выглядят коридоры, кабинеты, персонал, ему морально легче записываться на консультацию и ехать в клинику. Тем более в стоматологическую — ведь лечение зубов входит в топ-10 самых распространенных фобий.

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

 

Соблюдая Pixel Perfect подход и адаптируя дизайн под разные устройства, преобразовали дизайн-макеты в код с использованием HTML для структуры страниц и CSS для их стилизации. Чтобы элементы страницы автоматически подстраивались под размер экрана использовали медиазапросы и адаптивные сетки.

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

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

• Выбрали и настроили серверы, базы данных и другие необходимые компоненты инфраструктуры.
• Создали серверные скрипты и логику, которая будет обрабатывать запросы пользователей, управлять данными и обеспечивать выполнение бизнес-логики сайта.
• Настроили координации между серверной частью и базой данных для хранения и извлечения информации.
• Разработали интерфейсы для взаимодействия между серверной и клиентской частями приложения — API позволяет фронтенду и бэкенду обмениваться данными и обеспечивать функциональность сайта.

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