Когда через интеграционную шину ежедневно проходят сотни тысяч сообщений, любая ошибка может дорого обойтись бизнесу ⚡. Именно с такой задачей столкнулась компания ЛАБ СП при развитии продукта Integration Gears на базе FESB. Требовался удобный центр мониторинга — единая точка контроля для служб поддержки.
🎨 Дизайн: от хаоса к системе
У проекта не было единой дизайн-системы. Команда начала с базы:
- Расширили его библиотекой Ant Design.
- Адаптировали компоненты под специфику аналитических интерфейсов.
Параллельно проводились интервью с инженерами поддержки и демо-встречи. 📊 Это помогло выстроить UX под реальные сценарии работы, а не абстрактные схемы.
⚙ Frontend: архитектура и масштабируемость
С самого начала стало ясно — продукт будет расти. Поэтому:
- выбрали React как устойчивую основу;
- унифицировали интерфейс с FESB;
Monitoring Center — это:
- дэшборды и виджеты;
- интерактивные графики;
- многоуровневые фильтры;
- поиск по цепочке интеграций.
Стартовый экран показывает как историю потоков, так и текущее состояние серверов — поддержка видит всё в одном окне 🧭.
🚀 Результат
За 10 месяцев создан MVP, который уже прошёл пилотные внедрения. Службы поддержки получили инструмент для быстрого анализа и локализации ошибок.
Интересно, что в Evrone этот проект называют примером «инженерной эмпатии» — когда интерфейс проектируется не ради красоты, а ради реальной помощи людям в сложных процессах.
