О проекте
С группой компаний «Ниармедик» мы сотрудничаем с 2015 года, и за это время успели выпустить и развить несколько проектов, связанных с медицинским препаратом «Коллост».
В 2018 году к нам обратилась сеть медицинских клиник, входящая в группу компаний, с просьбой помочь в разработке нового сайта.
Проблемные интервью выявили основные направления для работы:
1. Автоматизация процесса записи на прием
Действующая на тот момент версия сайта была слабо интегрирована с Медицинской информационной системой клиента (МИС), что приводило к ошибкам при обмене данными, а также затрудняло дальнейшее развитие компании и создавало избыточные расходы.
Например, не было возможности записаться на прием к врачу непосредственно через сайт. Все записи проходили только по телефону, что было неудобно клиентам и сильно нагружало колл-центр.
2. Повышение конверсии посетителей сайта в пациентов клиники
Ряд технических и организационных проблем приводил к потере части пользователей, в том числе, попадающих на сайт по платной рекламе.
3. Слабая адаптивная версия
Отсутствие качественной версии для мобильных устройств приводило к понижению сайта в выдаче поисковых систем и доставляло неудобство посетителям даже в ключевых пользовательских историях (выбор врача, запись на прием).
Аналитика и проектирование
Для определения наиболее эффективной структуры мы провели бизнес-анализ проекта, разложив его на роли, пользовательские сценарии, собрали и обсудили с клиентом карты путей (CJM).
На основе полученных данных собрали структуру проекта, позволяющую максимально коротким путем решить основные «боли» клиента:
- Поиск врача: по направлению (аллергология, гинекология); по болезни или симптомам
- Поиск конкретного врача (пациент уже знает, к кому обратиться)
- Запись на прием к конкретному врачу или по направлению
- Поиск ближайшей клиники
- Доступ к востребованной информации (комплексные программы, акции)
Конкретизировали функциональные требования и разработали прототипы интерфейсов. В их основу легла блочная структура, позволяющая расставить правильные приоритеты для информации в зависимости от типа страницы и пользовательского пути.
Так, главная страница проекта превратилась в набор блоков, помогающих быстро определить потребность клиента из сценариев выше и решить её коротким путем.
Для качественной интеграции сайта с Медицинской информационной системой мы написали технические требования для специалистов со стороны МИС клиента.
Визуальная концепция
На основе фирменного стиля компании и предпочтений заказчика составили требования к визуальному оформлению, подготовили мудборд и разработали современную и легкую визуальную концепцию.
Мы разрабатывали сайт, который проводит клиента медцентра «за руку» от главной страницы до выбора нужной ему услуги и завершения записи на прием.
Теперь всего за 4 шага пользователь записывается на приём. В удобной форме он выбирает услугу, клинику, врача (ориентируясь на время посещения и стоимость приёма) и оставляет свои данные. Всё, посетителя ждут в медцентре!
Если клиенту нужна комплексная программа обслуживания для себя или ребенка, он выбирает нужную программу и сразу может сравнить все варианты (комплект услуг и цены).
Список врачей в виде карточек легко воспринимать. Каждая карточка сходу дает посетителю самую важную информацию.
Выбрать клинику легко вне зависимости от типа восприятия. Есть список медцентров в формате карточек. Карта клиник, нанесенная на карту Москвы и других городов. И карта медцентров поверх карты московского метро.
Пользователю легко ориентироваться в услугах благодаря интерфейсу и навигации одноимённого раздела. В блок «Избранное» администратор сайта добавляет самые популярные у посетителей услуги, чтобы клиенты могли их быстро найти.
Мы настроили простой поиск среди массива медицинской информации (специализаций, диагнозов, врачей и услуг). В строку поиска посетитель может ввести специализацию врача, а может набрать свою «боль» (нервы, уши, голова, температура). Даже набивать всё слово нет необходимости, система подберет результаты по начальным буквам.
Умный поиск работает и на странице врачей.
Адаптив
Каждый тип страницы был отрисован на всех ключевых разрешениях для того, чтобы убедиться в корректности расстановки приоритетов и подачи информации для посетителей.
Разработка
Основной приоритет был отдан легкости и скорости загрузки, чтобы даже на медленном мобильном соединении ключевые страницы открывались практически мгновенно.
Для этого на бэкенде мы использовали высокопроизводительный фреймворк Laravel, а на фронте потратили много времени на точечную оптимизацию веса и механизма загрузки страниц.
Интеграция с МИС
В процессе реализации проекта появилась новая задача: не только интегрировать сайт с действующей МИС, но и дать возможность другим «клиентам» (другим клиникам, страховым компаниями) подключаться к МИС, получать и записывать информацию в соответствии с выданными разрешениями.
Кроме того, существовала гипотетическая возможность перехода на другую МИС в следующем году.
Поэтому вместо прямой интеграции мы разработали шину, позволяющую подключать новых «клиентов» к процессам обмена данными, устанавливать для них определенные разрешения и контролировать процесс обмена и используемые данные. Подробно про эту разработку мы рассказали в отдельном кейсе.
Всё пропало...
На финальной части проекта пришли неожиданные новости — сеть клиник «Ниармедик» объединялась с сетью «Доктор рядом».
Сливались процессы, информационные системы, отделы маркетинга. И мы с клиентом оказались в ситуации, когда у объединенной компании оказалось сразу три сайта: старая версия, новая (но еще не опубликованная), и действующий сайт сети клиник «Доктор рядом».
...на самом деле — всё нормально!
Команда рассматривала два основных варианта цифровой стратегии: оставить два независимых сайта или один — «объединенный».
Для помощи в принятии решения мы подготовили комплексный аудит каждого из проектов, показав его сильные и слабые стороны, после чего руководство «Ниармедика» приняло решение выпустить наш проект в качестве основного сайта объединенной сети, а сайт «Доктор рядом» оставить на отдельном домене.
Оформление сайта не соответствовало новому фирменному стилю объединенной сети.
По договоренности с клиентом, адаптация шаблонов сайта была передана новой внутренней команде разработки.
Опубликованный сайт компании выглядит немного иначе, чем был задуман нами. Однако всей веб-системой, созданной нашими дизайнерами и программистами, заказчик пользуется до сих пор.
Партнёрская работа
Разработка сайта проходила в сотрудничестве с профессионалами со стороны заказчика — мы благодарим руководителя «Ниармедик» (на момент разработки) Ненюкова Александра Кирилловича и технического руководителя Алексея Кулямзина.
Команда проекта
- Руководитель проекта: Евгений Лазарев
- Дизайн: Татьяна Конюшенко, Андрей Штарев
- Frontend: Юлия Круглова, Сергей Канюков, Сергей Семенов
- Backend: Роман Шипелов, Константин Василенко, Сергей Никитченко
- Тестирование: Анна Шорина