Bench — Design System

2021 - 2022 | Product Design, Project Lead, Design Engineer

Bench is the largest bookkeeping provider for small businesses in the US.

Context

Bench was building a new product line around integrated banking. The design team took this opportunity to revisit and breath new life into the design system.

Problem

The new product line meant that more users were going to be using the product on mobile. Our current components didn’t lend themselves well to mobile affordances and patterns. Further, we had too many cases where existing components were difficult for designers to use and engineers to maintain because they were trying to fill too many roles at once.

Solution

We approached the design system from a perspective of composition over configuration. While we couldn’t completely do away with configurable components without spending significant effort on a re-write, we were able to break heavily coupled components into smaller elements.