Kaladin lacked a formal design system. They needed the building blocks necessary to scale as they matured.
Headway’s role was to co-create a visual language that would maintian consistency across the web and meet their unique needs
Thanks to Shipwright's atomic structure, the designer, developers, and stakeholders worked side by side.
Changes could be made system-wide in real-time with minimal effort to streamline decision-making.
Senior Designer @ Headway
Moving from Figma to Storybook was a seamless process.
This gives Kaladin the competitive advantage of moving straight into building and testing working software rather than spending time creating low fidelity prototypes.
It gives us clear design guidelines, so we're able to set up the project correctly, in the first place.
A global typography update, for example, becomes as simple as one change in the theme, rather than code modifications throughout all affected components.”
Developer @ Headway
Sign up for our design newsletter to access and experience the design system we use in the course!