Emex design system
- UX / UI
- Frontend
- Backend
![Emex-design-system](https://cdn.sanity.io/images/rbimgapj/production/e8ce2df17ed1411390dc01671fdb9007a639e9df-4576x2288.png?q=85&w=1536&fm=jpg&fit=crop)
Overview
Emex is a global wholesale auto parts marketplace with a fulfillment center in Dubai. Clients are B2С and B2B marketers in the Middle East, America and Europe. Emex also develops its own IT solutions and services.
Challenge
Emex is constantly working to increase sales on the marketplace, help existing partners increase profits, attract new partners and expand into new countries.
There are more and more projects, but at the same time the "technology zoo" is growing: it is becoming more and more difficult to maintain, develop and connect projects, also visually.
Result
We built a design system that increased the speed of updating existing products and developing new ones. We continue to develop it while working on Emex services.
Developed unified colors, typography and grid
![Typography design system Emex](https://cdn.sanity.io/images/rbimgapj/production/97485bdeb994267be3fe40d05cf71120c6f3585f-4576x3644.png?q=85&w=1536&fm=jpg&fit=crop)
![Typography design system Emex 2](https://cdn.sanity.io/images/rbimgapj/production/e6b1edc19138eac323f4b702f7848766df6303c3-4576x3352.png?q=85&w=1536&fm=jpg&fit=crop)
![Unified colors design system Emex](https://cdn.sanity.io/images/rbimgapj/production/aae5700fa393b09ad26df476743782cb5601b993-2272x2004.png?q=85&w=1536&fm=jpg&fit=crop)
![Printed materials design system Emex](https://cdn.sanity.io/images/rbimgapj/production/c6210b0d1c682c106383775147e6780f25f94caf-6000x4800.png?q=85&w=1536&fm=jpg&fit=crop)
![Grid design system Emex](https://cdn.sanity.io/images/rbimgapj/production/35dcd97922434cd116e0ab4b990be51b7a2ba5b1-4576x3168.png?q=85&w=1536&fm=jpg&fit=crop)
![Farbpalette design system Emex](https://cdn.sanity.io/images/rbimgapj/production/d25b05aac56440dcf7e0d9f36fe34177aefeb8e0-4576x1460.png?q=85&w=1536&fm=jpg&fit=crop)
![Example of a design system proposal Emex](https://cdn.sanity.io/images/rbimgapj/production/bf14b22a002b8baa04337abad11b54e7717e87a4-4576x3429.png?q=85&w=1536&fm=jpg&fit=crop)
Created a library of components in Storybook
Accurately put all icons, buttons, input fields, tabs and checkboxes in a convenient tool for developers. In the same place you put custom scripts: registration, phone confirmation, selecting periods in the calendar and dates.
We launched new products faster thanks to the new design system - and we're keeping it going.
![Emex design system icons set](https://cdn.sanity.io/images/rbimgapj/production/d279ba86d2ab5b469ade0396c4ad73aae8e8c5ad-2272x1392.png?q=85&w=1536&fm=jpg&fit=crop)
![Emex design system tabs](https://cdn.sanity.io/images/rbimgapj/production/e74426035d92b51d1e71e3f8e28c98943ff2c4ea-2272x1392.png?q=85&w=1536&fm=jpg&fit=crop)
![List of Emex offices](https://cdn.sanity.io/images/rbimgapj/production/b3f589153545d7c7c6c3358db659a51ff2785e9b-4578x1891.png?q=85&w=1536&fm=jpg&fit=crop)
![Selecting the period of the Emex design system](https://cdn.sanity.io/images/rbimgapj/production/985ae094cc02dc6b0a3ccd5bb33e18020b829ba1-2272x1472.png?q=85&w=1536&fm=jpg&fit=crop)
![Set of Emex design system buttons](https://cdn.sanity.io/images/rbimgapj/production/a7a193d81743e02f0de1f780c28bacbe928d04a0-2272x1472.png?q=85&w=1536&fm=jpg&fit=crop)
We launched
new products faster thanks to the new design system - and we're keeping it going.
The retail marketplace
Improved old user scenarios and designed new ones. Created a responsive version. Help you update functionality to increase conversions and other metrics.
![The retail marketplace](https://cdn.sanity.io/images/rbimgapj/production/5797bd1da39c72de8afe92b76c4a155563258714-4576x3088.png?q=85&w=1536&fm=jpg&fit=crop)
Vendor's cabinet
We have designed a cabinet where the supplier can upload price lists, monitor orders and delete irrelevant products.
![Vendor's cabinet](https://cdn.sanity.io/images/rbimgapj/production/7fc1a9965685d6e4dddf909571b8e32c4b858107-4576x2960.png?q=85&w=1536&fm=jpg&fit=crop)
Warehouse services
They help to sort and drop off cargo, apply stickers to identify goods and customize equipment.
![Algorithm for obtaining a sticker](https://cdn.sanity.io/images/rbimgapj/production/e67cbe706f1dd361362fc25b3a4ee04cde9a9257-4576x2688.png?q=85&w=1536&fm=jpg&fit=crop)
![Scanning a parcel in the Emex design system](https://cdn.sanity.io/images/rbimgapj/production/6e7a7ae4913cb663e9ff63c47755d9ef21897d38-1124x1592.png?q=85&w=1536&fm=jpg&fit=crop)
![Scanning a parcel in the Emex design system 2](https://cdn.sanity.io/images/rbimgapj/production/ff0a390b86a60fdec9be46d89410b492a09879e6-1124x1592.png?q=85&w=1536&fm=jpg&fit=crop)
![Scanning a parcel in the Emex design system 3](https://cdn.sanity.io/images/rbimgapj/production/a55f8f057161ac39fdc8ab23ef5d91239b297264-1124x1592.png?q=85&w=1536&fm=jpg&fit=crop)
![Scanning a parcel in the Emex design system 4](https://cdn.sanity.io/images/rbimgapj/production/5a27e9819bfd48e5866e4e47a20e0f49eca88284-1124x1592.png?q=85&w=1536&fm=jpg&fit=crop)
Landings
Customers were helped to learn how to get started with the Emex Marketplace. And it helped the sales department to find new leads.
![Landings](https://cdn.sanity.io/images/rbimgapj/production/13fb5e7c8021b7d2346796fd2c67e09c7d245db9-6000x4500.png?q=85&w=1536&fm=jpg&fit=crop)
![Landings](https://cdn.sanity.io/images/rbimgapj/production/4096ff1988aaf9ee0804e282a6a7ee4b448f0005-2272x1860.png?q=85&w=1536&fm=jpg&fit=crop)
![Landings](https://cdn.sanity.io/images/rbimgapj/production/7d1e5e8659f0717c822b9c3a4f6b83b2410258d3-4944x3216.png?q=85&w=1536&fm=jpg&fit=crop)
Result
Digital product development
for complex, high-loaded multi-input digital services
We research, design, write text, help launch features and services, analyze metrics and develop
By clicking the button I agree to the processing of my data
Message sent
We'll get back to you soon