Токарев Lab Написать

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

Лимфа: редизайн сайта медицинского центра

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

Сергей Токарев

Сергей ТокаревРазработчик проекта. Делаю похожее на заказ.

Лимфа

Что было

НПЦ «ЛИМФА» в Москве с 1996 года лечит лимфедему и лимфостаз без операции. Действующий сайт клиники собран на конструкторе и с годами разросся: в меню несколько десятков пунктов, главная состоит из шести десятков блоков, часть заголовков повторяется. Пациенту, который впервые столкнулся с отёком и ищет, куда обратиться, в такой навигации трудно найти свой случай.

Что изменилось в новой версии

Меню по смыслу. Вместо длинного списка осталось восемь разделов: о клинике, лечение, цены, пациентам, результаты, отзывы, контакты. Внутри «Лечения» страницы по ситуациям: отёк рук, отёк ног, отёк после мастэктомии, трофические язвы, диагностика.

Главная как путь пациента:

  1. Кто мы и кнопка записи на первом экране.
  2. Цифры клиники и рассказ о ней.
  3. Четыре направления лечения.
  4. Результаты пациентов до и после.
  5. Отзывы с рейтингами внешних площадок.
  6. Три шага приёма у врача.
  7. Полезные материалы и частые вопросы.
  8. Форма записи.

Доверие для медицинского сайта

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

Запись на консультацию

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

Как устроено

Двадцать страниц на HTML, CSS и JavaScript без фреймворков, вёрстка подстраивается под телефон.

Для этой же клиники сделаны рекламные ролики нейросетями.

Как было и как стало

Лимфа: сайт до редизайна
Было
Лимфа: новый сайт
Стало

Скриншоты

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

Частые вопросы

С чего начинать редизайн сайта клиники?

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

Что повышает доверие к сайту медицинского центра?

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

Нужна ли форма записи на каждой странице?

Кнопка записи должна быть под рукой всегда: в шапке на компьютере и внизу экрана на телефоне.

Нужно похожее?

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

Написать в Telegram MAX