Colloid Design System

I was responsible for designing, mantaining and developing Synerise Design System.

Colloid Design System is a part of the development process in Synerise.

A design system is a set of rules and technical instructions for the visual and technical aspects of each digital product or website. The design system is also a collection of the assets and components used in each of the processes of product development in a scalable way.

As a Product designer my duty was to define and design all atoms elements and much more advanced components. In other hand as a Product owner my task was to define, build and manage design system team as well.

Through this very impactful time for our DS team we started to use all necessary tools to build, design, and also develop our design system.

Colloid is a react.js-based system with all basic components and also much more advanced in a mechanical way related elements.

Colloid has basic atoms such as buttons, form, icons but also you can find much more interactive components like pickers, filters, drawers, and tables with all prepared settings sidebars as well. My task was to design components but also define all theirs props and anatomies as well.

Link to design system: https://design.synerise.com/storybook-static/