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

Посетить сайт
Начало работ
октябрь 2016
Запуск сайта
апрель 2017
Продолжаем сотрудничество
Клиент

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

Задачи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

дата
заголовок
описание
теги

регистрация

регистрация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Иконки

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

Иконки

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

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

цвета

#bac3cb
#f1f3f4
#8499a7
#edf2f5
#232427
#fe5403
#ff8500
#ffeed9

цвета

#bac3cb
#f1f3f4
#8499a7
#edf2f5
#232427
#fe5403
#ff8500
#ffeed9

шрифты

Core sans
H1
bold, 48px
bold, 24px
h2
medium, 40px
H3
bold, 20px
medium, 14px
H4
bold, 14px
Regular text
regular, 16px
Заголовок меню
пункт меню
Заголовок меню
пункт меню
Core sans
H1
bold, 48px
bold, 24px
h2
medium, 40px
H3
bold, 20px
medium, 14px
H4
bold, 14px
Regular text
regular, 16px
Заголовок меню
пункт меню

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

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

Результаты

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

глубина просмотра
время на сайте
отказы
старый сайт
3.29
3:03
14%
новый сайт
3.96
3:20
13.7%

результаты

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

глубина просмотра
время на сайте
отказы
старый сайт
3.29
3:03
14%
новый сайт
3.96
3:20
13.7%

отзыв

отзыв

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

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

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

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

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

Команда

менеджер проекта
Вячеслав Анисимов
менеджер проекта
Олег Фролов
менеджер проекта
Юрий Романенко
веб-аналитик
Евгений Кузнецов
дизайнер
Артем Купельский
дизайнер
Светлана Шитова
разработчик
Иван Марченко
разработчик
Иван Богданов
разработчик
Дмитрий Чебураха
копирайтер
Рената Хусаинова
Другие работы

Мы работаем над большим количеством крутых
и интересных проектов. Вот еще несколько.