🧩 Monitoring Center: контроль интеграций без слепых зон

Интеграционные платформы объединяют десятки систем. Но чем больше потоков, тем выше риск сбоев. ЛАБ СП решила создать коробочный Monitoring Center для FESB — инструмент, который даёт поддержку в режиме реального времени.

🎯 Задача

Необходимо было:

1. Показать всю цепочку обмена данными.
2. Дать детализацию до отдельного шага.
3. Сократить время поиска ошибок.

🎨 Проектирование UX

Работа началась с формирования UI-кита. Команда:

• разработала базовые токены;
• согласовала визуальный язык;
• интегрировала Ant Design;
• адаптировала компоненты под аналитику.

Дизайн строился на исследованиях и интервью с технической поддержкой 👥. Это позволило сделать интерфейс понятным даже для тех, кто не участвовал в разработке интеграций.

⚙ Технологический стек

Frontend построен на React. Такое решение дало:

• предсказуемость развития;
• лёгкость поддержки;
• гибкость при добавлении новых модулей.

Продукт включает:

• сложные таблицы с фильтрацией;
• взаимосвязанные графики;
• виджеты приоритизации ошибок;
• инструменты быстрого поиска.

Разработка шла итерациями — требования уточнялись после встреч с первыми клиентами.

🏁 Итог

Monitoring Center успешно прошёл первые внедрения. Он помогает сократить нагрузку на поддержку и ускоряет устранение сбоев.

В Evrone считают, что подобные продукты рождаются там, где дизайн и инженерия работают как одна команда — без разделения на «красиво» и «работает».