Агрегатор сканеров
в кибербезопасности
Cybersecurity Scanner Aggregator
Продуктовый дизайн для платформы безопасной разработки (DevSecOps). Спроектировал с нуля MVP для консолидации данных из нескольких сканеров уязвимостей. Product design for a secure development platform (DevSecOps). Designed from scratch an MVP for consolidating data from multiple vulnerability scanners.
axel.pro
После ухода зарубежных вендоров с российского рынка возник острый дефицит инструментов для безопасной разработки (DevSecOps). Компании столкнулись с проблемой: данных от разных сканеров много, они разрознены, а единого удобного интерфейса для их консолидации не осталось.
Моя роль: Lead Product Designer. Мне предстояло с нуля спроектировать отечественное решение, которое помогало бы ИБ-специалистам находить и приоритизировать уязвимости в коде.
After foreign vendors left the Russian market, there was an acute shortage of DevSecOps tools. Companies faced a critical problem: data from multiple scanners was scattered with no unified interface to consolidate it.
My role: Lead Product Designer. I had to design a domestic solution from scratch to help security specialists find and prioritize code vulnerabilities.
Главная цель — за 2–3 месяца разработать MVP, который можно было бы показать потенциальным заказчикам для запуска пилотов.
Сложности
- Сжатые сроки: нужно было быстро собрать кликабельный прототип.
- Специфическая аудитория: безопасники — закрытое сообщество, с ними сложно проводить классические исследования, а их время стоит очень дорого.
- Плохой рынок референсов: у существующих аналогов исторически сложился перегруженный и «канцелярский» UX/UI.
The main goal was to develop an MVP within 2–3 months that could be presented to potential clients to launch pilot projects.
Challenges
- Tight deadlines: a clickable prototype had to be built quickly.
- Specific audience: security specialists are a closed community — hard to research classically, and their time is very valuable.
- Poor reference market: existing tools historically have an overloaded, bureaucratic UX/UI.
Чтобы решить задачу, я сфокусировался на трёх направлениях.
1. Формирование визуального стиля
Ушёл от «корпоративной духоты» в сторону современного, дружелюбного интерфейса. Разработал логотип и визуальный язык, который общается с молодыми специалистами на «ты».
2. Проектирование ключевых сценариев
- Дашборд проектов: создал систему цветовой индикации критичности, чтобы пользователь за секунду понимал общую картину уязвимостей.
- Работа с дефектами: спроектировал гибкую таблицу с фильтрацией и детальные карточки (side-pages), где агрегируются данные из разных сканеров (Jira, GitLab и др.).
- Security Gate: визуализировал логику «цифровых ворот», чтобы автоматизировать процесс проверки трафика.
3. Оптимизация процессов
Использовал нейросети для генерации графики, чтобы сэкономить время на отрисовке и сосредоточиться на UX-логике. Провёл более 15 UX-тестов с представителями целевой аудитории, чтобы проверить гипотезы.
To solve the problem, I focused on three directions.
1. Building the Visual Identity
Moved away from "corporate stuffiness" toward a modern, friendly interface. Developed a logo and visual language that speaks to younger specialists on their level.
2. Designing Key Scenarios
- Project Dashboard: created a color-coded criticality system so users can understand the overall vulnerability picture at a glance.
- Defect Management: designed a flexible filterable table and detailed side-pages aggregating data from multiple scanners (Jira, GitLab, etc.).
- Security Gate: visualized the digital gate logic to automate traffic verification.
3. Process Optimization
Used neural networks for graphic generation to save time and focus on UX logic. Conducted 15+ UX tests with target audience representatives to validate hypotheses.
Я хотел сразу задать тон продукта — современный и технологичный, отличный от «тяжёлых» энтерпрайз-решений.
Использование AI-генерации для визуалов позволило быстро создать уникальную атмосферу, не тратя недели на иллюстраторов, и при этом выделить продукт на фоне конкурентов.
I wanted to set the product tone from the start — modern and technological, distinct from "heavy" enterprise solutions.
Using AI-generated visuals allowed us to quickly create a unique atmosphere without spending weeks on illustrators, while making the product stand out from competitors.
Главному инженеру по безопасности важно за секунду оценить масштаб проблем во всех проектах.
Я внедрил систему цветовой индикации (шкалу критичности). Теперь пользователю не нужно вчитываться в цифры — по соотношению цветов в строке он сразу видит, где горит «красная» зона и требуется немедленное вмешательство.
The lead security engineer needs to assess the scale of problems across all projects in seconds.
I introduced a color-coded criticality scale. Users no longer need to read through numbers — the color ratio in each row immediately shows where the "red zone" is and urgent action is required.
Мы столкнулись с дилеммой: данных очень много, но перегружать таблицу нельзя.
Я реализовал концепцию Side-page для быстрого просмотра деталей без потери контекста таблицы. Это сокращает количество кликов и когнитивную нагрузку при массовой обработке уязвимостей.
We faced a dilemma: there is a lot of data, but the table cannot be overloaded.
I implemented the Side-page concept for quickly viewing details without losing the table context. This reduces the number of clicks and cognitive load when processing vulnerabilities in bulk.
Одной из ключевых фишек стала визуализация прохождения проверок.
Вместо сухих логов я спроектировал наглядный статус-бар Security Gate. Это позволяет команде разработки мгновенно понять, на каком этапе и почему сканирование заблокировало релиз.
One of the key features was the visualization of scan check progress.
Instead of dry logs, I designed a clear Security Gate status bar. This allows the development team to instantly understand at what stage and why the scan blocked the release.
- Готовый MVP: за 3 месяца был создан полнофункциональный кликабельный прототип.
- Валидация: по итогам презентаций и тестов получили высокую оценку UX от профессионального сообщества.
- Бизнес-эффект: удалось достичь главной цели — получить подтверждённый интерес от нескольких крупных компаний на проведение пилотных внедрений. Сейчас проект находится в стадии активной разработки.
- Ready MVP: a fully functional clickable prototype was created in 3 months.
- Validation: presentations and tests resulted in high UX ratings from the professional community.
- Business Impact: achieved the main goal — confirmed interest from several large companies for pilot implementations. The project is now in active development.