вика.
Все проекты

B2B · SaaS · Desktop

Stars Map · Росбанк

Аналитическая платформа по оценке результативности команды и планированию её развития

Роль
Product Designer
Год
2024
Команда
2 дизайнера, продакт, бэкенд, фронтенд, QA
Платформа
Web · Desktop
  • 3 место на хакатоне
  • 10 участников UX-теста
  • 5 зарубежных аналогов в анализе
Ноутбук с интерфейсом дашборда Stars Map на тёмном фоне

01 / Контекст

Дашборд навыков команды для руководителя

Starsmap — инструмент Росбанка для развития сотрудников. Задача — дашборд, который покажет руководителю состояние команды и поможет её развивать. Аудитория — руководители, HR, сотрудники и топ-менеджмент.

  • Анализ Сократить время руководителя на анализ состояния команды.
  • Планирование Планировать развитие команды и найм.
  • Решения Упростить управленческие решения и снизить затраты из-за нечёткого понимания компетенций.

02 / Исследование

Интервью, кастдев и анализ аналогов

Собрали опыт работы с действующей платформой и непокрытые потребности. Изучили SAP, BambooHR, Lattice, Mirapolis и MOLGA: сильные решения объединяют оценку, обучение и эффективность на одной платформе.

  • Roadmap обучений Прогнозировать нагрузку и не отпускать на обучение половину команды сразу.
  • Bus-фактор Сотрудники с уникальными компетенциями — ключ к гибкости команды.
  • Чат-бот Быстрый поиск информации по сотрудникам и командам.
Схема user flow дашборда Stars Map
User flow

03 / Стиль

Ничего не отвлекает от данных

За основу — UI-kit Росбанка. Нейтральная светлая гамма, оттенки синего и акцентный красный для кнопок, табов и ховеров на диаграммах.

Мудборд UI-референсов
UI-референсы

04 / Решения

Флоу команды и флоу сотрудника

01 / 08 Команды

Где нужно внимание — видно сразу

В карточке команды — руководитель, bus-фактор и навыки с цветовым индикатором.

Стартовая страница со списком команд руководителя

02 / 08 Создание команды

Перегруженных не добавить

Таблица с фильтрами и поиском, счётчик выбранных. Сотрудники больше чем на трёх проектах недоступны.

На втором шаге — название, тимлид и средние hard и soft skills собранной команды.

Экран выбора сотрудников в новую команду

03 / 08 Страница команды

Аналитика в разрезе кварталов

Характеристики с индикаторами и прогрессом за квартал, круговой график по грейдам.

Страница команды с аналитическим дашбордом

04 / 08 График обучения

Сколько человек учатся одновременно

Статусы цветом: зелёный — пройдено, синий — в процессе, красный — пропущено.

Вкладка графика обучения сотрудников

05 / 08 Сотрудник

Что подтянуть — видно по навыкам

Оценки soft и hard skills, коэффициенты соответствия и стресса, сравнение минимальной и текущей оценки.

Страница сотрудника с оценками навыков

06 / 08 Оценка

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

Самооценка, оценка руководителя, при расхождении — независимая оценка коллеги. Обе стороны обосновывают оценку комментарием.

Вкладка оценки: самооценка и оценка руководителя

07 / 08 ИПР

План развития собирается сам

Навыки ниже минимальной оценки попадают в план автоматически — руководитель корректирует и отправляет на согласование.

Создание ИПР на следующий период

08 / 08 Чат-бот

Ответ в чате вместо поиска

Ассистент на каждой странице: «какой bus-фактор у команды Медиа» — и данные сразу в чате.

Чат-бот ассистент поверх интерфейса

05 / Прототип

Сценарии команды и сотрудника

Сценарий работы с командой
Сценарий работы с сотрудником

06 / Итоги

3-е место на хакатоне

UX-тест прошли 10 человек от 18 до 62 лет: приняли сотрудника в команду, собрали новую команду, создали ИПР.

  • Понравилось Цветовая палитра графиков и дизайн.
  • Редактирование Объединить в одном месте — «Добавить сотрудника» искали рядом с названием команды.
  • Карьера Не хватило данных о росте и соответствии навыков должности.
  • Обучение Видеть запросы на обучение от сотрудника и пройденные курсы.
Диплом за 3-е место на хакатоне
Диплом хакатона