Мир меняется, и с каждым годом все больше людей заходят в сеть, используя смартфоны, а не компьютеры. В связи с этим, мощное конкурентное преимущество получают компании, имеющие адаптивную версию своего сайта.
С этой ситуацией столкнулась компания «Сантем». Это Красноярская сеть из трех многопрофильных клиник, которые за год принимают более 200 000 пациентов. У сайта компании не было адаптивной версии сайта, это приводило к понижению сайта в поисковой выдаче и доставляло неудобство посетителям даже в ключевых пользовательских историях, таких как выбор врача или запись на прием.
«Нам пора обновить сайт!» — с этим запросом руководство ООО «Сантем» обратилось в диджитал-агентство Alente. «Мы хотим, чтобы пациентам было удобно посещать наш сайт через смартфоны. Мы также должны дать им возможность записаться на прием к врачу через форму обратной связи, заказать документы для оформления налогового вычета, и сделать наш сайт более современным и удобным».
Обновленный сайт должен:
- стать для пациентов основным источником информации о клиниках, а также эффективной площадкой для коммуникации со специалистами;
- формировать положительный образ компании в интернете, отражать ее специализацию и ценности;
- быть конверсионным и превращать посетителей сайта в первичных пациентов клиник.
.jpg)
Работа с медицинскими сайтами требует неукоснительного соблюдения законодательства. Это вызывает определенные сложности. Так, клиент изначально задумывал интеграцию сайта с медицинским электронным журналом. Такая интеграция помогла бы собрать в личном кабинете пациента всю историю посещений врачей, сведения о выписанных лекарствах, результаты анализов, документы для оформления налогового вычета. Но от этой идеи пришлось отказаться из-за сложностей с получением доступа к базе данных пациентов.
Предпроектное обследование
На этом этапе мы расспросили заказчика о нюансах его бизнеса, проанализировали конкурентов и целевую аудиторию. В ходе работы с Яндекс. Метрикой выявили, что, действительно, 80% визитов на сайт происходит со смартфонов. С них же люди выполняют целевые действия — записываются на прием, заказывают обратный звонок. Адаптивная версия сайта в этой ситуации нужна как воздух.
Затем вместе с клиентом мы продумали UserFlow — путь, который проходит пользователь на сайте, чтобы найти интересующую его информацию или закрыть какую-либо потребность. На основе UserFlow была разработана новая, блочная структура сайта.
На главной странице появился набор блоков с ключевой информацией, помогающих определить потребность клиента и решить её максимально быстро.
- Информация о компании и ее преимуществах;
- Блок с услугами;
- Блок с командой врачей;
- Отзывы;
- Блок контактов с интерактивной картой.
Блочная система оказалась удачным решением. В виде отдельных карточек было решено оформить также список врачей. Каждая карточка несет самую важную информацию об опыте и образовании конкретного специалиста.
Разработанная структура сайта была отражена в подробном техническом задании. Мы постарались сделать сайт максимально дружественным. Например, настроили качественный поиск среди массива медицинской информации. В строку поиска посетитель может ввести специализацию врача, а может набрать свою «боль» и найти связанную с ней информацию.
В разделе «Пациентам» сделали дополнительные вкладки:
- налоговый вычет,
- запрос на предоставление медицинской информации.
На первой вкладке представлены общие сведения о налоговом вычете и условиях его получения, а также расположена форма обратной связи, заполнив которую, пациент может получить справку об оплате медицинских услуг. Для этого потребуется ИНН, а также дата рождения и ФИО. Кстати, можно заполнить форму для нескольких пациентов, это очень удобно для семей с несколькими детьми.
На второй вкладке пациент также может заполнить форму обратной связи и получить все необходимые выписки из медицинских документов. Клиника высылает их по почте.
В подвале сайта разместили баннер для НОК (независимой оценки) согласно требованиям Минздрава, предусмотрели версию для слабовидящих, а также раздел для пациентов с юридической информацией.
Наличие логотипа и брендбука заметно упростило для нас разработку дизайн-концепции.
Мы продумали мудборд и предложили клиенту выбрать цветовую палитру, шрифты, композиционное решение страниц.
Композиционных решений предложили три:
- Уравновешенное. Элементы располагаются динамично, могут использоваться разные пропорции блоков. Это вносит разнообразие в скроллинг, так как информация представлена немонотонно. Текст располагается внутри блоков, но с некоторым количеством свободного пространства.
- Акцентное. В такой композиции предусмотрен акцент — область, на которой сосредоточено внимание посетителя, большое крупное фото или яркий объект.
- Минималистичное. В нем используются простые геометрические формы, отсутствуют дополнительные элементы. Оно характеризуется лаконичностью, простотой, точностью и ясностью композиции.
После того как клиент определился с выбором, мы создали дизайн-макеты страниц десктопной и адаптивной версий сайта:
- Главная страница
- О клинике
- Услуги
- Детальная страница «Услуги»
- Прайс-лист
- Акции
- Помощь пациентам
- ОМС
- Контакты
- Советы и статьи
- Отзывы
- Специалисты
- Детальная страница «Советы и статьи»
- Универсальная страница
- Страница с результатами поиска
- Страница 404
- Страница политики конфиденциальности
Каждая страница была отрисована на всех ключевых разрешениях десктопной и адаптивной версии для того, чтобы убедиться в корректности расстановки приоритетов и подачи информации для посетителей.
Основной приоритет был отдан легкости и скорости загрузки, чтобы даже на медленном мобильном соединении ключевые страницы открывались практически мгновенно. Для этого на бэкенде мы использовали язык программирования Python, а также CMS с Django с визуальным оформлением Jazzmin. Клиент может самостоятельно управлять административной панелью и редактировать контент.
Для адаптивной верстки мы создали html-шаблоны страниц, сделали стилизацию элементов интерфейса (CSS). Адаптивная верстка поддерживается в последних версиях браузеров на основе движка Blink (Chrome, Edge, Opera, «Яндекс. Браузер» и прочие), а также Mozilla Firefox и Safari.
Мы описали и протестировали самые популярные пользовательские сценарии, устранили найденные недочеты. В результате получили функционирующие страницы сайта, соответствующие требованиям технического задания.
Этап предпроектного обследования начался в ноябре 2022 года и закончился в феврале 2023 года. Этап дизайна занял 5 месяцев из-за сложностей согласования с заказчиком, а этап разработки сайта и того меньше — всего 4 месяца. Непосредственно перед запуском мы получили приятное известие — клиент решил доверить нам SEO-продвижение нового сайта. Так часто бывает — убедившись в нашем профессионализме, заказчики перезаключают договоры и продолжают работать с нами по новым направлениям.
