Медицинский центр «НАДЕЖДА» — это сеть региональных многопрофильных медицинских центров.
iMac
iPad
iPhone
line

О проекте

Медицинские центры «НАДЕЖДА» оказывают широкий спектр медицинских услуг для всей семьи.

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

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

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

plusesАналитика
line

1. Архитектура

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

На основе исследования сформировали архитектуру будущего продукта и выделили ключевые сценарии: поиск услуги, выбор врача, просмотр расписания, запись на приём, проверка цен и получение дополнительной информации.
Главная
страница
Проверка симптомов
Отзывы
Услуги
Специализации
Расписание
Врачи
Медосмотры
Цены
Информация
Филиалы
Акции
Программы
Личный кабинет
Бонусная программа
Контанты
Страница отзывов
Анализы
Медосмотры
Диагностика
arrow-mini
Страница диагностики
Прием врача
Страница специализации
Страница врача
Медосмотры сотрудников
Медосмотры водителей
О компании
Программа лояльности
Вакансии
Для организаций
Страховым организациям
Документы и юридическая информация
Страница акции
Страница программы
Медкарта
Мониторинг
События
Лекарства
Направления
Чат-бот
Врачи
Бонусная карта
Правила
Анкета
Главная страница
Проверка симптомов
Отзывы

Страница отзывов

Услуги

Анализы

Медосмотры

Диагностика

Страница
диагностики

Прием врача

Специализации

Страница специализации

Расписание
Врачи

Страница врача

Медосмотры

Медосмотры сотрудников

Медосмотры водителей

Цены
Информация

О компании

Программа лояльности

Вакансии

Для организаций

Страховым организациям

Документы и юридическая
информация

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

Филиалы
Акции

Страница акции

Программы

Страница программы

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

Медкарта

Мониторинг

События

Лекарства

Направления

Чат-бот

Врачи

Бонусная карта

Бонусная программа

Правила

Анкета

Контанты
Проектирование
line

2. Прототипы

На втором этапе спроектировали основные разделы и собрали интерактивный прототип будущего продукта.

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

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

proto
UI KIT
line

Типографика

Raleway Black & Bold

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Йй Кк Лл

Raleway Medium

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Йй Кк Лл

line

Цвета

  • #d53863

  • #00AAA0

  • #536666

  • #A9B8B8

  • #F3F3F5

line

Элементы

elements
plusesДизайн
line

3. Разработка
дизайн-концепции

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

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

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

Иконки

Разработали набор иконок для основных направлений и услуг медицинского центра.

Иконки стали частью единой визуальной системы и помогают пользователю быстрее ориентироваться в каталоге услуг.
plusespluses
line

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

Адаптировали ключевые пользовательские сценарии под мобильные устройства и планшеты.

Более 70% записей на приём приходилось на мобильные телефоны, поэтому мобильный сценарий стал одним из ключевых при проектировании.
plusespluses
Сохранили функциональность десктопной версии, но перестроили интерфейс под небольшой экран и сделали основные действия доступными в несколько шагов.