Design System

Renaissance insurance / 2017-2018

Renaissance Insurance is one of the leading companies in the Russian insurance market. The company has decided to start a digital transformation of all its processes and needs tools to test new product ideas without spending many resources.

Role

Lead Product Designer

Problem space

The company did not have a developed design culture, and therefore all products had a different build structure and visual styles, which affected brand awareness and positioning.

It was necessary to create a single system that would allow all employees and customers, without changing their habits, to use all the company's products conveniently.

Goals

Bring all the company's products to a single style. Create a system and templates for designing products.

Increase the speed of designing, developing, and testing new products and ideas.

Outcome

Development of a unified system for designing the company's products. System design is based on the Brad Frost principle of Atomic Design, which implies that the system is built from components, taking into account their hierarchy.

Attach
Calendar
Checkbox

Grid
Spacings
Typography

Colors

Animation
Illustrations

Alerts
Buttons
Cards

Dropdown
Form
Input

Loader
Label
Link

Illustrations by Ilya Mesheryakov

Usage

I have created documentation with examples of when and how to use system components and use them.

The new system helps you understand how to create products faster and more efficiently, without spending a lot of resources. All products have a single visual language.

Conclusion

Creating a Design System and its documentation is a fascinating journey for a talented team consisting of engineers, product managers, marketers, and myself. Along the way, we jointly solved many exciting problems, investing our experience and knowledge, learning from each other.

Special thanks to Ilya Mesheryakov for his thoughts, work, and illustrations.

©2022