Gas Pipeline Operational Intelligence Platform
Luxoft
2022
Дизайн сложной enterprise-экосистемы, ориентированной на работу с большими объемами данных, мониторингом операционных процессов и поддержкой принятия решений в промышленной среде.
Senior UX/UI designer, Lead
роль
Контекст
Компания работает в промышленной среде, где операционные процессы связаны с большим количеством взаимосвязанных сущностей, мониторингом инцидентов, сложными workflow и постоянной работой с данными в режиме реального времени.
Целью дизайна стало создание масштабируемой операционной платформы, способной поддерживать сложные процессы, сохраняя при этом читаемость, скорость взаимодействия и системную целостность продукта.
Основная сложность проекта заключалась в проектировании интерфейса, который помогал бы быстро выявлять критические инциденты и операционные сигналы в условиях высокой информационной нагрузки.
Вызовы
высокая информационная плотность интерфейсвзаимосвязи между модулями и сущностями
необходимость быстро выделять критические состояния
сложность навигации внутри связанных переходов в рамках процесса
поддержка разных пользовательских ролей
необходимость сохранять консистентность при росте платформы
масштабирование паттернов взаимодейстивя для новых сценариев
Проект требовал системного подхода к архитектуре интерфейсов и взаимодействию с операционными данными.
Импакт
Для пользователя
Состояние всего парка считывается с дашборда в один взгляд. Диагностика аномалии — единый flow с сохранением контекста вместо десятка разрозненных действий.
Продуктовый
Компания получила продукт, который оцифровывает инженерную экспертизу компании и усиливает её позицию как поставщика решений, а не только оборудования.
Команда
Дизайн-система стала фундаментом для масштабирования: новые модули и типы оборудования подключаются на готовых паттернах, без редизайна с нуля.
Единые токены и компоненты убрали согласования «как это должно выглядеть». UX-решения уходили во фронтенд без существенных переделок, цикл «дизайн → релиз» сократился.
Ключевые кейсы
Моя роль Lead UX/UI
Исследование и архитектура. Провела интервью со стейкхолдерами и предметными экспертами, выстроила терминологию совместно с инженерами заказчика. Построила CJM для ключевых ролей, выделила критические точки принятия решений и узкие места в текущих процессах. Спроектировала информационную архитектуру с иерархией «парк → станция → агрегат → узел → параметр» и логикой быстрого drill-down без потери контекста.
Работа с данными и визуализация аналитики. Переработала UX-модель управления состоянием насосной системы. Спроектировала единый дашборд с ключевыми метриками парка и сценарии последовательного «расследования» от общей картины до конкретной аномалии. Разработала библиотеку аналитических виджетов: трендовые графики, корреляционные диаграммы, индикаторы состояния, alarm-таймлайны, сравнительные виды для нескольких агрегатов. Для каждого виджета определила приоритеты считывания — что инженер должен увидеть в первую очередь, что глубже по drill-down, что прячется за hover/expand.
UI и дизайн-система. Адаптировала Material Design под промышленный data-heavy контекст: расширила палитру статусов оборудования (норма, предупреждение, авария, нет данных, режим обслуживания и др.), пересобрала типографическую шкалу и сетку под высокую плотность таблиц и графиков, добавила недостающие компоненты — индустриальные индикаторы, схемы оборудования, сложные таблицы телеметрии. Собрала дизайн-систему как самостоятельный продукт со своими токенами, паттернами и правилами применения, синхронизировала её с фронтенд-командой.
Лидирование команды и процессов. Распределяла задачи по UI-дизайнерам, проводила ревью, поддерживала консистентность между фичами и релизами. Защищала решения перед бизнесом и инженерами заказчика, итерировала по результатам обратной связи и тестов с реальными пользователями.