Company has its own web-platform for implementing all work circles. On this step of product evolution company encountered the problem of inconsistency in their approach to interface development. Working on design became increasingly difficult due to growing number of screens. Mobile application is coming. Company desided to develope a design system.
Design systems reduce strain on design resources by providing pre-built, reusable UI elements. This will allow teams to focus on complex problems like information prioritization, workflow optimization, and journey management instead of tweaking visual appearance.
This design system based on the "atomic design" methodology which developed by Brad Frost in 2013. It involves breaking down UI elements into small, modular components, such as atoms, molecules, organisms, templates, and pages. It helps to scale the design system from small to big easily.
This is our atoms and molecules. Colour palette and typography based on company's guideline. The theme had to be dark and we already had a great dark colour for the background — I like it so much that I might name it "Awesome blue".
The same changes we can do with inputs/dropboxes, radio/checkboxes and the menu items. All of them have their own property set.
Moleculas together form organism. Organisms form template. But they can do it in several ways. Interface at the result will be look different. Which way to choose we decide through guidelines, grids and spacing.
When dark theme was finished I developed white theme too. It will work not only like alternative desktop version but for the mobile App. For both themes: dark and white, was needed to develop the correct colour palette and to take into account the standard contrast and accessibility.
The design system brought the service's appearance in line with the company's guidelines and other products. This helps strengthen a company's brand and increase customer trust and loyalty.
Gorserv design system promotes consistency and efficiency by providing a unified set of design elements that can be reused across all products and services. As a result, designers and developers can save time and resources, and devote their attention to tackling more intricate issues.
Finally, it will help to future-proof the company's design by providing a flexible and adaptable system that can evolve and grow alongside the company's needs and goals.
I aim to establish a design system in almost every project. By organizing components in a systematic manner, it not only makes logical sense but it has become a habit in my product development process. This approach forces me to critically evaluate any deviation from the system. Before creating any new element, I consider its potential future use and its necessity. I love systems because they simplify complex processes, leading to increased efficiency and productivity, and the design system fits these criterias.
