Флеболог-Сочи

Флеболог-Сочи

Редизайн корпоративного сайта медицинского центра, аналитика и интеграция с МИС

Сочи

Редизайн корпоративного сайта медицинского центра, аналитика и интеграция с МИС

Мы стали первыми разработчиками, которые реализовали интеграцию сайта на Битрикс с 1С:Медицина без готового модуля и коробочных медицинских систем. Расскажем о нашем опыте в этой статье, покажем модуль и поделимся, как мы воплотили это решение в жизнь. Помимо интеграции мы улучшили и освежили проект, проработали коммерческие факторы и создали множество полезного функционала. В данном кейсе мы затронем и эту часть работы, которую будет полезно обдумать и применить у себя владельцам других медицинских сайтов.

Но спустя время случилось удивительное.

Интеграция сайта на Битрикс с 1С: Медицина — реальность, а не миф!

В ITC CODES приходит множество клиентов, которые желают доработать или модернизировать свой сайт медицинской тематики в студии, которая уже прикасалась к этой нише и имеет понимание её специфики.

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

1. Наш сайт был на 1С-Битрикс. Система устроена таким образом, что пакет модулей варьируется от лицензии программного продукта. Интеграция с 1С начинает быть доступной с лицензии Малый Бизнес. Но лицензию можно повысить в любой момент, доплатив разницу стоимости с текущей. И тогда появится модуль интеграции.

2. Битрикс по большей степени — коммерческий продукт, идеальный для интернет-торговли, нежели для медицины. С переходом на Малый Бизнес мы получаем возможность синхронизации с коммерческой 1С (УТ, Розница, ERP и тд), которая будет при интеграции отдавать нам файл в формате CommerceML в то время, когда медицинская 1С отдаёт MedML. То есть, Битрикс не сможет обработать этот файл в таком виде и работать с ним далее не получится без дописок и собственных модулей.

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

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

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

Второй шанс

В апреле 2023 года к нам обратился основатель центра флебологии и лазерной хирургии из города Сочи, по совместительству являющийся главным врачом. У него был сайт медицинского центра на 1С-Битрикс. Конкретной жёстко сформулированной задачи в ходе брифинга поставлено не было: хотелось изменить навигационное меню, освежить сайт с точки зрения визуала, создать блог для профессиональных тематических статей от врачей центра. Мы затронули и тему онлайн-записи в разговоре, насколько это решение было бы актуальным и важным для проекта. И чудо, вопрос интеграции был как никогда кстати. Но ни один из выводов, которые мы ранее сделали в этом вопросе на базе сайта стоматологии не пугал нового клиента. Это было удивительно вдвойне.

С первой встречи от клиента чувствовалось гигантское доверие и лояльность, а также вовлеченность и любовь к своему делу, благодаря которым всегда рождается dream-team тандем Клиент+Студия с чудесными результатами. Когда студия слышит, что ей доверяют свой проект от и до, полностью полагаются на её мнение и идеи, то у неё вырастают крылья.

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

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

Редизайн и реструктуризация

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

Было множество вопросов к составляющим страниц сайта:

• Главная страница сайта, за исключением шапки, футера и баннерного ряда, состояла из 5 блоков. Мы считаем, что главная страница сайта это не просто маршрутизатор по основным полезным пациенту разделам, а страница, которая должна отвечать на все потенциальные вопросы, в том числе, коммерческого характера. Тем более, что этот вывод подтверждался картой кликов в метрике и спросом именно на вопросы коммерческого характера: Услуги центра, специалисты, стоимость услуг.

Основные элементы

Так в проекте появились:

• Раздел «Что мы лечим» с перечнем заболеваний, которые лечат в центре.
• Раздел «Как мы лечим» с методиками лечения заболеваний.
• Страница «Наше оборудование» с картинками и описанием оборудования, в каких областях лечения его применяют и зачем.
• Раздел «Результаты лечения», который содержит в себе портфолио выполненных работ врачами центра. Данный раздел, помимо самостоятельного элемента в структуре сайта, связан с карточками специалистов.
• Раздел «Блог», благодаря которому центр будет продвигаться по информационным запросам из поисковых систем, а также формировать авторитет в тематике. Блог мы создавали с учётом всех требований к удобству пользователей при прочтении контента.

Раздел «Отзывы» мы нарочно вывели из меню сайта и перенесли в раздел «О центре». Отзывы хоть и являются фактором доверия посетителей и поисковых систем, но, к сожалению, не продают и местами вызывают опасения. В наше время достаточно продвинута услуга управления репутацией и она активно применяется в медицинской сфере. Этим вопросом нужно регулярно заниматься, но нет никакой вероятности, что он повлияет на конверсию и доверие, так как всем известно, что отзывы можно накручивать. А проверить центр, врача и сформировать своё личное мнение можно либо с помощью сарафанного радио от надёжного знакомого, либо получив услугу самостоятельно. Помимо этого, отзывы в основном уместны на агрегаторах, нежели на сайте. На учетке сервиса ПроДокторов отзывов о специалистах центра было более, чем достаточно.

В итоге наша новая структура выглядела следующим образом:

Прежняя версия шапки и футера сайта была недостаточно информативна и удобна. В шапке были расположены только логотип, адрес, телефоны и форма заказа звонка. Мы добавили в шапку ссылку на Контакты, геолинк Яндекса с переходом в карту для построения маршрута, время работы колл-центра и заменили форму заказа звонка на форму записи на приём.Футер сайта содержал только лишь информацию о том, что информация сайта предназначена для лиц старше 18 лет и другие ссылки на основные правовые акты и законы в сфере медицины. То есть, перейти на другую страницу сайта можно было только с помощью возврата в начало страницы, а оттуда из меню. Мы вывели в футер структуру сайта, а также контактную информацию: адрес центра, телефоны, почты, ссылки на социальные сети.При переработке структуры сайта мы пришли к выводу, что её необходимо расширять, создавая новые страницы.

Главная страница

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

Помимо этого, она не даёт нужную информацию сразу. Очень хотелось сделать её коммерческой и добавить недостающих элементов, которые бросались в глаза из-за имеющейся насмотренности и опыта при проектировании страниц. Для небольшого сайта мы решили сделать структуру из 8–9 блоков на главной, все из которых полезны для пользователя.

План был следующим:

1. Необходимо донести пациенту, как строится процесс оказания услуги от первичной консультации до результата.
2. Блок с услугами центра переделали полностью. Прежний вид блока не нёс никакой пользы для пациента и возникали вопросы: «Для какого заболевания нужна эта услуга?», «Сколько стоит эта услуга?», «Как проводится эта услуга?», «Что это вообще за слово?» и так далее. Мы создали блок, в котором открыто показали цены и ответили на все волнующие вопросы. Маршрутизацию на посадочные страницы услуг тоже предусмотрели.
3. Клинику, как и любую другую компанию, ассоциируют с людьми. Врачи центра — это лица, которые хотят знать и которым хотят верить. Тематический блок ведёт на карточки специалистов со всей необходимой информацией о них.
4. Конечно же, не хватало информации о центре. История, принципы, миссия и подход очень важно транслировать в сфере, где дело касается человеческого здоровья и качества жизни. 5. Остальные блоки на странице мы визуально освежили в рамках общего стиля.

И получилось у нас вот что:

Страница услуги / заболевания

Раздел «Что мы лечим», фактически играет роль сборника спектра заболеваний, которые лечат в центре: Варикозная болезнь, Тромбозы вен, Телеангиэктазии. Каждое из заболеваний стало отдельной посадочной страницей, на которой расположена информация о заболевании, картинки и видео, форма записи на консультацию. Раздел «Как мы лечим», рассказывает пациентам о методиках лечения заболеваний. Здесь та же схема: метод лечения = отдельная посадочная страница с информацией и формой записи.

На посадочных страницах разделов «Что лечим» и «Как лечим» мы реализовали перелинковочные блоки. Например, Варикозная болезнь лечится методами ЭВЛК и Минифлебэктомия. Это позволяет пациенту помимо ознакомления с общей информацией сразу переходить в методы лечения и изучать подробнее, как проводятся операции.В конце каждой посадочной нас ждёт форма записи на консультацию.

Карточка врача

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

Однако, в процессе согласования решили отказаться от таба Отзывов и Услуг. Свою позицию по Отзывам выше объяснили, а что касается Услуг, то все врачи центра выполняют один и тот же спектор и в этом просто нет смысла. Зато мы решили сделать таб с портфолио конкретного врача в его же карточке, а также возможность записаться на приём к нему же.

У двух врачей центра есть специализация на клинических случаях, которая также отражена в табе Портфолио.

До-после

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

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

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

и Клинические случаи, в которых мы рассказали о сложных ситуациях.

В галерее клинических случаев каждая операция имеет слайдер с несколькими фотографиями, текстовое описание и видео для большей наглядности:

Блог врача

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

• Осложнения заболеваний,
• Медицинское оборудование,
• Все о тромбах,
• Диагностика заболеваний сосудов,
• Лазер в флебологии,
• Лечение варикозной болезни.

Так как мы планируем регулярно выпускать контент в Блог и продвигаться по информационным запросам в органике, мы уделили особое внимание детальной странице. Она максимально удобная для читателя: Автоматическое содержание с кликабельными заголовками, вывод автора статьи (врача центра), Кнопки «Нравится» / «Не нравится», Иконки мессенджеров и соцсетей, в которых можно поделиться страницей без копирования ссылки на материал. Ссылка генерируется с разметкой Опенграф.

На этапе разработки мы оптимизировали наш блог под SEO с помощью генерации шаблонных мета-тегов и микроразметки.

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

Администрирование

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

Клиент освоился в новой системе после одной встречи с демонстрацией экрана. Ниже примеры, как выглядит администрирование страниц сайта:

Форма записи

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

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

Поэтому сценарий записи можно было представить следующим образом:

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

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

Мы нарисовали прототип формы, затем дизайн и у нас получилась форма ровно по задуманному сценарию:

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

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

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

Ответ представителя:

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

Модуль мы планировали реализовать так:

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

В процессе отладки обмена с МИС, мы столкнулись с рядом интересных наблюдений и трудностей:

1. Мы не уделили должного внимания проектированию процесса. На большом энтузиазме мы пошли создавать обменный процесс, не составив подробную схему с участвующими переменными и сущностями. Соответственно, зависимости элементов были для нас не очевидны и разбираться пришлось уже в процессе. Мы получили от внешней системы огромный массив данных и просто записали его в форму сайта с уверенностью, что все закончилось)).
2. Центр работает с 8 до 20 часов по Москве, однако, в файле пришли временные слоты в ночное время: 2:00, 4:00 и так далее. Мы долго думали и гадали, откуда берётся такая информация и все оказалось неочевидно: данные из МИС приходят в 12-ти часовом формате, вместо привычного нам 24-часового а значит 2:00 = 14:00. Ошибку исправляли конвертацией времени в нужный формат.
3. Затем мы попросили регистратуру протестировать соответствие расписания реальному и снова получили информацию о наличии окон, которых нет. Ошибку вычисляли довольно долго и оказалось, что врачи центра принимают на консультации не полный рабочий день, а часть дня. Остальная часть дня отведена на операции и другие мероприятия, не связанные с первичным приёмом. А на них, как мы помним, записаться нельзя. В итоге мы определили, что у врача для консультаций есть «рабочее место» с временными окнами, которое мы выводим под запись на сайте. И с этого момента интеграция была полностью рабочей.

Итоговый сценарий работы процесса интеграции с 1С:

1. Получение данных из файла MedML
2. Обработка на стороне Битрикса
3. Преобразование данных о дате и времени в слоты
4. Вывод на интерфейс формы
5. Получение записи в слот с данными клиента
6. Отправка данных в 1С: Медицина, блокировка слота для записи через регистрацию.

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

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

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

Выводы

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

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

Благодарим нашего клиента за то, что выбрал нас и был максимально вовлечён, лоялен на каждом этапе и искренне поддерживал нашу авантюру. Спасибо большое за ваше доверие, без которого такие проекты не могли бы воплощаться в жизнь.

Давайте обсудим развитие вашего проекта

Просто приходите на бесплатный аудит и получите стратегию развития
на ближайшие 3 месяца:

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

Дарья Семенова

Аккаунт менеджер

Экспресс аудит

Прогноз результатов

Оценку окупаемости