B2B-интернет-магазин автозапчастей для «Москворечье Трейдинг»

«Москворечье Трейдинг» — оптовый поставщик автозапчастей. Клиенты компании регулярно закупают товары, выбирают предложения разных складов и работают по индивидуальным условиям договоров. Среди них, например, магазины автозапчастей, СТО и компании с собственным автопарком.

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

«Москворечье» хотели обновить интернет-магазин, упростить работу действующих клиентов и привлекать новых. Для этого требовалось переосмыслить весь путь заказа и сохранить сложную логику B2B-продаж.

Команде Brele предстояло спроектировать новую версию интернет-магазина для ежедневных оптовых закупок: с понятным поиском, удобной корзиной и личным кабинетом.

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

Учесть разные склады, адреса, договоры и условия доставки, а корпоративный сайт сделать точкой знакомства с компанией и условиями сотрудничества.

Начали с предпроектной аналитики: описали цели и метрики, составили карту пути пользователей и описание системы. Определили приоритеты и состав первой версии, подготовили рекомендации по архитектуре и технологическому стеку.

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

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

Подбор запчастей и сравнение предложений

Предусмотрели поиск по артикулу и VIN, через оригинальные и универсальные каталоги. В карточке детали собрали характеристики, применимость и предложения по оригиналу, заменам и аналогам.

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

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

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

Корзина для оптовых закупок

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

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

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

Доставка как часть закупки

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

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

Личный кабинет для работы после покупки

В структуре кабинета объединили заказы, отгрузки, взаиморасчёты и документы. Проработали статусную модель заказов: клиент может отслеживать выполнение закупки, находить нужную операцию по фильтрам и видеть платежи по своим юридическим лицам и договорам.

Заявку на возврат можно создать из заказа: выбранная деталь уже известна системе, повторно искать её не нужно. Клиент указывает причину, добавляет комментарий и при необходимости прикладывает фото или видео. Дальнейшая работа идёт по правилам возврата и отражается в статусах заявки.

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

В кабинете также предусмотрели скачивание прайс-листов и настройку рассылок на электронную почту или FTP-сервер. Условия можно выбрать по региону, производителям и договору, чтобы использовать подходящие предложения в своей работе.

Корпоративный сайт для новых клиентов

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

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

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

Кастомная админка

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

Главная сложность — спроектировать интерфейс для человека, который работает в нём ежедневно. В одном рабочем потоке ему приходится собирать разные закупки, выбирать склады и договоры, учитывать скидки, тарифы, частоту и сроки поставок.

Мы разделили эту работу на управляемые сценарии: отдельные корзины под задачи, быстрый заказ с заданными условиями, выбор поставки и дальнейшее обслуживание в кабинете. В момент выбора показываем нужные данные — цену, наличие, срок и ограничения, — а подробности раскрываем по мере необходимости. Так сложная логика оптовых закупок остаётся доступной в ежедневной работе.