Кейс: мы обновили сайт частной клиники №1 в России

AGIMA и команда Европейского медицинского центра (EMC) переработали сайт клиники: исследовали пользовательские сценарии, пересобрали структуру, обновили запись к врачу и объединили услуги, врачей и экспертный контент в единой системе.

Коротко

• Проектирование начали с пользовательских задач и текста, а не с визуального макета.
• Главные сценарии — найти врача или услугу, понять стоимость и записаться на приём.
• Команда сохранила поисковый трафик при переносе большого массива медицинского контента.
• UI-система объединила сервисы клиники и позволила развивать сайт после запуска.

Численность аудитории, показатели поведения и результаты редизайна в статье относятся к данным проекта 2021 года.

Редизайн в цифрах

Наша команда разработки проекта: 24 специалиста.

Посетителей сайта в месяц: 1084360.

Клиентов ЕМС: 20%.

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

В конце 2019 года ЕМС сфокусировалась на новом подходе «Здоровье на 360°». Его цель — сформировать индивидуальный roadmap каждому клиенту, став медицинским советником на протяжении всей жизни на пути к longevity, помочь пациентам на каждом шаге к долгой, комфортной и при этом активной жизни. Адаптировать старый сайт под новое позиционирование не получалось: он уже устарел технологически и структурно. Помимо этого была еще одна проблема: дизайн больше подходил для государственного учреждения, а не для частной клиники, одного из лидеров в премиальном сегменте в России.

Четыре главные задачи:

• Создать онлайн-платформу представительства премиального мультиплатформенного цифрового госпиталя, полностью переработать структуру сайта и основательно развернуться лицом к пользователю.
• Сфокусировать посетителей на новой парадигме «Здоровье 360°».
• Подготовить сайт под изменение бизнес-процессов и добавить новые инструменты, которые позволят совершать большее количество целевых действий.
• Сохранить SEO-позиции в поисковой выдаче после запуска обновленного сайта.

1. Исследуем и анализируем

Сначала провели предпроектное обследование, пообщались с топ-менеджерами клиники и выявили четыре основных проблемы в интерфейсах, которые мешали использовать старый сайт на максимум и не отражали luxury-позиционирования:

• Сайт устарел как технологически, так и структурно.
• Дизайн сайта ассоциируется с государственным учреждением.
• Контент сайта напоминает «Большую советскую энциклопедию» с огромным количеством текста и не отвечает современным представлениям о сайте премиум-клиники с передовыми технологиями и компетенциями.
• Весь контент смешан: новости, публикации — много сущностей в одном разделе, дублирование контента в разных разделах. Это путало пользователей.

2. Проектируем здоровье на 360°

В создании сайта у нас было 2 разных подхода, и оба отлично сработали:

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

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

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

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

3. Разрабатываем редизайн медицинского центра

Закончив с функциональной частью сайта клиники, мы перешли к UX/UI-обновлениям.

Главная

На главную вынесли сервисы, которые позволяют сразу находить нужный канал коммуникации с клиникой и переходить туда. Мы аккуратно вписали рассказ о концепции «Здоровье на 360°»: интерактивная вставка с рассказом привлекает внимание, но не мешает посетителям, которые пришли за конкретной услугой или к конкретному врачу.

Основная задача главной страницы — привести клиента на сайт и совершить конверсионное действие: записаться к нужному специалисту, заказать обратный звонок, скачать мобильное приложение, перейти в чат или нажать кнопку SOS. Как показывает NPS, негативных факторов с точки зрения неудовлетворенности посетителей сайта нет.

Подбор специалистов

Этот раздел мы тоже реструктурировали. На сайте появился список всех врачей, работающих в клинике. Для выбора специалиста посетитель может воспользоваться поиском или набором фильтров. Здесь же мы добавили интеграцию с МИС (медицинская информационная система) — возможность сразу же выбрать дату и время и сформировать запись.

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

Запись к врачу

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

Такое решение позволило нам не увеличивать штат ассистентов и центра клиентских коммуникаций, закрывать бОльшие объемы задач. Звонков стало на 20% меньше, но количество диалогов в WhatsUp Business увеличилось вдвое. Фактически нам удалось перевести клиентов из голосового канала коммуникации в неголосовой — 31% голоса ушло в чаты. Оператор может параллельно вести 3-5 диалогов в WhatsUp, благодаря чему мы освобождаем голосовой колл-центр для работы с более серьезными задачами клиентов.

Новости

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

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

Над «Новостями» работали вместе с SEO-специалистами EMC. Поскольку мы переносили старые материалы на новый сайт и полностью меняли структуру раздела, важно было учесть все редиректы старых публикаций. Это помогло безболезненно продолжить поисковое продвижение экспертного контента и попадать в топы ранжирования поисковых систем.

Немного цифр о переносе информации:

• карточек специализаций — 285;
• карточек врачей — 623;
• карточек программ — 56;
• карточек услуг — 233;
• карточек статей — 442;
• карточек заболеваний — 287;
• карточек новостей — 589;
• карточек вопросов и ответов — 246.

Новые функции

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

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

4. Рисуем динамические иллюстрации

Чтобы полноценно раскрыть суть новой услуги, мы нарисовали динамические иллюстрации: сферу и точечного человека. Сфера демонстрирует высокотехнологичность услуг и показывает, что в клинике можно заботиться о здоровье комплексно — на 360°. Динамическую сферу повторяет «точечный человек», который отражает идею связанности: все в организме человека оказывает взаимное влияние друг на друга.

Здоровье — сложный механизм, в котором большое количество взаимодействующих систем и органов. Интерактивная сфера, которую предложили в AGIMA, полностью совпадает с нашим представлением о клиентском опыте, как онлайн, так и офлайн, и в целом о концепции client/patient relationship: всего, что касается любых точек взаимодействия между нами и клиентами. При этом элементы сферы пронизывают весь сайт и создают единый образ, которого мы так хотели добиться.

Еще одним рисованным объектом нового сайта стало главное здание клиники EMC в гравюрно-инженерном стиле. Анимированная 3D-иллюстрация дополняет образ премиальной клиники и отражает технологичность и современность.

Итог

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

Вместе с AGIMA нам удалось добиться того, что вся 30-летняя экспертиза ЕМС считывается в 1-2 скролла на сайте. Клиент может в пару кликов выбрать нужное целевое действие и найти всю необходимую информацию. Мы выделили основные направления деятельности и донесли до клиента новую миссию — увеличить продолжительность и качество жизни, помочь оставаться активным долгие годы — здесь основная роль ЕМС для клиента как основного медицинского партнера на всю жизнь. Анимация и игровые элементы поддержали образ технологичной клиники. По данным команды проекта за 2021 год, после запуска глубина и время просмотра сайта выросли вдвое, а доля отказов снизилась на 20%.

Впервые опубликовано: 15 ноября 2021 года.