Дизайн сайта медцентра «Медюнион»: больше 1 000 страниц и запись в два шага

Почему сайт пришлось переделать

«Медюнион» – многопрофильный медицинский центр в Красноярске. Клиника работает с 2006 года, лечит взрослых и детей, в штате 72 врача. Пациенты в городе и крае её знают и выбирают.

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

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

Сначала аналитика и прототипы

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

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

Главная из небольших блоков

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

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

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

Больше 1 000 страниц контента

Самая объёмная часть проекта закрывает главный пробел старого сайта. Контентом мы наполнили больше 1 000 страниц:

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

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

Запись в два шага

Форма записи напрямую влияет на ту самую конверсию. Мы разбили её на два коротких шага:

1. Имя и телефон.
2. Специализация и удобные дата и время.

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

Адаптивная версия

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

UI-кит

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

Итог

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

Продвижением сайта «Медюнион» мы тоже занимались. Итоги в кейсе SEO-продвижения медцентра «Медюнион»: больше 10 000 обращений в месяц из интернета.

Нужен сайт клиники, который приводит к записи? Начнём с UI/UX-проектирования и прототипов, а дизайн нарисуем, когда сценарии пациента будут согласованы. Все этапы для медицинских сайтов собраны на странице создание сайта для клиники.