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

B2B · SaaS · Desktop

Газпром ID

Десктопное приложение для построения организационных диаграмм: визуализация структуры компании, метрик

Роль
Product Designer
Год
2024
Команда
4 дизайнера, бэкенд, фронтенд
Платформа
Web · Desktop
Достижения
3 место на хакатоне
Обложка проекта Газпром ID с интерфейсом сервиса оргструктуры

01 / Контекст

Оргструктура IT-департамента в одном приложении

Газпром Оператор ИД разрабатывает экосистему IT-продуктов для ПАО «Газпром». Задача — десктопное приложение для построения оргдиаграмм. Аудитория — разработчики и сисадмины 20–34 лет.

  • Диаграммы Обновляются сами при изменениях в структуре.
  • Каталог Профили с фото, контактами и ролями — сотрудники обновляют их сами.
  • Команды Состав команд с руководителями и подчинёнными.

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

Поиск сложный, к кому идти — непонятно

Без оргструктуры используют корпоративный портал, СБИС, Confluence — или спрашивают коллег. Вместе с продакт-менеджером разделили фичи на MVP и вторую итерацию.

Доска со стикерами приоритизации фич
Приоритизация фич для MVP

03 / Процесс

От user flow к стилю диаграмм

Путь пользователя: вход, структура по департаментам и проектам, редактирование, создание команд, поиск. Затем вайрфреймы и несколько итераций цвета и формы диаграмм.

Схема user flow сервиса
User flow
Итерации выбора стиля диаграмм структуры
Выбор стилистики диаграмм

04 / Решения

Структура, проекты, поиск и кабинет

01 / 07 Функциональная структура

Иерархия из HR-систем

CEO, CTO департаментов и сотрудники от senior к junior. Данные подгружаются сами, доступны скролл и зум.

Диаграмма функциональной структуры компании

02 / 07 Департамент

Сотрудник — без перехода

При выборе департамента раскрывается список, справа — сниппет карточки сотрудника.

Раскрытый департамент со списком сотрудников

03 / 07 Мини-карточка

Всё, чтобы понять, к кому идти

Статус, формат работы, часовой пояс, проекты, стек, контакты и руководитель.

Мини-карточка сотрудника с подробной информацией

04 / 07 Уведомления

Новости по подписке

Вакансии, новые сотрудники и изменения метрик команд и проектов.

Раздел уведомлений

05 / 07 Проекты

Плитки вместо иерархии для MVP

При выборе проекта открываются команды, которые над ним работают.

Плитки проектов компании

06 / 07 Поиск

По навыкам и интересам

ФИО, должность, проекты, навыки. Частых коллег — в «Избранное».

Поиск сотрудников с фильтрами

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

Профиль обновляет сам сотрудник

Контакты и дополнительная информация, справа — свои проекты и проекты по подписке.

Личный кабинет сотрудника с проектами

05 / Прототип

Сервис в движении

Прототип сервиса

06 / Итоги

3-е место на хакатоне Яндекс Практикума

Задача от Газпром ID — дипломы и благодарность от стейкхолдеров. В следующей итерации:

  • Дашборды Отдельный раздел по командам и проектам.
  • Метрики Фильтрация по статусу выполнения.
  • Roadmap Дорожная карта проектов.
  • Интеграции Календарь и корпоративная почта.
Дипломы команды за 3-е место
Дипломы хакатона