
Zest · 2025 → present
Zest: AI adoption analytics for engineering teams
I designed the brand, the product interface and the marketing site, and built the site in code.
~5 days
from the first design to a live marketing site
Design start to production deploy
51
screens in one design system, across web, VS Code, Chrome, Slack and the CLI
Distinct app routes in the Zest codebase
Overview
Engineering teams pay for AI coding tools but have no clear view of what gets used, what works and whether the cost pays off. Zest is a privacy-first analytics layer that answers those questions. My job was to make a complex, abstract product easy to read, and then help ship it.
The problem
Engineering leaders had no way to measure AI adoption. Their dashboards showed what developers shipped, but not how they used AI to get there. The concept was also hard to grasp: a five-level AI maturity model that covers individuals, teams and the whole company, presented on a generic SaaS template that explained none of it.
- Three audiences in one interface: developers, team leads and executives
- A maturity framework that was hard to picture
- A lot of usage data that becomes noise when you show all of it at once
- A marketing site that looked like every other dev-tools template
The solution
I organised the product around a personal AI Toolkit. Developers see their own tools, skills and agents first, team leads get leaderboards and AI standups, and executives get adoption trends and cost governance. All three views share one visual language, from a single developer's week to the whole company's spend. For the marketing site I turned the five-level framework into an interactive product story and built it myself in Astro, React and Tailwind, so the live site matches the design.
- A per-developer AI Toolkit that shows detail only when you ask for it
- Leaderboards and auto-generated standups a lead can read before a call
- Spend, seat and token governance, so executives can see the return on the cost
- One identity across web, a VS Code side panel, a Chrome command menu and Slack
Process
Discovery
Stakeholder sessions
Three audience definitions
Maturity model mapping
Design
Design system and tokens
Dashboard and data-viz patterns
Cross-surface UI
Build
Astro + React + Tailwind
Image and LCP pass
35+ preview deploys
Result
Zest now uses one design language across four surfaces, and new features are built inside it. The marketing site went from a generic template to an interactive walkthrough of the maturity model, which I built and deployed without touching the client's production infrastructure.
I still review the live product in PostHog session recordings and turn what I see into UX reports, so each change I propose is backed by recordings of how people use it.
- One design system now covers 51 screens across web, both extensions, Slack and the CLI
- Marketing site designed and shipped to production in under a week
- Ongoing UX reports built from live session recordings