AgentWarden — Dynamo AI

Role

Product Designer

Company

Dynamo AI

Timeline

3 weeks · Mar 2026

Tools

Figma, Webflow, Claude

The brief

Dynamo AI needed a product page for AgentWarden — their AI agent security product covering automated risk evaluation, runtime policy enforcement, and continuous governance. The page had to go live in time for an upcoming event, creating a compressed, deadline-driven timeline.

I was handed a dense, single-page technical document as the starting point. The challenge was dual: I wasn't a domain expert in AI security, and the content in its raw form was not structured for a web audience.

Making sense of the content

Before opening Figma, I needed to understand what the product actually does. I used AI to deconstruct the technical document — identifying the core value proposition, key features, and hierarchy of information — and restructured it into a web-friendly content outline. This let me design with intent rather than just laying out text.

First draft

My first Figma draft translated the full content into a long-form page. But reviewing it myself, I flagged a concern: the page was too long for users to realistically read in a marketing context. Rather than pushing it through, I brought the observation to the product manager before the next review.

Second draft

After the first draft review, the product manager provided a revised document — more concise and easier to parse than the original detailed brief. With clearer prioritization in hand, I produced a significantly shorter second draft with clearer hierarchy and stronger visual emphasis on key metrics.

Iterations

From there I explored several directions — dark and light hero treatments, different layout densities, and varying levels of visual emphasis — to find the right tone for an enterprise security product.

The team aligned on a dark background hero section, which set AgentWarden apart from Dynamo AI's other product pages and communicated the right level of seriousness for a security product.

Iteration 1

Iteration 2

Webflow implementation

At this point I was ready to convert the Figma prototype into Webflow. The Dynamo AI Webflow site was built by an external agency using a complex, globally-scoped component system — every style applied to a component (padding, background color, typography) was shared across all instances site-wide. This meant I could only apply limited local adjustments to containers, and local overrides required careful judgment to avoid breaking other pages.

Throughout implementation, I collaborated closely with the PM, who provided technical diagrams and product visuals while I handled design decisions and component assembly.

What I learned

• Translated unfamiliar technical content into a clear web narrative.
• Stayed proactive — requested additional materials rather than waiting.
• Advocated for a content decision early rather than waiting for feedback.
• Implemented within a rigid, inherited design system under time pressure.
• Learned that working within constraints — both time and technical — is where most real product design happens.