Разработка и продвижение сайта Ленинградской областной клинической больницы

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

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

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

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

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

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

1. Аналитика на старте проекта: провели интервью с представителями клиента, изучили сайты конкурентов, целевую аудиторию, посмотрели статистику по действующему сайту.

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

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

4. Настроили и запрограммировали административную часть для удобного и быстрого управления сайтом сотрудниками ЛОКБ. Учли требования законодательства для сайтов медицинских организаций.

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

6. Запустили сайт на основном домене, начали работы по seo-продвижению, технической поддержке и дальнейшему развитию проекта. 

СТРАТЕГИЯ РАЗРАБОТКИ:

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

Аналитика на старте проекта — важнейший этап разработки. Изучая целевую аудиторию, пути ее следования при решении своих "проблем" (CJM), мы выясняем, что именно на странице заинтересует посетителя, что решит его проблемы и ответит на его вопросы. И потом используем эти знания уже на этапах дизайна и программирования. Так сайт становится удобным для широкой аудитории.

НАШЛИ САМОЕ НУЖНОЕ

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

УЧЛИ МНОГООБРАЗИЕ АУДИТОРИИ

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

РАЗРАБОТАЛИ БЛОК-СХЕМУ СО СТРУКТУРОЙ

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

В деятельности учреждения мы выделили несколько основных сущностей, которые определяли возможные заходы на сайт разных пользователей в зависимости от их потребностей. Ими стали: «Отделения», «Услуги», «Врачи», «Заболевания» и «Информация». Они легли в основу структуры.

Мы визуализировали состав этих сущностей и связи между элементами с помощью сервиса miro.com 

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

ЦВЕТА И ШРИФТЫ

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

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

ИЛЛЮСТРАЦИИ

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

UX И НАВИГАЦИЯ

Аналитика на старте и следование концепции UX-дизайна позволили нам тщательно отследить путь пользователя на сайте и до мелочей продумать навигацию:

— мы закрепили самые кликабельные разделы в хедере, а по кнопке меню-бургер открыли подробный список с выпадающими списками подразделов,

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

— при скроллинге вверх настроили выпадающий из хедера блок с телефонами,

— добавили меню с нижним таббаром для смартфонов.

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

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

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

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

ГЛАВНАЯ СТРАНИЦА

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

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

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

Еще одну кнопку для записи на прием мы разместили ближе к низу контентной области главной страницы.

ОСНОВНЫЕ РАЗДЕЛЫ

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

РАСПИСАНИЕ ВРАЧЕЙ

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

Над таблицей добавили форму поиска и блок с фильтрами.

ИНФОРМАЦИОННЫЕ РАЗДЕЛЫ

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

КОНТАКТЫ

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

РАБОТЫ ДО ПЕРЕНОСА САЙТА НА ОСНОВНОЙ ДОМЕН

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

— сделали первичную поисковую оптимизацию разделов и посадочных страниц,

— заполнили файл robots.txt, 

— настроили автоматическое обновление sitemap.xml, 

— настроили аналитику, 

— зарегистрировали сайт в веб-мастераx Яндекса и Google, 

— составили и внедрили карту редиректов при переносе нового сайта.

ПОИСКОВОЕ ПРОДВИЖЕНИЕ НОВОГО САЙТА

После выкладки сайта на основной домен seo-специалисты отслеживали переиндексацию поисковыми системами обновленных страниц, следили за скоростью и качеством переобхода страниц сайта поисковыми роботами. Меньше чем за месяц, сайт был переиндексирован.

Сайт ЛОКБ, как и другие сайты медицинской тематики, попадает под критерии оценки YMYL — «Your Money or Your Life!», «кошелек или жизнь!» (то есть: если информация на сайте будет неадекватной/неправдой, пользователь может потерять то или другое). Для ранжирования сайтов типа YMYL поисковая система Google использует алгоритм E-A-T. Поисковая система Google является приоритетной при продвижении услуг медицинской тематики, т.к. в Яндексе по услугам в первую очередь ранжируются сайты агрегаторы услуг.

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

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

А ДАЛЬШЕ ПО КЛАССИКЕ...

— Собрали семантическое ядро, сделали кластеризацию ключевых слов, определили посадочные страницы. На конец декабря 2022 года ядро  - это более 1500 ключевых запросов, которое ежемесячно расширяется. 

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

— Написали и разместили контент для основных услуг и продолжаем это делать.

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

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

— Ежемесячно следим за переиндексацией страниц в веб-мастерах и позициями сайта. Анализируем поведение пользователей на сайте и на основе этих данных уже собрали рекомендации по развитию проекта.

Мы разработали не просто сайт, а новый имидж ЛОКБ в вебе, который руководство больницы стремится поддерживать и развивать в дальнейшем.

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

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

Ниже приводим график посещаемости уникальными посетителями по неделям за период июнь 2022 г. по февраль 2023 г.