Дизайн-система маркетплейса Эмекс
- проектирование
- backend
- UX / UI
![Дизайн-система маркетплейса Эмекс](https://cdn.sanity.io/images/2gswram9/production/2825fcb374e2bb903b09e2dfd8fff1a3085f3e70-4576x2288.png?q=85&w=1536&fm=jpg&fit=crop)
О проекте
«Эмекс» — международный оптовый маркетплейс автозапчастей с сортировочными центрами в России и Дубае.
А еще «Эмекс» разрабатывает собственные IT-решения и сервисы.
Проблема
«Эмекс» постоянно работает над ростом продаж на маркетплейсе, помогает текущим партнёрам увеличить прибыль, привлекает новых партнёров и выходит в новые страны.
Проектов становится всё больше, однако вместе с тем растет «зоопарк технологий»: становится всё труднее поддерживать, развивать и состыковать проекты друг с другом, в том числе — в визуальном плане.
Результат
Мы создали дизайн-систему, которая увеличила скорость обновления существующих продуктов и разработки новых. Мы продолжаем развивать её в процессе работы над сервисами Эмекса.
Разработали единые цвета, типографику и сетку
![Типографика дизайн-системы Элекс](https://cdn.sanity.io/images/2gswram9/production/97485bdeb994267be3fe40d05cf71120c6f3585f-4576x3644.png?q=85&w=1536&fm=jpg&fit=crop)
![Типографика дизайн-системы Эмекс 2](https://cdn.sanity.io/images/2gswram9/production/e6b1edc19138eac323f4b702f7848766df6303c3-4576x3352.png?q=85&w=1536&fm=jpg&fit=crop)
![Цветовая палитра дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/101f8e6c19474283ff0408943d8fc08a2f071ac4-2272x2004.png?q=85&w=1536&fm=jpg&fit=crop)
![Печатные материалы дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/3a5853acb0650667da694a2a925456c95fd9fc38-2272x2004.png?q=85&w=1536&fm=jpg&fit=crop)
![Сетка дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/ea67b92c71ed5a387d27d17b88460273e9de082d-4576x3168.png?q=85&w=1536&fm=jpg&fit=crop)
![Цветовая палитра дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/d25b05aac56440dcf7e0d9f36fe34177aefeb8e0-4576x1460.png?q=85&w=1536&fm=jpg&fit=crop)
![Пример предложения дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/bf14b22a002b8baa04337abad11b54e7717e87a4-4576x3429.png?q=85&w=1536&fm=jpg&fit=crop)
Создали библиотеку компонентов в Storybook
Аккуратно сложили все иконки, кнопки, поля ввода, табы и чекбоксы в удобном инструменте для разработчиков. Там же разместили пользовательские сценарии: регистрацию, подтверждение телефона, выбор периодов в календаре и даты.
![Набор иконок дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/6205078ded46f3c054be5ba51992d9ca7dee641f-2272x1392.png?q=85&w=1536&fm=jpg&fit=crop)
![Табы дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/e74426035d92b51d1e71e3f8e28c98943ff2c4ea-2272x1392.png?q=85&w=1536&fm=jpg&fit=crop)
![Список офисов Эмекс](https://cdn.sanity.io/images/2gswram9/production/cd8a29026c2cc722890b848f8fc3aed546c68fbb-4602x1926.png?q=85&w=1536&fm=jpg&fit=crop)
![Выбор периода дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/985ae094cc02dc6b0a3ccd5bb33e18020b829ba1-2272x1472.png?q=85&w=1536&fm=jpg&fit=crop)
![Набор кнопок дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/a7a193d81743e02f0de1f780c28bacbe928d04a0-2272x1472.png?q=85&w=1536&fm=jpg&fit=crop)
Запустили
новые продукты быстрее благодаря новой дизайн системе — и поддерживаем дальше.
Розничный маркетплейс
Улучшили старые пользовательские сценарии и спроектировали новые. Сделали адаптивную версию. Помогаем обновлять функционал, чтобы растить конверсию и другие метрики.
![Розничный маркетплейс](https://cdn.sanity.io/images/2gswram9/production/58fa0f0c50696f83f5dbf15f53dcdec48b392ed1-4576x3088.png?q=85&w=1536&fm=jpg&fit=crop)
Кабинет поставщика
Спроектировали кабинет, в котором поставщик может сам подгружать прайс-листы, следить за заказами и удалять неактуальные товары.
![Кабинет поставщика](https://cdn.sanity.io/images/2gswram9/production/7fc1a9965685d6e4dddf909571b8e32c4b858107-4576x2960.png?q=85&w=1536&fm=jpg&fit=crop)
Сервисы для склада
Они помогают отсортировать и сдать груз, наклеить стикер для идентификации товаров и настроить оборудование.
![Алгоритм получения стикера дизайн-системы Эмекс](https://cdn.sanity.io/images/2gswram9/production/e67cbe706f1dd361362fc25b3a4ee04cde9a9257-4576x2688.png?q=85&w=1536&fm=jpg&fit=crop)
![Сканирование посылки в дизайн-системе Эмекс](https://cdn.sanity.io/images/2gswram9/production/866b74d0ce5855d8c74fa094a9c6ae1ebab151c2-1124x1592.png?q=85&w=1536&fm=jpg&fit=crop)
![Сканирование посылки в дизайн-системе Эмекс](https://cdn.sanity.io/images/2gswram9/production/04792d7a930ac77d2c9f36514e557afa0ab651a3-1124x1592.png?q=85&w=1536&fm=jpg&fit=crop)
![Повторное сканирование в дизайн-системе Эмекс](https://cdn.sanity.io/images/2gswram9/production/0dc684d5073f8010709147cdc9fcd963ab029fcc-1124x1592.png?q=85&w=1536&fm=jpg&fit=crop)
![Сканирование тары в дизайн-системе Эмекс](https://cdn.sanity.io/images/2gswram9/production/b385e5789a0eff4cae14fc604e5e6970f74586c8-1124x1592.png?q=85&w=1536&fm=jpg&fit=crop)
Промо-лендинги
Клиентам помогли узнать, как начать работать с маркетплейсом Emex. А отделу продаж помогли найти новые лиды.
![Промо лендинг](https://cdn.sanity.io/images/2gswram9/production/70bf77bdf71facc289364e7aac54ab659a32a99e-2272x1860.png?q=85&w=1536&fm=jpg&fit=crop)
![Промо лендинг](https://cdn.sanity.io/images/2gswram9/production/492b68ab7c3091d57c49e684883b2069adf6cb2d-2272x1860.png?q=85&w=1536&fm=jpg&fit=crop)
![Промо лендинг](https://cdn.sanity.io/images/2gswram9/production/86f169e55fe27a6394f429f137293b704aae2dec-4576x2588.png?q=85&w=1536&fm=jpg&fit=crop)
Результат
Давайте обсудим ваш проект
на дизайн и разработку
Исследуем, проектируем, создаём дизайн и текст, анализируем метрики, вместе в разработчиками запускаем фичи и продукты
Нажимая на кнопку, я соглашаюсь с обработкой моих персональных данных
Всё получили!
Свяжемся с вами в ближайшее время