> ## Content Index
> Fetch the complete content index at: https://nevsky.ae/llms.txt
> Use this file to discover other available public pages before exploring further.

# Updated Wallarm Cybersecurity App
- URL: https://nevsky.ae/en/cv/works/updated-wallarm-cybersecurity-app/
- Published: 2019-11-05T08:00:00.000Z
- Updated: 2026-05-21T12:19:42.000Z
- Description: Wallarm has become faster and clearer: a single language of components, smart tables and risk metrics to see the main thing and act immediately
- Author: Александр Невский
- Tags: Product Design Experience, Design & Digital Products, #en

*September 2018 – September 2019*  
Product designer

🫡Worked at Wallarm **from September 2018 to September 2019** product designer

### Work process

I started “debottling” the Wallarm product, a cybersecurity platform for protecting APIs (application programming interfaces) and web applications.

Rebuilt UX logic *(user experience),* cleaned up the old UI *(user interface)* and at the same time launched a full-fledged design system: a library of components + a system of semantic tokens, synchronized with the frontend.

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__01.png)

In cybersecurity, the key is to quickly distinguish noise from signal. I focused on the flow of incidents: from raw traffic and alerts to a clear picture of the attack, its priority and the next action. The interface has become “operator-like”: fewer clicks, better overview, clear statuses and response scenarios.

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__02.png)

### What did you do about the product?

- **UX refactoring:** reworked navigation, triage and incident prioritization scenarios, assembled a single route “observation → incident → response.”
- **UI redesign:** unified tables, cards and event timelines, added skeletons, empty states and predictive tips.
- **Design system:** collected a library of components (tables with aggregations, filters, policy-editor, logs, diffs, YAML/JSON-viewer), described states and variations.
- **Semantic tokens:** colors, shadows, borders, typography, interactivity - through tokens exported to the front (CSS variables/TypeScript) so that design and code remain in sync.
- **Visual analytics:** readable graphics, status badges and risk marks to quickly see **What** happened and **what to do next**.

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__03.png)

### Bottom line

The interface has become faster to use and clearer for security teams: less friction during triage, a smooth visual system, a common language of components between design and frontend.

The project turned disparate screens into a holistic tool that helps not just detect attacks, but manage the response.

*Some more screens:*

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__04.png)

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__05.png)

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__06.png)

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__07.png)

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__08.png)

![](https://storage.ghost.io/c/c3/b4/c3b47bf9-b397-4fd6-898c-a34ffdda20bc/content/images/2026/05/wallarm-cybersecurity-app-cv__09.png)