Дизайн-система маркетплейса Эмекс

  • проектирование
  • backend
  • UX / UI
Дизайн-система маркетплейса Эмекс

О проекте

«Эмекс» — международный оптовый маркетплейс автозапчастей с сортировочными центрами в России и Дубае.

А еще «Эмекс» разрабатывает собственные IT-решения и сервисы.

Проблема

«Эмекс» постоянно работает над ростом продаж на маркетплейсе, помогает текущим партнёрам увеличить прибыль, привлекает новых партнёров и выходит в новые страны.

Проектов становится всё больше, однако вместе с тем растет «зоопарк технологий»: становится всё труднее поддерживать, развивать и состыковать проекты друг с другом, в том числе — в визуальном плане.

Результат

Мы создали дизайн-систему, которая увеличила скорость обновления существующих продуктов и разработки новых. Мы продолжаем развивать её в процессе работы над сервисами Эмекса.

Разработали единые цвета, типографику и сетку

Типографика дизайн-системы Элекс
Типографика дизайн-системы Эмекс 2
Цветовая палитра дизайн-системы Эмекс
Печатные материалы дизайн-системы Эмекс
Сетка дизайн-системы Эмекс
Цветовая палитра дизайн-системы Эмекс
Пример предложения дизайн-системы Эмекс

Создали библиотеку компонентов в Storybook

Аккуратно сложили все иконки, кнопки, поля ввода, табы и чекбоксы в удобном инструменте для разработчиков. Там же разместили пользовательские сценарии: регистрацию, подтверждение телефона, выбор периодов в календаре и даты.

Набор иконок дизайн-системы Эмекс
Табы дизайн-системы Эмекс
Список офисов Эмекс
Выбор периода дизайн-системы Эмекс
Набор кнопок дизайн-системы Эмекс

Запустили

новые продукты быстрее благодаря новой дизайн системе — и поддерживаем дальше.

Розничный маркетплейс

Улучшили старые пользовательские сценарии и спроектировали новые. Сделали адаптивную версию. Помогаем обновлять функционал, чтобы растить конверсию и другие метрики.

Розничный маркетплейс

Кабинет поставщика

Спроектировали кабинет, в котором поставщик может сам подгружать прайс-листы, следить за заказами и удалять неактуальные товары.

Кабинет поставщика

Сервисы для склада

Они помогают отсортировать и сдать груз, наклеить стикер для идентификации товаров и настроить оборудование.

Алгоритм получения стикера дизайн-системы Эмекс
Сканирование посылки в дизайн-системе Эмекс
Сканирование посылки в дизайн-системе Эмекс
Повторное сканирование в дизайн-системе Эмекс
Сканирование тары в дизайн-системе Эмекс

Промо-лендинги

Клиентам помогли узнать, как начать работать с маркетплейсом Emex. А отделу продаж помогли найти новые лиды.

Промо лендинг
Промо лендинг
Промо лендинг

Результат

Дизайн-система экономит время дизайнеров и разработчиков
8команд
Мы активно развиваем и дополняем дизайн-систему c
2019года
  • проектирование
  • backend
  • UX / UI
17ноябрь2023

Давайте обсудим ваш проект

на дизайн и разработку

Исследуем, проектируем, создаём дизайн и текст, анализируем метрики, вместе в разработчиками запускаем фичи и продукты

Нажимая на кнопку, я соглашаюсь с обработкой моих персональных данных