Редизайн дашбордов для крупной газодобывающей компании

Представление сложных данных в наглядной, понятной и эстетичной форме, с помощью оптимальной визуализации данных

Предоставить ключевую информацию, необходимую для стратегического и оперативного управления

Работа с дизайн-системой Consta, большинство компонентов для создания макетов были взяты из нее, дорабатывались, в основном, варианты визуализации данных

Сделать процессы и результаты работы компании более понятными для высшего руководства

Проанализировать данные и добавить новые показатели для более полного представления данных

Поддерживать единый стиль представления данных, что важно для большой компании с множеством подразделений

Задачи

Данные представлены структурировано и наглядно

Компания получила обновлённые макеты дашбордов

Сделали информацию более прозрачной

Отразили дополнительные показатели, важные для оценки бизнес-процессов

результаты

Создали макеты дашбордов в Figma, внедрили цветовую логику и оформили всё в соответствии с принятым стилем.

Подготовка макетов

Разработали структуру дашбордов и предложили подходящие форматы представления данных — включая тепловые карты, канбан-доски и блоки с метриками.

Проектирование визуализации

Изучили специфику бизнес-решений, собрали данные по текущим процессам и определили ключевые показатели, важные для руководства.

Анализ контекста и задач

процесс работы над проектом

1

3

2

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

UI-кит

#FFFFFF

#EDF2F4

#0078D2

#002033

Цвета

#ADCDEC

#56B9F2

#0097D8

#0078D2

#004077

#00D4E4

#B2B2B2

#F38B00

#E65907

#93A445

из чего состоят виджеты

Табы, для переключения визуализаций и показателей

Переключение визуализации с таблицы на график

Фильтрация внутри виджетов

Меню внутри каждого виджета

решения в визуализации данных

Тепловая карта

Такой формат облегчает сравнение между платформами и позволяет оперативно приоритизировать управленческие действия.

За счёт визуального выделения значений по интенсивности она помогает выявить отклонения, рисковые зоны и платформы, требующие внимания.

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

Фильтрация контента всего дашборда

KPI по этапам и задачам

Канбан-доска помогает визуально отследить ход выполнения задач в рамках проекта, показать, на каком этапе находится каждая из них, и вовремя выявить «проблемные зоны».
Визуализация построена по классической структуре Канбана и учитывает матричную организацию проекта. Цветовая индикация позволяет быстро определить, где возникают задержки или отклонения по ключевым показателям.

Таблица с возможностью выбора метрик по бизнес-решениям

В ней собраны данные по каждому этапу процесса — от онбординга команды до разработки и аудита. Видно, сколько времени занимает подготовка решений, где возникают задержки и на каких этапах накапливается «время простоя». Такой формат позволяет быстро оценить эффективность работы по каждому направлению и выявить зоны, требующие внимания.