Alfastrah. Design system & redesign
One of the largest insurance groups in Russia with several services, sites and applications
Role
Head of Design
Deliverables
Concept
UX Design
UI Design
Created with
AGIMA
Year
2019-2023
Product Goals
Increase the speed of delivery of new features to customers
Make the design more consistent and modern.
Implement the design system in the work process.
Process
We started by converting a design from Photoshop to Figma.
Then we build the UI kit by the atomic system. I have chosen this framework as the most proven.
Then we prepare the main screens of all general services and deliver them and the UI kit to developers. My design team prepared a detailed description for all components. Engineers used Storybook to host our design system.
Impacts
New features are made according to WCAG 2.0 accessibility standards.
We reduced front end dev’s workload: now they do the smart work, like logic and integrations, either to write HTML and CSS.
UI designers are engaged only for improvements of a Design system and adding new features.
The team now has time to do a lot more experimenting: they can assemble the necessary screens from ready-made blocks themselves.
Challenges
The company has many different services and products, making a universal design system was not easy
Insights
Design System helps to test more hypotheses.
It’s better to focus on the design of basic organisms during development: they are responsible for the consistency of the design.