Todos os projetos

Product Design, B2B · 2025

B2B Checkout

A versão B2B do FastCheckout, moldada pela Office Depot, seu primeiro merchant B2B. Quem compra escolhe a entrega por item, atribui centros de custo, preenche campos contábeis e trabalha com cotações.

Empresa
VTEX
Cliente
Office Depot
Papel
Product Designer e UX Researcher
Período
2025 → 2026

Filme

O Checkout B2B em menos de 30 segundos

Entrega por item, centros de custo, campos contábeis e orçamentos, do carrinho à confirmação.

Demo

Uma compra B2B completa

Do upload de SKUs em massa ao pagamento. Quem compra envia ou cola uma lista, revisa no carrinho, atribui centros de custo e entrega por item, e paga com os campos contábeis preenchidos.

Demo do checkout B2B.

Multidelivery

Entrega por item

No B2B, um carrinho raramente sai todo do mesmo jeito. Cada item escolhe seu método, como expressa, padrão, no mesmo dia ou retirada em loja, e o carrinho agrupa os itens por entrega.

O método pode ser trocado para um item ou para um grupo inteiro. Quando um deixa de estar disponível, o carrinho avisa e move os itens para a próxima opção.

Demo do multidelivery.

Fluxo

Do carrinho à confirmação

O carrinho agrupa os itens por método de entrega. Entrega, pagamento e confirmação mantêm esse agrupamento, e quem compra vê a mesma estrutura do começo ao fim.

O carrinho, com itens agrupados em entrega expressa, padrão e retirada.

01 · Carrinho

Painéis

Um painel por decisão

As escolhas abrem em um painel lateral, e quem compra não perde o carrinho de vista: endereço de entrega, método de entrega, loja de retirada, centro de custo e a revisão dos itens.

Um painel lateral para editar o endereço de entrega, com busca e lista de endereços.

01 · Endereço de entrega

Entrega

Entrega e confirmação

Escopo

O que o checkout B2B cobre

Centros de custo
Definidos por item ou em massa, e validados antes de a pessoa avançar.
Entrega e retirada
Entrega ou retirada por item, inclusive retirada por terceiros.
Entrega agendada
Uma data para um conjunto de itens, sempre no futuro e respeitando o prazo mínimo de entrega.
Campos contábeis
Número de PO, release, centro de custo e localização, exibidos no pagamento.
Destinatário e endereço de fatura
Dados do destinatário em cada pedido, e um endereço de fatura que pode reaproveitar o de entrega.
Cotações
Um modo somente leitura, cotações expiradas e bloqueio quando há itens indisponíveis.

Linha do tempo

Como cresceu

O trabalho começou no primeiro semestre de 2025, quando o time redirecionou a estratégia para onboardar a Office Depot como primeiro merchant B2B. Ao longo de 2025 e início de 2026, o escopo cresceu para multidelivery, retirada, agendamento, centros de custo, campos contábeis, destinatário e endereço de fatura. Agora o plano é onboardar mais 12 clientes B2B, e a Kohler e outros já começaram.

2025
início, com a Office Depot como primeiro merchant B2B
12
novos clientes B2B planejados, com a Kohler e outros já iniciados