Сайт сети медицинских клиник

«Ниармедик» — сеть медицинских клиник, которая оказывает широкий спектр амбулаторно-поликлинической помощи для детей и взрослых. В 2020 году объединилась с сетью «Доктор рядом», сохранив оригинальное название.

О проекте

С группой компаний «Ниармедик» мы сотрудничаем с 2015 года, и за это время успели выпустить и развить несколько проектов, связанных с медицинским препаратом «Коллост».

В 2018 году к нам обратилась сеть медицинских клиник, входящая в группу компаний, с просьбой помочь в разработке нового сайта.

Проблемные интервью выявили основные направления для работы:

1. Автоматизация процесса записи на прием

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

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

2. Повышение конверсии посетителей сайта в пациентов клиники

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

3. Слабая адаптивная версия

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

Аналитика и проектирование

Для определения наиболее эффективной структуры мы провели бизнес-анализ проекта, разложив его на роли, пользовательские сценарии, собрали и обсудили с клиентом карты путей (CJM).

На основе полученных данных собрали структуру проекта, позволяющую максимально коротким путем решить основные «боли» клиента:

  • Поиск врача: по направлению (аллергология, гинекология); по болезни или симптомам
  • Поиск конкретного врача (пациент уже знает, к кому обратиться)
  • Запись на прием к конкретному врачу или по направлению
  • Поиск ближайшей клиники
  • Доступ к востребованной информации (комплексные программы, акции)

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

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

Для качественной интеграции сайта с Медицинской информационной системой мы написали технические требования для специалистов со стороны МИС клиента.

Визуальная концепция

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

Мы разрабатывали сайт, который проводит клиента медцентра «за руку» от главной страницы до выбора нужной ему услуги и завершения записи на прием.

Теперь всего за 4 шага пользователь записывается на приём. В удобной форме он выбирает услугу, клинику, врача (ориентируясь на время посещения и стоимость приёма) и оставляет свои данные. Всё, посетителя ждут в медцентре!

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

Список врачей в виде карточек легко воспринимать. Каждая карточка сходу дает посетителю самую важную информацию.

Выбрать клинику легко вне зависимости от типа восприятия. Есть список медцентров в формате карточек. Карта клиник, нанесенная на карту Москвы и других городов. И карта медцентров поверх карты московского метро.

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

Мы настроили простой поиск среди массива медицинской информации (специализаций, диагнозов, врачей и услуг). В строку поиска посетитель может ввести специализацию врача, а может набрать свою «боль» (нервы, уши, голова, температура). Даже набивать всё слово нет необходимости, система подберет результаты по начальным буквам.

Умный поиск работает и на странице врачей.

Адаптив

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

Разработка

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

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

Интеграция с МИС

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

Кроме того, существовала гипотетическая возможность перехода на другую МИС в следующем году.

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

Всё пропало...

На финальной части проекта пришли неожиданные новости — сеть клиник «Ниармедик» объединялась с сетью «Доктор рядом».

Сливались процессы, информационные системы, отделы маркетинга. И мы с клиентом оказались в ситуации, когда у объединенной компании оказалось сразу три сайта: старая версия, новая (но еще не опубликованная), и действующий сайт сети клиник «Доктор рядом».

...на самом деле — всё нормально!

Команда рассматривала два основных варианта цифровой стратегии: оставить два независимых сайта или один — «объединенный».

Для помощи в принятии решения мы подготовили комплексный аудит каждого из проектов, показав его сильные и слабые стороны, после чего руководство «Ниармедика» приняло решение выпустить наш проект в качестве основного сайта объединенной сети, а сайт «Доктор рядом» оставить на отдельном домене.

Оформление сайта не соответствовало новому фирменному стилю объединенной сети.

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

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

Партнёрская работа

Разработка сайта проходила в сотрудничестве с профессионалами со стороны заказчика — мы благодарим руководителя «Ниармедик» (на момент разработки) Ненюкова Александра Кирилловича и технического руководителя Алексея Кулямзина.

Команда проекта

  • Руководитель проекта: Евгений Лазарев
  • Дизайн: Татьяна Конюшенко, Андрей Штарев
  • Frontend: Юлия Круглова, Сергей Канюков, Сергей Семенов
  • Backend: Роман Шипелов, Константин Василенко, Сергей Никитченко
  • Тестирование: Анна Шорина

Хотите, чтобы и ваш проект был выполнен с таким же вниманием к деталям и фокусом на задачи вашего бизнеса?

Оставить заявку