Редизайн сайта клиники effi: премиальный стиль и 8 направлений в одном меню

О клинике

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

В 2019 году мы сделали для клиники редизайн сайта. Перед стартом сформулировали три задачи:

1. Подчеркнуть премиальность клиники новой дизайн-концепцией, цветами и шрифтами.
2. Упростить сайт для пациента: переработать поиск и навигацию по услугам и специалистам.
3. Снизить нагрузку на менеджеров: сделать контент информативным и дать возможность записаться на услугу онлайн.

Ниже показываем, какими экранами мы закрыли каждую из них.

Палитра и шрифты

В палитре четыре цвета: золотой C6AE71 и три оттенка серого. Золотом выделены кнопки записи и плашки с названиями направлений. Тёмно-серый 222222 отдан боковому меню и форме записи, средний серый 777F8F карточкам процедур и подписям, светло-серый F5F7F9 фонам секций.

Заголовки набраны антиквой Cormorant Bold, тексты и меню шрифтом Ubuntu. Антиква в крупных заголовках задаёт спокойный, почти журнальный тон, а Ubuntu легко читается в мелких описаниях услуг.

Главная страница

Главную мы собрали из блоков, которые ведут пациента от первого экрана к записи:

• баннер-слайдер с самыми выгодными акциями клиники;
• плитки основных направлений. Это главный блок страницы: с него пациент переходит к нужной процедуре;
• коротко о клинике и кнопка «Записаться на приём»;
• карточки специалистов: врачей листают по горизонтали, а направления переключают вертикальными вкладками;
• Beauty Outlet, витрина акций;
• отзывы пациентов с фото и короткой подписью автора;
• блог с полезными статьями и новостями клиники;
• форма онлайн-записи, которая разгружает менеджеров;
• карта, на которой видно, где находятся оба филиала.

Навигация: меню, которое не уезжает

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

Пункт «Услуги» раскрывает выпадающее меню. Слева восемь направлений клиники, справа операции и процедуры выбранного, сверху поиск по сайту и кнопка «Записаться на приём». Нужную услугу или специалиста пациент находит прямо в меню, без лишних кликов и переходов.

Страница направления отвечает на пять вопросов

Статистика запросов показала, что в этой сфере решение о процедуре принимают, когда знают пять вещей:

• показания;
• противопоказания;
• стоимость;
• кто из специалистов выполняет процедуру;
• как проходит процедура или операция.

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

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

Дальше идут противопоказания, врачи направления, отзывы и видео о процедурах. Блок «Почему мы?» собирает четыре довода клиники: эффективность, безопасность, долговременный результат и простоту решений. Внизу форма записи из двух полей: имя и телефон.

Блог и внутренние страницы

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

Мобильная версия

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

Что получилось

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

Новый дизайн мы внедрили на сайте в рамках большой работы с effi: параллельно продвигали сайт в поиске, писали тексты для страниц услуг, заполняли карточки клиники в справочниках и настраивали сквозную аналитику. С июня 2019 по октябрь 2020 года заявок с сайта и из справочников стало в 6,5 раза больше. Подробности в кейсе SEO-продвижения клиники effi.

Если сайт вашей клиники выглядит устаревшим или пациенты в нём путаются, посмотрите наши услуги редизайна сайта и разработки веб-дизайна. Для клиник есть отдельная страница: сайт для клиники.