Revoks
Портфельный дашборд для Head of PMO: мой подход к продуктовому UX/UI и дизайн-системе.
Роль: Product/UX/UI
Период: 2023–2026
Платформа: Web
Какую проблему решаем
В больших проектах статус обычно размазан по разным местам: трекер задач, таблицы, письма, чаты. В итоге руководители получают либо “красивый отчёт”, либо тонны деталей, и всё равно не понимают, где реально горит.
Мы сделали дашборд, который помогает не просто “посмотреть цифры”, а быстро понять, что идёт не так, почему и какие действия важнее всего.
Цель
Сделать один дашборд для Head of PMO и бизнеса, чтобы:
- за минуту понять, всё ли нормально по портфелю,
- быстро увидеть самые критичные риски,
- и перейти от “статуса” к конкретным решениям и действиям.
Моя роль
В проекте Revoks я работала как UX/UI-дизайнер полного цикла: от исследований и интервью до трёх этапов редизайна, информационной архитектуры, user flow, прототипов и дизайн-системы. Переводила AI‑прогнозы и метрики портфеля в понятные решения для PMO и бизнеса.
От интервью к прототипу
Показываю рабочие артефакты Revoks: исследования, структуру продукта, визуальный дизайн и прототипы для передачи команде.
Что выяснили на интервью
Роли и сценарий
Интервью помогли разделить задачи PMO, PM и бизнес‑заказчиков, а затем собрать путь от обзора портфеля к действию.
Роли и сценарий
Интервью помогли разделить задачи PMO, PM и бизнес‑заказчиков, а затем собрать путь от обзора портфеля к действию.
User Persona
Создана персона на основе JTBD-подхода: я провела интервью с людьми, которые управляют портфелем и отчитываются наверх: PMO, PM, бизнес-заказчики
После создания user persona стало ясно, какие задачи и потребности важны для пользователя. Это помогло сфокусироваться на нужных функциях и упростить интерфейс.
JTBD
Мы выделили четыре основные задачи Head of PMO:
Прогнозировать и удерживать сроки
Когда планы или скоуп меняются, хочу реалистичный прогноз и авто-пересчёт сроков, чтобы удерживать дедлайны и управлять ожиданиями.
Контролировать бюджет и трудозатраты (T&M)
Когда факт/счёт расходится с планом, хочу видеть план-факт по часам и деньгам с причинами, чтобы защищать смету и доверие.
Давать прозрачный статус для бизнеса в один клик
Когда стейкхолдер спрашивает статус, хочу показать понятный дашборд (БТ → ФТ → задачи, план-факт, договорённости), чтобы быстро согласовывать изменения.
Управлять рисками и ресурсами на уровне портфеля
Когда растут риски или проседают ресурсы, хочу видеть загрузку по ролям и реестр рисков, чтобы вовремя перераспределять и предотвращать срывы.
Информационная архитектура
Чтобы не перегрузить интерфейс, мы разделили просмотр:
- Обзор - коротко: сроки, бюджет, риски, ответственный.
- Провал в детали - почему так произошло: что именно сломалось, где узкое место, что можно сделать.
User Flow
Собрала user flow Head of PMO: путь пользователя мы строили вокруг сценария “от обзора к действию”.
Как исследования изменили интерфейс
После интервью с Head of PMO, PM и бизнес‑заказчиками стало ясно: им нужен не общий статус, а быстрый путь от проблемы к причине. Поэтому я разделила экран на короткий обзор и слой деталей, где видно, что требует внимания.
UI Design
Интерфейс Revoks собирает ключевые метрики портфеля в одну панель. Head of PMO за 30 секунд видит здоровье проектов, прогноз релизов, риски и нагрузку команды и может провалиться в детали без вручную собранных отчётов.
Wireframe
На этапе вайрфреймов я прорабатывала структуру экранов и приоритет метрик. Собрала серию статичных макетов, чтобы вместе с командой согласовать, какие виджеты должны быть «над сгибом», а какие детали увести на второй уровень.
Prototype
Первый дизайн был перегружен и запутан. На разборе прототипа стало ясно, что нужно упростить навигацию, сильнее развести уровни деталей и сделать главный статус заметнее.
Дизайн сегодня
Что было изменено: интерфейс стал модульным: можно быстро перемещаться между задачами, отчётами и фильтрами.
Убрала визуальный шум и сделала акценты на действия.
Добавила интерактивные фильтры и единый стиль отображения карточек задач.
После тестирования прототипа пользователи отмечали, что новый интерфейс стал “понятным” и “более спокойным для восприятия”.
Design system
Параллельно мы сделали дизайн-систему, чтобы:
