Zaius Component Library
2019–2020
TASK
Create and maintain a design system for the Zaius product, to be used by Zaius internal designers, developers, and product managers.
PURPOSE
Maintain consistency in visual design and interface usage by providing style and component specs, guidelines for usage, and contextual examples.
OUTCOME
The product team at Zaius had adopted the blueprint.js component library with ample customizations to align with existing branding; furthermore, new custom components were appearing in designs more to support the complex nature of the product. These guidelines, created in Sketch and linked using the design components themselves, served as a documentation for designers to successfully maintain consistency within product designs while also offering developers a thorough outline for building and supporting the working React components within Storybook.
Visual Design • Interface Design • Collaboration • Design Systems