Разработка MVP-консоли управления для платформы защиты API и мониторинга киберугроз

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

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

Заказчику требовалось в сжатые сроки создать MVP-консоль управления для нового решения по защите API.

Основные цели проекта:

• Создать единый интерфейс управления системой защиты API.
• Обеспечить визуализацию событий безопасности и эксплуатационных метрик в режиме реального времени.
• Реализовать удобные инструменты поиска, фильтрации и анализа инцидентов.
• Обновить пользовательский опыт и привести интерфейс к современным UX/UI-практикам.
• Сохранить возможность дальнейшего масштабирования архитектуры без переработки базовых компонентов.

Для ускорения разработки заказчик привлек команду Evrone по модели smart outstaff, сосредоточив собственные ресурсы на развитии ключевых механизмов защиты и анализа API-трафика.

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

UI/UX дизайн

Backend разработка на заказ

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

На старте проекта специалисты Evrone подключились к продуктовой команде заказчика и приняли участие в проектировании архитектуры будущего решения.

Для серверной части был выбран стек на базе Go, что обеспечило технологическую совместимость с существующей экосистемой продуктов заказчика.

Для хранения данных использовалась MongoDB. Помимо бизнес-сущностей система должна была эффективно сохранять и обрабатывать большие массивы событий безопасности, связанных с нарушениями правил валидации API-запросов.

На фронтенде команда реализовала интерфейс на React.

В рамках проекта были разработаны:

• Консоль управления системой защиты API.
• Механизм визуализации событий безопасности и технических метрик.
• Инструменты фильтрации и поиска по большим объемам данных.
• Графики и аналитические панели мониторинга.
• Набор переиспользуемых UI-компонентов для дальнейшего развития продукта.

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

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

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

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

Отдельным направлением стала работа над UX/UI.

К моменту старта проекта у заказчика уже существовала дизайн-система, однако она не покрывала все сценарии нового продукта.

Мы выполнили:

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

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

Разработка на React JS

Разработка на Golang

Frontend разработка на заказ

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

В результате совместной работы команда Evrone и специалисты «Вебмониторэкс» создали готовый к внедрению MVP-продукт.

Достигнутые результаты:

• Разработана полноценная консоль управления системой защиты API.
• Реализован мониторинг событий безопасности в режиме реального времени.
• Создан собственный инструмент визуализации и анализа метрик без использования типовых решений вроде Grafana.
• Внедрены гибкие механизмы фильтрации и поиска по событиям.
• Сформирована масштабируемая архитектурная основа для дальнейшего развития платформы.
• Обновлен пользовательский интерфейс и создана современная библиотека переиспользуемых компонентов.

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

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

Дизайн

Разработка веб-приложений на заказ

Аутстаффинг разработчиков