B2B-магазин для производителя банок

Контекст и задача

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

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

Моя роль и команда

На проекте я отвечал за UX/UI каталога, личного кабинета, корзины и сценариев оформления заказа. Также занимался развитием UI Kit и созданием 3D-рендеров для банок согласно новому визуальному стилю сайта.

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

Результат

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

Как погружался

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

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

Каталог и страница товара

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

Корзина и оформление заказа

Спроектировал полный сценарий оформления — от добавления товаров в корзину до создания заказа. Учёл специфику B2B: большие объёмы, данные компании, доставку и информацию, необходимую для передачи заказа в 1С.

Регистрация и личный кабинет

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

3D-рендеры банок

Также подготовил новые 3D-рендеры банок с помощью ИИ, чтобы сделать каталог более современным и визуально цельным. Всего создал около 600 изображений.