Launch of the first design system in a top-10 bank

Initially, my team handled several projects, including a company website, a mobile application, and a personal account for individuals. Soon, we started receiving a large number of new projects and we needed to find a way to maintain their consistency.

We decided to create a design system with basic of components, the settings of which can be changed depending on the density of the interface. My role in this project was to create a UI kit for designers, and clear documentation for each component.

At first, I created basic guides for colors, typography, and grids.

All components had numerous settings to ensure they could fit into any interface.

For example, buttons had 3 different sizes, and 6 color options

For complex components that have logic embedded in them, I compiled detailed documentation. This made it possible to achieve high-quality implementation.

I held meetings and presentations to ensure our colleagues had a clear understanding of our work.

This is me talking about the advantages of a systematic approach:

Together with our engineers, we created a component library that was available to all employees.

Each component had a basic description and could be interacted with.