Chubb Design System & Agent Resource Portal
As an agency of record for Chubb, we shipped a steady stream of landing pages, portals, and campaigns. It was weekly work, passed between several designers, with no shared templates or component library. Every handoff drifted a little further from the last, and consistency eroded with each new project. I proposed consolidating our digital work into a single source of truth and built it: a design system and template library, with a color palette and type scale derived directly from Chubb's existing brand guidelines. The team adopted it, the drift stopped, design and dev work got faster. It was the first time I built a system to solve that problem, an approach I've since taken to far larger, enterprise scale.
The system: brand and logo usage, a primary and neutral color palette, a typographic scale, and a working component library covering buttons and states, form fields, selectors, cards, stats, navigation, and content modules, on a defined grid and spacing system. Built to standardize the pieces we reached for every week, so any designer could assemble on-brand, consistent pages without starting from a blank file. I also moved our digital workflow from Illustrator into a templated system, so the foundation was something the whole team actually worked in, not a document that sat on a shelf.
Internal design system sample
The Agent Knowledge Center, built on that system: a sortable, filterable hub where Chubb agents find the resources they need to serve their clients. Wireframes through prototypes, visual design, and dev specs and handoff, all assembled from the shared library and consistent by default.
Agent Knowledge Center webpage