Проектирование и дизайн сайта медицинского центра «УГМК-Здоровье»

Посетить сайт

Начало работ

октябрь 2016

Запуск сайта

апрель 2017

Продолжаем сотрудничество

Клиент

Европейский медицинский центр «УГМК-Здоровье» — крупнейший в Екатеринбурге лечебно-диагностический комплекс.
В его составе многопрофильная клиника для пациентов всех возрастов, детская поликлиника, центр тибетской медицины
и стоматология. В штате центра 287 врачей, а общее количество медицинского
персонала — 497 человек.

Задачи

Создать новый сайт, который:
- увеличит число пациентов,
- повысит лояльность постоянных пациентов,
- снизит нагрузку на колл-центр.

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

Аудит
и проектирование

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

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

СКОРО будет КЕЙС ПРО АУДИТ

Аудит
и проектирование

скоро будет кейс про аудит

Европейский
медицинский центр

Для начала мы подготовили макеты по воронке одного пользовательского сценария — от входа на главную страницу до записи на прием.
На ее примере согласовали дизайн и подготовили остальные макеты. Всего 45 экранов и 7 файлов с UI-kit.

смотреть дальше

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

Каждая страница, как конструктор, состоит из блоков.

дата

заголовок

описание

теги

регистрация

Пациент сам выбирает, как записаться на прием.

Выбрать специалиста

Выбрать специалиста по профилю, например, хирурга.

Выбрать специалиста

Выбрать специалиста по профилю, например, хирурга.

Выбрать определенного врача

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

Выбрать определенного врача

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

Нужна помощь с записью

Оставить имя и телефон, чтобы администратор клиники сам ему перезвонил.

Нужна помощь с записью

Оставить имя и телефон, чтобы администратор клиники сам ему перезвонил.

Выбрать процедуру

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

Выбрать процедуру

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

Сетка и правила группировки

Дизайн сайта адаптивный — он легко перестраивается под экран с любым разрешением благодаря заложенной сетке и блочной структуре.

Сетка и правила группировки

Контекстные баннеры

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

Контекстные баннеры

личный кабинет

Личный кабинет пациента появится на сайте в ближайшем будущем. В нем будут храниться история всех обращений в клинику и результаты обследований. Там же пациенты смогут записаться к врачу и перепроверить детали записи.

Внутренние страницы

Мы подготовили 45 экранов: страницы о специалистах, направлениях, отделениях, раздел с новостями и акциями, прайс-лист и страницу поиска по сайту.

Внутренние
страницы

Иконки

Для сайта мы разработали набор иконок. Они поддерживают пластику логотипа самой «УГМК-Клиники», имеют аналогичную цветовую схему — все для обеспечения консистентности стиля.

Иконки

...и еще более 20 векторных иконок

цвета

#bac3cb

#f1f3f4

#8499a7

#edf2f5

#232427

#fe5403

#ff8500

#ffeed9

цвета

#bac3cb

#f1f3f4

#8499a7

#edf2f5

#232427

#fe5403

#ff8500

#ffeed9

шрифты

Core sans

bold, 48px

bold, 24px

medium, 40px

bold, 20px

medium, 14px

bold, 14px

Regular text

regular, 16px

Заголовок меню

пункт меню

Заголовок меню

пункт меню

Core sans

bold, 48px

bold, 24px

medium, 40px

bold, 20px

medium, 14px

bold, 14px

Regular text

regular, 16px

Заголовок меню

пункт меню

Текст и редактура

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

Результаты

Мы запустили новый сайт 16 апреля 2017 года. За первые 2 месяца глубина просмотра и время на сайте не упали, а выросли, несмотря на то, что сайт все еще наполняется. Продолжаем следить за изменениями.

глубина просмотра

время на сайте

отказы

старый сайт

3.29

3:03

14%

новый сайт

3.96

3:20

13.7%

результаты

глубина просмотра

время на сайте

отказы

старый сайт

3.29

3:03

14%

новый сайт

3.96

3:20

13.7%

отзыв

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

Новый, стильный, лаконичный, европейский дизайн сайта стал полностью соответствовать названию клиники «Европейский медицинский центр». Удобное администрирование сайта внутренними сотрудниками клиниками значительно облегчает ежедневную работу по наполнению и ведению сайта. Все это было осуществлено в нереальные сроки – за 9 месяцев. Вот так очень быстро и приятно родился наш новый сайт.

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

Большая, разноплановая команда на всех этапах переговоров позволяет оперативно решать любые вопросы. Если нельзя осуществить то, что мы задумали, JetStyle предлагает несколько вариантов с тем же функционалом, но с реальной реализацией. Ребята на связи всегда (без преувеличения 24/7/365) и самое главное, JetStyle гибкие (в нужное время, в нужном месте и до нужной стадии)

Борова Наталья Владимировна,
директор по маркетингу