Разработка дизайн-концепции B2B-портала Mareven Food

Главное о кейсе

Разработан B2B-портал, на который полностью перенесена работа дистрибьюторов по закупке товаров. Портал оснащён всеми необходимыми инструментами: финансовыми графиками, подробным шаблоном оформления заказа, каталогом для ознакомления с продукцией, акциями и скидками, возможностью отслеживать и корректировать заказы. Теперь вся бумажная работа ведётся на портале.

Бизнес-задача и ее решение

Процесс оформления и обработки заказа занимал слишком много времени и совершался по устаревшей технологии. Мы должны были создать платформу, позволяющую дистрибьютору:
• оформлять заказы;
• отслеживать статусы выполняемых заказов;
• иметь доступ к архиву заказов;
• видеть свои показатели выполнения плана;
• знакомиться с новыми продуктами Mareven.

Прочая информация о кейсе

Исследование
Одна из важнейших задач, поставленных перед нами в рамках данного проекта, — продумать процесс оформления заказа.
В этот вопрос мы погрузились с головой:
• провели интервью с дистрибьюторами из разных регионов;
• пронаблюдали за всем процессом составления заявки;
• зафиксировали все детали.

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

• Дизайн
На главной странице сайта отображается дашборд с ключевыми показателями деятельности пользователя: сравнительные данные с прошлым годом, выполнение плана на текущий месяц, статус лояльности и финансовые показатели.

• Оформление заказа
Изначально проект задумывался как интернет-магазин с карточками товаров, фильтрацией и отдельными страницами «Корзины» и чекаута.
Но благодаря интервью с дистрибьюторами и тестированию наших прототипов стало ясно, что здесь такая модель не сработает: карточки товаров занимали слишком много места, а их фотографии были совершенно лишними — дистрибьютор обычно знает название и номер нужной позиции каталога.
Отдельная страница «Корзины» усложняла процесс редактирования — каждый раз приходилось переключаться на заказ и обратно на «Корзину».
Поэтому мы разработали универсальную страницу, на которой есть всё: перечень товаров, сгруппированных по типу и спрятанных в выпадающие списки, «Корзина» и чекаут.
На правой панели в режиме реального времени отображается степень заполнения заказа по двум показателям — логистика и финансы. Добавленные в «Корзину» товары пропадают из списка, а сама «Корзина» доступна для редактирования.
Данные об адресе и дате доставки вносятся на верхней панели, поэтому страница чекаута просто не нужна. Всё в одном месте — невероятно удобно!

• Каталог
От каталога мы тоже не стали отказываться полностью.
Для новых партнёров, ещё не так хорошо знакомых с продукцией Mareven, был разработан удобный каталог с фильтрацией по типу предложения, бренду и категории товара. На превью видно количество вкусовых вариаций у каждого продукта, в карточке товара можно выбрать нужные из них и добавить в заказ.

• Отслеживание заказа
На странице со списком актуальных и завершённых заказов можно легко отследить каждый выполняемый заказ по его статусу. Если заказ требует подтверждения или доработки со стороны пользователя, появляется соответствующее уведомление.
В разделе «Любимые заказы» на основе ранее оформленных заявок формируются предложения с часто покупаемыми товарами.
На странице «План заказов» можно сделать заказ и отложить его до удобной даты.

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

Скриншоты