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

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

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

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

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

На этапе аналитики мы выделили 5 целевых групп пользователей и 6 разделов, которые заинтересуют их в первую очередь:

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

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

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

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

Внутренние страницы выглядят так же сочно и аккуратно, как главная:

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

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

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

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

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

Заказчик может настраивать самостоятельно не только меню, но и раздел «полный комплекс услуг» на главной: здесь можно анонсировать новые услуги, рекламировать акции и продвигать все, что душа пожелает:) Даже теги на карточках настраиваются персонально.

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

Для удобства пользователей на сайте появился продвинутый поиск. Алгоритм такой же умный, как у Гугла — результат отбирается по текстовому совпадению, а также появляются подсказки с релевантными страницами. А ещё можно выбрать, в каком разделе искать.

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

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

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

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

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

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