Connecting
0%
Layered translucent panels receding into shadow

Prism is an analytics product whose value only becomes obvious once you are inside it, which is what made the marketing site a hard problem. The work was a new site, and a design system the product team could build the app from as well.

Product & UX
Design System
Next.js Build
2026

The old site sold features. Nobody buys an analytics tool because of a feature list. They buy it because they believe it will make one specific decision easier.

Panes of glass casting overlapping shadows

Two audiences, one page. Engineers wanted the data model and the API. The people signing the invoice wanted a reason to care. Neither would sit through the other's version.

A frosted glass panel lit from behind
Sheets of frosted acrylic stacked on concrete
03 · Solution

One scrolling narrative that opens on the decision and works backwards into the mechanics, so both readers reach their answer without a tab switch or a second page to keep up to date.

Built as a component library first and a website second. Every block on the marketing site is the same code the product ships, so the two stopped drifting apart the week after launch.

A narrow slot cut through a concrete wall
A grid of identical modules with one raised out of alignment

A component library for a team with four products and four different buttons.

View