Сайт Ленинградской областной клинической больницы

Главное о кейсе

Ленинградская областная клиническая больница (ЛОКБ) — главное медицинское учреждение Ленинградской области, современная многопрофильная клиника. В ее структуру входит стационар круглосуточного пребывания на 1053 койки, 38 специализированных лечебных отделений, а также аптека, вспомогательные, параклинические, хозяйственные и прочие службы.

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

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

После вывода проекта в продакшн по системам статистики и аналитики наблюдается увеличение более чем на 30% глубины просмотра сайта, в 2 раза выросло время на сайте, на 10% снизилось число отказов по сравнению с данными по старому сайту.

По брендовым запросам спрос увеличился практически в 2 раза, что говорит о росте узнаваемости больницы в вебе в регионе Санкт-Петербург и Ленинградская область — а это была одна из приоритетных задач данного проекта.

Как проект изменил жизнь пользователей

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

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

Бизнес-задача и ее решение

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

Какой сайт был нужен клиенту:

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

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

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

Обозначенные задачи были успешно реализованы с помощью классического подхода при разработке сайта — водопада:
Аналитика, Проектирование, Дизайн, Верстка, Программирование, Наполнение контентом, Перенос seo, Тестирование, Запуск.

Крафт (мастерство), реализация, технические детали

1. АНАЛИТИКА НА СТАРТЕ ПРОЕКТА
Данному этапу уделили немало времени на проекте, так как удобство — одна из главных задач.

а) Нашли самое нужное

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

б) Учли многообразие аудитории

Мы определи профили ЦА и их потребности. В соответствии с этим выяснили, какие задачи решают пользователи с помощью сайта больницы. И на основании этих данных определили состав блоков на посадочных страницах.

в) Разработали блок-схему со структурой

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


2. ПРОЕКТИРОВАНИЕ
На основе аналитики создали для сайта развернутую структуру и интуитивно понятную навигацию. При этом учли большие размеры организации, сложные связи между элементами и сегменты целевой аудитории.


3. ДИЗАЙН
Разработали дизайн страниц, показывающий, что государственное медицинское учреждение тоже может быть приятным местом. Требовалось убедить пользователя сайта доверить свое здоровье именно этой больнице.

Основным цветом сайта был выбран зеленый, как символ доверия, здоровья, спокойствия.

Шрифт — Inter. Эта гарнитура изначально создавалась для компьютерных экранов, а не для печатных текстов. Поэтому начертание символов в ней максимально разборчивое и читабельное на любом устройстве.

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


4. ВЕРСТКА И ПРОГРАММИРОВАНИЕ
Верстка страниц была намеренно выполнена без параллаксов и с минимумом анимации, чтобы убрать риски долгой загрузки и недопонимания некоторыми группами пользователей.

Настроили и запрограммировали административную часть на базе CMS 1С-Битрикс для удобного и быстрого управления сайтом сотрудниками ЛОКБ.

Учли требования законодательства для сайтов медицинских организаций, для чего внедрили и настроили плагин "Версия для слабовидящих", необходимый для сайта медицинского учреждения согласно Приказу Минздрава РФ от 30.12.2014 № 956н.

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


5. ПЕРЕНОС SEO
Чтобы уже накопленный авторитет в глазах поисковых систем не был утрачен и сохранен уже имеющийся трафик, специалисты по поисковой оптимизации провели подготовительные работы:
- сделали первичную поисковую оптимизацию разделов и посадочных страниц,
- заполнили файл robots.txt,
- настроили автоматическое обновление sitemap.xml,
- настроили аналитику,
- зарегистрировали сайт в веб-мастераx Яндекса и Google,
- составили и внедрили карту редиректов при переносе нового сайта.

Сайт ЛОКБ, как и другие сайты медицинской тематики, попадает под критерии оценки YMYL — «Your Money or Your Life!», «кошелек или жизнь!».

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

При подготовке контента на сайт все тексты проходили проверку врачами соответствующей специализации!

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты