Sirius Design System
We created Sirius Design System to guide and standardize our designs. Our design team worked on individual Glints products, striving for a consistent experience across all products. Additionally, we collaborated with engineering to publish components on Storybook for efficient implementation and testing.
01
Introduction
As Glints' product lineup grew, we faced challenges in standardizing design components across different products. With a team of four designers, ensuring consistency was difficult, especially since we catered to both consumer-facing and B2B users with distinct needs. Developers also struggled to identify the correct components due to a lack of documentation. To address these issues, we created a clear, brand-aligned design system that streamlined development and improved user experience.
02
Process
The design team
discussed current featuresand conducted an audit of existing components toidentify areas for improvement.We also
created a roadmapoutlining component assignments and deadlines to drive the project forward.After planning the contents of our initial design system, we began designing the guidelines and components. We looked at different design systems that we thought we could emulate in our system, this included Material Design, iOs Design Guidelines and IBM Design System.
Each of us were assigned specific components and guidelines we needed to define. We had weekly check-ins on the status of the components and the guidelines. We also
collaborated with engineering to test and implement component functionalities. Often,new components are immediately implementedin real features, allowing for faster testing.For the final step of our process, we
publish our components on Zeplin for documentationand our engineers push them to Storybook immediately. Weconduct further quality assurance testsbefore deploying new features. Once they have passed, we deploy the new feature on our website.
