Единый B2B-продукт для оптовых продаж

Для поставщиков

Для покупателей

mobile
О проекте
COBU — B2B-маркетплейс, который объединяет поставщиков и покупателей в одном продукте.

Для покупателя это инструмент поиска товаров и управления заказами, для поставщика — возможность размещать товары, принимать заказы и управлять оплатой.

Поэтому мы спроектировали не одно универсальное приложение, а два связанных пользовательских сценария с общей логикой продукта.
Анализ и проектирование
Структура приложений
Проработали основные сценарии использования для обеих ролей и выстроили структуру двух приложений вокруг их задач.

Покупателю нужен быстрый путь от поиска товара до оформления и контроля заказа. Поставщику — инструменты для работы с товарами, заказами, оплатой и коммуникацией с покупателями.

Связали эти сценарии в единую продуктовую систему, где действия одной стороны запускают соответствующий процесс у другой.
scheme
Дизайн
Дизайн приложений
Спроектировали интерфейсы двух приложений с учётом разных ролей и пользовательских задач.

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

Всего разработали более 200 экранов, объединив их общей визуальной и компонентной системой.
phone

200+

экранов

Нативные приложения

Работают на iOS и Android
ios
android
iphone 14

Для покупателей

Приложение покупателя построили вокруг основного сценария оптовой покупки: найти нужный товар, оформить заказ и контролировать его выполнение.
Пользователь получает быстрый доступ к своим заказам и может отслеживать их текущий статус без обращения к поставщику.
iphone 14

Для поставщиков

Приложение поставщика отвечает за управление заказами и взаимодействие с покупателями.
Поставщик может выставить счёт, принять оплату и автоматически отправить счёт покупателю по email.
Таким образом, основные операции по работе с заказом собраны в одном рабочем сценарии.
Карточка товара
Спроектировали интерфейсы двух приложений с учётом разных ролей и пользовательских задач.

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

Всего разработали более 200 экранов, объединив их общей визуальной и компонентной системой.
phone
phone
phone
phones
Оформление заказа
Спроектировали интерфейсы двух приложений с учётом разных ролей и пользовательских задач.

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

Всего разработали более 200 экранов, объединив их общей визуальной и компонентной системой.
phone
phone
phone
phone
Запрос в поддержку
Встроили поддержку в пользовательский сценарий, чтобы возникающие вопросы можно было решать непосредственно внутри приложения.

Покупатель может обратиться к представителю поставщика и получить помощь на этапе работы с заказом.
phone
phone
Ответ поставщика
Для поставщика предусмотрели отдельный сценарий коммуникации с покупателем.

Оперативный ответ позволяет решать вопросы непосредственно внутри процесса заказа и снижает вероятность возникновения проблем на его отдельных этапах.
phone
phone
Стать поставщиком
Спроектировали интерфейсы двух приложений с учётом разных ролей и пользовательских задач.

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

Всего разработали более 200 экранов, объединив их общей визуальной и компонентной системой.
phone
phone
phone
phone
phone
phone
phones
UI kit
Подготовили UI-kit как основу дизайн-системы для дальнейшего развития продукта.

Систематизировали основные компоненты, состояния и визуальные правила двух приложений, чтобы поддерживать единый интерфейс при масштабировании новых сценариев.
Montserrat

RegularMediumSemibold

#01BFAC
#232335
#8AA3BB
#DFE6E9
#EFF3F5
#F7FAFC
#E6F9F7
#FFFFFF
button
input
phones