MONOPOLy.ONLINE
Design System
KYC for partners
Transportation company Monopoly is the second largest park in Russia but first in many effectiveness key metrics. Fortis started out in 2015 as an IT service structure for Monopoly group business-processes automatization.

Today Fortis is autonomous IT company. Our main product is platform for integration independent carriers into big supply chains.
Team
Artem Komarov (Design System Lead)
Vitaly Shmelev (Head of Design)
Tatiana Kulgeiko (Product Designer)
Objective
Create Design System
Time
3 months
We've got more than 3000 orders a day
If we want to have 3 times more we have create easy to use system
New platform design
Day I started we have two frameworks onboard Material Design and Ant. Both don't meet our needs.
Our material library was deeply customized and all changes in it was to expensive. Also it was really unstable. Ant is hardly customizable by design. And we don't want third party dependencies.

So we decide to create our own design system. ⭐

One of first challenges was choosing the way we want to create and integrate design system.
Thanks God we found keys to developers hearts and we go section by section way. Also we decided to start from new sections, and when we have significant changes in old sections we plan to redesign them from scratch.

First of all we have to understand which components do we need and how to prioritize them.
I have reviewed all interfaces on production and interfaces in design phase to figure out exact components list.
So we have phases Core (start), Navigation (step 2), Auction (step 3), Shipper (step 4) and KYC (step 5)
Atoms

Button
Card
Divider
Icon button
Mobile list
Profile icon
ReadItem
Route line
Tags
Text
Toggle
Molecules

Alert
Anchor menu
Checkbox
Dropdown list
Input
Mobile navigation bar
Modal pop-up
Navigation menu
Paging
Search mobile
Suggest
Tabs
Timeline
Organisms

SMS validation
SORRY
ARTICLE UNDER DEVELOPMENT
Made on
Tilda