Building cloud infrastructure discovery tool

Wallarm

Building cloud infrastructure discovery tool

A six-week build of Wallarm's infrastructure discovery tool, designed and shipped in code.

Design EngineeringAI WorkflowsUser Research / InterviewsFacilitationDesign Systems
Timeline
May to June 2026
Product
Infrastructure Discovery
Role
Product / UX designer

Reading time: 4 min

All projects

TL;DR

I redesigned Wallarm's infrastructure-discovery graph. The old version used a physics layout that scattered every asset with equal weight; the redesign is a fixed, severity-first view that puts a team's real exposure first. It shipped and went to AWS Summit, and from the feedback I explored where it goes next: an attack-path concept that turns the map into a way to decide what to fix, built fast with AI.

The future-state prototype. An exposure score and a funnel that narrows twelve internet-facing assets down to the two that can reach crown-jewel data, a plain-language summary, a "fix these first" list ranked by how many attack paths each choke point breaks, and a graph that animates the route from the internet to the database.

01 · How I work with AI

AI does the reading and the grunt work, the judgment stays mine

I'm a designer who works in the code, and AI is genuinely how I work here: it does the reading and the grunt work so I can spend my time on design judgment. Engineers owned the backend; I owned the design, and I ran the same loop on every problem.

  1. 01

    Understand

    AI reads the real backend and data and runs fast competitor analysis, so I design against what the product can actually do and how it fits with Wallarm's other products, instead of guessing.

  2. 02

    Explore

    I quickly assemble several directions as working prototypes in code, not flat mockups, so I can get them in front of users and test as early as possible.

  3. 03

    Spec

    I write the decision down: the options, the choice, the risks. The spec is the design artifact.

  4. 04

    Build

    I take the chosen design into the live product myself, driving coding agents across parallel git worktrees, and because our design system is built to be machine-readable, I ship my own updates and new concepts to production.

  5. 05

    Validate

    I put the prototype in front of potential users, running on real seeded data and real topology rather than a happy-path mock, and iterate on their feedback.

  6. 06

    Ship

    The design merges into the live product as merge requests.

My setup: Claude Code with custom skills and subagents, our LLM-adapted design system, all in the product's real React stack.

On this project, that meant: I designed against real data, which is how I caught that the crown-jewel attack paths weren't buildable yet and rescoped before we wasted weeks. I compared more concept directions than a static mockup workflow could. And I shipped my own UI changes and type fixes as merge requests.

The design system all of this ran on was being rebuilt to be machine-readable at the same time, a parallel track with its own case study

02 · State 1, the inherited graph

Impressive on a demo account, unreadable on a real one

The centerpiece was an interactive topology graph. It looked impressive on a demo account and collapsed into an unreadable hairball on a real one, where a critical internet-exposed asset looked the same as a benign one. It answered "what do I have," when what a security team needs to know is where it is exposed and what to fix first.

Inherited concept
app.wallarm.com
The inherited infrastructure graph, every asset the same weight
Everything as a map, every asset equal. One of these is a live path to your data, and the graph can't tell you which.

It was also read-only, with only structural data collected, so risk had to be inferred from configuration, not content.

03 · The reframe

From "what do I have" to "what do I fix first"

Eight interviews with security engineers said the same thing: they don't open the tool to admire a map, they open it to find the one exposed path that matters. That split the work in two: a redesign to ship now, and an attack-path concept to pitch.

8

Interviews with security engineers, all pointing at the same split

The same estate, two questions

The same estate, two questions
Left, the inherited graph: every asset the same weight, a map to read top to bottom. Right, the redesign: the exposed path pulled forward, everything healthy dimmed back.

04 · Prioritization

Every idea on the board, ranked by impact against effort

The feedback came in with very little time left to act on it. The job was to pick the few things that mattered most to users and were realistic to build in what was left, and what they asked for lined up with the directions we had already been leaning toward. I ran a couple of sessions with the engineering team: every idea went up on the board, grouped by direction, then ranked by impact against effort. What came out was a short list we could actually ship.

Ideas, grouped and ranked

Ideas, grouped and ranked
Everything from the interviews went up on one board and got grouped into directions: entry state, investigation flow, compliance, recommendations. Then we sorted the same notes by impact against effort, and the high-impact, low-effort corner became the go-live list.

05 · The design decisions

Three moves turned the inventory map into a triage view

Three moves turned the inventory map into a triage view. Each one was a spec.

Demote the plumbing

Demote the plumbing
The VPC, the subnets, the containment edges still derive the grouping and the layout, they're just never drawn. Taking the plumbing off the canvas was the first move, and the assets that matter were finally legible.

Kill the force simulation

Kill the force simulation
The reversal I'm proudest of. Physics looked alive, but it spilled nodes out of their clusters and reshuffled on every load, so the one asset you needed could drift off-screen. I pulled it out and replaced it with a deterministic grid, ordered severity-first. Same input, same layout, every time, and the dangerous assets stay on screen by design.

Severity as the visual language

Severity as the visual language
Severity had to be readable at a glance and impossible to average away. Each container takes a worst-case floor, so one critical among a hundred assets still colors the whole card red, and a bar underneath shows the full spread from critical to clean.

06 · State 2, shipped

A clustered graph and five views that speak one severity language

The redesign shipped: a clustered, severity-first graph, five security views that speak one severity language, and a guided onboarding flow, all built on the new design system as it migrated. We showed it at AWS Summit.

Shipped
The shipped severity-first dashboard: assets at risk, risky findings, and drift events across the estate.
The infrastructure graph with a selected asset's findings, attack path, and remediation in a side panel.
The guided onboarding: connect an AWS account read-only and get the first scan in minutes.

07 · State 3, the concept

The paths an attacker could actually walk, ranked

From the launch feedback, I explored where the product goes next: an attack-path concept. Instead of showing everything, it surfaces the paths an attacker could actually walk, ranked by what matters. I built it as a clickable prototype, with AI.

Concept

Open the prototype full screen →

The prototype itself — live, not a recording. A short guided walkthrough points to what to click next: switch to the topology, zoom from the account down into a VPC, and open a flagged asset. Take it at your own pace, or skip the guide and explore.

08 · Impact

Severity now decides where things sit

  • The layout stopped contradicting the product: the old simulation spaced assets evenly regardless of severity, so severity now decides where things sit.
  • Risk legible at a glance: the product now hands you an answer instead of raw data.
  • A strategic reframe delivered to product as a costed, phased proposal.
  • Designing against real backend data rather than happy-path mocks, so testing showed real behaviour instead of a clickable illusion.
  • AI compressed the delivery: within the six-week build, the concept went from first working version to user-validated and shown at AWS Summit in about three weeks, with a base ready for the next round of improvements.

This is an internal B2B tool, so the evidence is the work itself: a graph that survives real topology, and a shift in what the product is for.

09 · Reflection

The shift from inventory to risk

What I'm proudest of isn't the prettiest screen. It's the shift from inventory to risk, a layout that keeps the dangerous assets in view, and the speed. AI let me take a working concept to user-tested and release-ready quickly, and still lay the groundwork for where the product goes next.

Next project →

Building a design system machines can read