Разработка центра мониторинга для корпоративной интеграционной платформы Integration Gears

1. Вводная задача от заказчика, проблематика, цели

ЛАБ СП развивает Integration Gears — отечественную интеграционную платформу на базе FESB, предназначенную для автоматизации обмена данными между ERP, HRM, IoT, складскими системами и внешними сервисами.

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

Основная проблема заключалась в отсутствии единого инструмента мониторинга, который позволял бы:

• Быстро выявлять ошибки в интеграционных потоках
• Анализировать полную цепочку прохождения сообщений
• Контролировать состояние серверов и сервисов FESB
• Снижать нагрузку на службы технической поддержки
• Ускорять локализацию и устранение инцидентов
• Предоставлять поддержку в формате «единого окна»

Команда ЛАБ СП поставила перед Evrone задачу помочь с созданием Monitoring Center — специализированного продукта для централизованного мониторинга интеграционной платформы.

Со стороны Evrone к проекту подключились frontend-разработчики и продуктовый дизайнер. Наша зона ответственности включала:

• Проектирование UX/UI продукта
• Создание единой дизайн-системы
• Разработку frontend-архитектуры
• Реализацию сложных аналитических интерфейсов и дэшбордов

Дизайн

Разработка проектов HR-Tech

Разработка ERP-систем

2. Описание реализации кейса и творческого пути по поиску оптимального решения

На старте проекта у продукта отсутствовала единая дизайн-система. Мы начали работу с формирования UI-кита и базовых принципов визуального языка.

За основу интерфейсной части выбрали Ant Design — это позволило ускорить разработку и сохранить совместимость с интерфейсными подходами FESB. При этом многие компоненты были существенно адаптированы под задачи enterprise-мониторинга.

Параллельно команда Evrone активно участвовала в продуктовых исследованиях:

• Проводили интервью со специалистами технической поддержки
• Участвовали во встречах с потенциальными заказчиками
• Анализировали пользовательские сценарии
• Тестировали UX-гипотезы совместно с командой ЛАБ СП

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

С frontend-стороны мы спроектировали гибкую архитектуру на React, ориентированную на дальнейшее развитие продукта. Monitoring Center создавался как масштабируемая система, в которой важно быстро внедрять новые сценарии визуализации и аналитики без усложнения кодовой базы.

Ключевыми элементами frontend-части стали:

• Многоуровневые дэшборды мониторинга
• Интерактивные виджеты
• Сложные таблицы с фильтрацией и поиском
• Графики состояния интеграционных потоков
• Инструменты анализа ошибок и инцидентов
• Мониторинг серверной инфраструктуры FESB

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

Разработка велась итерационно. По мере демонстрации MVP потенциальным заказчикам требования к визуализации и аналитике регулярно уточнялись. Благодаря тесной коммуникации frontend-команды Evrone и backend-разработчиков ЛАБ СП изменения оперативно внедрялись без потери качества и целостности архитектуры.

Технологический стек проекта:

• React
• Ant Design
• Enterprise Dashboard Architecture
• UX/UI Design System
• Product Research

UI/UX дизайн

Frontend разработка

Разработка на Ruby on Rails

3. Результаты сотрудничества

За 10 месяцев совместной работы команды Evrone и ЛАБ СП разработали MVP центра мониторинга для Integration Gears.

Результаты проекта:

• Создан специализированный Monitoring Center для платформы FESB
• Разработана масштабируемая frontend-архитектура
• Сформирована единая дизайн-система продукта
• Реализованы аналитические дэшборды и инструменты мониторинга
• Существенно сокращено время поиска и локализации ошибок
• Уменьшена нагрузка на службы технической поддержки
• Продукт успешно представлен первым клиентам и запущен в пилотные внедрения

Дополнительным результатом проекта стала высокая заинтересованность рынка. Потенциальные заказчики активно участвовали в продуктовых исследованиях и тестировании системы еще на стадии MVP.

Monitoring Center позволил ЛАБ СП вывести enterprise-продукт на уровень современных международных решений в области интеграционного мониторинга.

Дизайн цифрового продукта

Разработка сайтов на React JS

Веб дизайн