«Новомед» — медицинский центр в Красноярске с фокусом на лечении кожи и комплексным подходом: косметология, дерматология, терапия и др. Клиенты приходят по рекомендациям и остаются постоянными.
Роль: продуктовый дизайнер + UX/UI дизайнер.
Развитие проекта с нуля до единицы:
— Собрала бриф и информацию по проекту вместе с продуктом;
— Провела 10 интервью с постоянными клиентами и опросила 2 администраторов;
— Проанализировала конкурентов и личные кабинеты других клиник;
— Спроектировала структуру сайта и пользовательские пути;
— Определила вместе с продуктом состав личного кабинета на основе данных;
— Сделала дизайн-концепцию на основе брендбука клиники и отрисовала все макеты — сайт, личный кабинет, сценарий записи, мобильную версию, все состояния и экраны завершения;
— Проработала User Flow, User Story и corner cases;
— Написала и отредактировала тексты;
— Подготовила макеты для вёрстки;
— Контролировала вёрстку разработчиком на WordPress.
Команда: продукт, дизайнер, разработчик, контент-специалист.
Срок: 4 месяца.
UX/UI research
Product Design
18%
26%
62%
12,5%
Записаться можно было только по телефону — каждый раз звонить в клинику неудобно. Это подтвердили 10 интервью с постоянными клиентами.
На сайте не было информации о врачах — пациент не понимал, какой специалист ему подходит.
Не было общего списка услуг и направлений — нельзя было понять масштаб клиники и сразу записаться.
На старом сайте текст был на всю ширину страницы — читать неудобно. С главной было непонятно, что это за клиника.
Сайт не приносил заявок: трафик шёл только из 2ГИС, посещения короткие. Клиника не могла запускать рекламу, так как некуда вести трафик. Важно было перепроектировать сайт так, чтобы он приводил заявки и был готов к рекламному трафику.
Администраторы были перегружены записью по телефону. Задача была спроектировать личный кабинет с самостоятельной записью на приём, отслеживанием анализов, и актуальных записей, чтобы снять часть нагрузки с администраторов.
Кейс 1
Провела 10 интервью с постоянными клиентами и опросила 2 администраторов
Что показали опросы клиентов:
— Хотят записываться онлайн и не звонить каждый раз;
— Хотят видеть информацию о врачах, чтобы понимать, какой специалист подходит;
— Хотят видеть все услуги и направления, чтобы понимать масштаб клиники и записываться сразу.
Что показали опросы администраторов:
— Большая часть времени уходит на телефонные записи;
— Онлайн-запись снизила бы нагрузку.
Эти данные стали основой состава личного кабинета — вместе с проджектом зафиксировали, какие блоки и данные нужны.
При проектировании сценария записи учли корнер-кейсы и ошибки:
— Оплата сохранённой или новой картой, чтобы постоянному клиенту не нужно было вводить данные повторно.
— Возможность записаться с оплатой в клинике для тех, кто не готов платить онлайн.
— Уведомление о неуспешной оплате, и пользователь возвращается к записи с сохранёнными данными, выбирая другой способ.
— Возврат к предыдущему шагу, позволяет исправить данные записи, не начиная заново.
— Выбор другого времени или врача, если нужный слот заняли во время оформления.
User Flow личного кабинета
Все ключевые сценарии (ПК-версия)
Зафиксировала основные пользовательские сценарии записи на прием, где пользователь последовательно выбирает направление, врача, дату и время и подтверждает запись с оплатой онлайн или в клинике.
Спроектировала навигацию на сайте, архитектуру страниц и личного кабинета, чтобы оптимизировать и сократить путь пользователя от захода в личный кабинет до записи на прием.
Вынесла краткую карточку пациента
в боковую панель справа, чтобы пользователь был уверен, что записывает нужного члена семьи.
Разработала мобильную версию сайта, так как часть пользователей записывается с телефона. После запуска пользователи стали самостоятельно записываться через личный кабинет и отслеживать записи, что снизило нагрузку на администраторов на 18%.
Все ключевые сценарии (Мобильная версия)
Кейс 2
Провела UX-аудит текущего сайта. Текст шёл на всю ширину и не читался, не было информации о врачах и направлениях — пользователь не понимал, чем клиника может помочь. Не было форм записи — клиника не получала контакты и заявки.
Провела 20 глубинных интервью и выявила сегменты посетителей:
Профилактика (25–35 лет): начинают заботиться о коже и хотят сохранить результат.
Лечение (14–30 лет): приходят с конкретной проблемой кожи и нужен курс лечения.
Возрастные изменения (35–60 лет): хотят замедлить изменения и ждут результата.
Провела анализ конкурентов: у других клиник пользователь изучает услугу и записывается прямо со страницы, не возвращаясь на главную. Есть удобная навигация, фото и видео для услуг, а форма записи доступна на каждой странице. Это взяла за ориентир для структуры сайта.
Собрала текстовый прототип, отвечающий на вопросы аудитории. Добавила врачей и направления, привязала услуги и статьи к каждому направлению.
Формы записи вынесла на внутренние страницы, чтобы заявку можно было оставить прямо при изучении услуги, не возвращаясь на главную.
Ассоциации
Зафиксировала ассоциации, на которых должен строиться дизайн: чистота, лёгкость, тема кожи. Брендбук строился на тёмных и ярких оттенках, поэтому к брендовым добавила светлые, близкие к фирменным, чтобы сайт смотрелся светлее, а палитра стала богаче.
Отрисовала все страницы и собрала компоненты дизайн-системы — чтобы клиника могла расширять сайт без потери стиля.
Редизайн сайта и личный кабинет дали результат:
— Устранила UX-ошибки, которые мешали пользователю совершать целевое действие;
— Оптимизировала структуру страниц и путь пользователя, сайт стал удобнее и цели достигаются проще;
— Разработала дизайн-систему, которая позволяет масштабировать сайт и создавать новые страницы и компоненты;
— Сделала взаимодействие с сайтом проще и результативнее для бизнеса: новые клиенты отмечают удобство сайта, могут почитать про услуги, причины проблем и возможности клиники;
— Клиенты с рекламы начали оставлять заявки на сайте;
— Среднее количество клиентов в месяц выросло на 12,5% за 6 месяцев;
— Доля клиентов, использующих запись через сайт, увеличилась на 26%;
— Конверсия подтверждения записи на приём составляет 62%;
— Нагрузка на администраторов снизилась на 18%.
Визуал построила на основе брендбука клиники. За основу взяла фирменный тёмно-серый, зелёный оставила как акцент. Добавила светлый сине-зелёный, ассоциация с чистотой, и бежевый, связь с темой кожи: клиника лечит кожу, и это считывается в палитре.
Палитра расширена осознанно: каждый цвет решает задачу, поэтому сайт выглядит свежее и сохраняет фирменный стиль.
