AppMed

Контекст

О проекте

AppMed – продукт для частной клиники. В частной клинике администраторы и врачи были вынуждены работать в нескольких разрозненных системах: расписание в одном месте, финансы в другом, отчёты в Google-таблицах.

Это приводило к трём проблемам:

• Потеря времени на сверку данных. Администраторы тратили до часа в день, чтобы собрать отчёт по записям и оплатам из разных источников
• Сложность быстрого анализа. Руководитель не мог увидеть узкие места (например, недозагруженных врачей) в реальном времени, чтобы оперативно принять решение
• Риск ошибок из-за человеческого фактора. При ручном переносе данных возникали ошибки, которые влияли на финансовую отчётность и удовлетворённость пациентов

Задача

Что нужно было решить

• Выстроить иерархию метрик: что видно сразу, что – по клику
• Разделить роли администратора и врача без дублирования экранов
• Согласовать визуальный язык с медицинским контекстом – спокойно и читаемо
• Спроектировать адаптивную сетку для планшета и десктопа
• Подготовить UI-kit и макеты к передаче в разработку
• Снизить время администратора на формирование дневного отчёта с 60 до 10 минут и повысить скорость принятия решений

Процесс

Как работала

1. 01

   Исследование и CJM

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

2. 02

   Информационная архитектура

   Сгруппировала блоки дашборда: сводка, расписание, финансы, уведомления. На wireframes проверила, что первый экран отвечает на главный вопрос дня

3. 03

   UI-kit и компоненты

   Карточки метрик, таблицы, фильтры по периоду, статусы приёмов – библиотека в Figma с variants и auto-layout для масштабирования новых модулей

4. 04

   Финальные макеты и handoff

   Отрисовала состояния загрузки, пустые данные, ошибки. Передала спецификации через Dev Mode с сеткой и отступами для адаптивной вёрстки

Решение

Главный экран

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

Итог

Результат

Собрала структуру дашборда и UI-kit для MVP. Команда получила согласованный визуальный язык и макеты с понятной иерархией метрик – без визуального шума и лишних шагов в ежедневных задачах

Смотреть полный кейс на Behance →