Development of a design system “Chassis”

Developed for a company called The Floow. The Floow creates white-labelled driver-monitoring products and apps for car insurance companies.

A preview of a component library in Figma

Problem

As our products were becoming more advanced, design inconsistency was affecting our processes and creating more technical debt.

Solution

Working closely with the Head of Product Design and a team of three product designers, we developed a bespoke Design System tailored to the unique needs of FloowDrive, our white-labeled native app. My input:

  • Designed and built a wide range of components, including buttons, journey cards, typography blocks.

  • Ensured the components I developed met WCAG 2.1 AA accessibility standards.

  • Documented components and their use cases in ZeroHeight, providing clear guidelines for consistency and scalability.

All documentation stored in ZeroHeight

Preview of the document on spacing

The typography library

Outcome

I developed a component library in collaboration with designers and developers. It ensured clarity on component usage for both teams. All assets were accessible (conformed to the WCAG 2.1 AA standard) and scalable, supporting our white-labeled product development practices. I also contributed to creating educational materials for the rest of the team to follow in ZeroHeight.