Codegen

I joined Codegen as its founding designer and grew into head of design, building and leading a five-person design and creative team. Together we shaped an agentic developer platform: an autonomous coding agent you could tag from GitHub, Slack, and the tools you already worked in. Hand it a task and it came back with a production-ready pull request. Designing for an AI agent meant rethinking familiar UI patterns from first principles. I owned product design end to end and stayed hands-on in the code. I designed and built the onboarding flow myself, managed the information architecture closely, and shipped features and polish across the product over the years. Codegen was acquired by ClickUp.

01Product

Here's the product in motion: a short walkthrough from a single-line task to a shipped pull request.

The product was deep and highly configurable: integrations across GitHub, Slack, Linear, and Jira, with granular control from sandbox start-up down to repo-specific settings and custom prompts. The hard problem was making that depth legible. The entry point had to be simple enough to start a task in a single line, over an information architecture that kept everything beneath it findable.

Most of the design went into the trace, the agent’s running account of what it understood, what it’s doing, and where to step in. That’s where a user decides whether to trust it.

The hard part was that the agent’s output was effectively unbounded. It could take almost any action, and new capabilities shipped constantly. So the trace ran on a polymorphic card system: editing a file, running a command, committing, opening a PR, calling a tool, every kind of action rendered through one dispatch into a purpose-built card on a shared base. A new capability was a thin new renderer, not a redesign, and the surface absorbed dozens of action types and stayed coherent. On top of legibility we designed for control: you could stop, redirect, or pull an agent mid-run; it could pause to ask; and it could propose a plan for approval before it touched anything.

Those two were the headline. Beneath them sat onboarding, analytics, billing, settings and admin, integrations, user and repository management, notifications, and error and email states, all designed and managed as one system.

Onboarding was mine end to end, design and code: the flow took a new organization from sign-up, through connecting GitHub, Slack, and Linear, to its first task.

The product didn't start there. The first version was a light-themed tool that read a ticket, analyzed the task, generated candidate plans, and turned the best one into a pull request. These screens were the starting point, before the brand refresh and the product UI redesign.

02Website

Alongside the product I directed the marketing site, the public face that had to explain an autonomous coding agent in seconds, carry the brand, and convert, while staying honest to how technical the audience is. I owned the creative direction and oversaw the design; a designer on my team executed it day to day. The homepage led with the positioning, The Operating System for Code Agents, and anchored the pitch in a real view of the product.

Scrolling down, the page made the case section by section.

03Brand

I led Codegen's brand end to end: the identity and visual system that tied the product, the site, and the marketing together. It was built on a geometric code-bracket logomark and its app-icon system, a purple palette over near-black, and a typeface stack of TT Hoves, SF Pro, and DM Mono, all documented in a full brand book so a growing team could apply it consistently without me in the room.

The system went deeper than a logomark. I art-directed an original poster series of geometric, atmospheric gradient work that gave the brand its depth.

04Campaign

I owned the go-to-market campaign that took the brand into the city: a ~$500K program across out-of-home and paid digital. Wall murals, billboards, transit, and street kiosks carried the brand's lines, Make every engineer a 10x engineer and Ticket to PR in minutes, wrapped around city buses and rising over the freeway approach.

Outcome

One coherent system from the product through the brand, and a product developers liked using. Codegen was acquired by ClickUp and integrated into the product. Along the way I built and led a team of three designers, a marketer, and a copywriter, and worked alongside roughly twelve engineers.