Development of a design system “Chassis”
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—to enhance our design libraries.
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.
My role
Company
Product designer
The Floow
Problem
Across three product teams who worked on our app, the designs were misaligned and inconsistent. We needed a solution. This inconsistency was creating a lot of technical debt too. We needed a solution that would have made us all more productive, design-consistent and free of design and tech debt.
Solution
I developed a component library in collaboration with designers and developers. It ensured clarity on component usage for both teams. All assets were accessible and scalable, supporting use in other apps, including our white-labeled product for external companies.
Documentation
To keep both the other designers and developers up to date with any changes to our Design System, I utilised ZeroHeight and created appropriate assets to create a design guide.
Conforming to accessibility guidelines
I was responsible for making the components I’d been working conform to the WCAG 2.1 AA standard. This included creating educational materials for the rest of the team to follow in ZeroHeight.
Asset libraries
All libraries and components were created in Figma. Since FloowDrive is an app that can be white-labelled, we used certain Figma plugins in order to make all our libraries and component libraries customisable.
Typography library