We partnered with Foursquare’s design team to build a design system from the ground up. Our system included responsive components for complex data visualizations, documentation, and shared design language between design and development. Its adoption was measured and proven to increase efficiency and improve workflow for all product teams.
We worked closely with both the design and development teams at Foursquare to ensure that the components we’ve built met their use cases, and that time was set apart in product pods to build the components in a shared library. This ensured that our design system made it past documentation and Figma, and into products.
We launched the design system iteratively, only releasing 3-4 components at a time. Our strategy was to be able to learn from the previous batch of components in order to improve processes, documentation, and usability for the next batch.
components designed
detaches out of 815 inserts over 30D period
engineering efficiency improvement
design efficiency improvement
