Ir para o conteúdo
E-commerce · Moda/2025

BEWEAR

Loja própria de streetwear com um checkout que deixou de perder vendas no último passo.

Papel
Product Designer (UX/UI)
Duração
6 semanas
Plataforma
Web + Mobile
Ferramentas
Figma, FigJam, Design System
Capa do case BEWEAR: Loja própria de streetwear com um checkout que deixou de perder vendas no último passo.

Contexto

A BEWEAR nasceu como marca de streetwear e precisava sair dos marketplaces para uma loja própria — com identidade forte e uma jornada de compra que sustentasse o posicionamento premium da marca.

Objetivos

  • Reduzir o abandono de carrinho no checkout
  • Criar um design system reutilizável para web e mobile
  • Aumentar a taxa de conclusão de compra sem fricção

O problema

01

O checkout tinha etapas demais e formulários longos.

02

Mais de 70% dos carrinhos eram abandonados antes do pagamento.

03

Nenhuma consistência visual entre telas de desktop e mobile.

Pesquisa

Analisei o funil no analytics, fiz benchmark de e-commerces de moda de referência e testes de usabilidade moderados com 8 clientes reais comprando um produto do início ao fim.

Descobertas

  • A etapa de identificação assustava usuários que só queriam comprar rápido
  • Frete e prazo apareciam tarde demais na jornada
  • O carrinho não dava confiança de que a compra estava segura

Processo

  1. 01

    Discovery

    Mapeamento do funil e das dores de checkout.

  2. 02

    Fluxos

    Redesenho do fluxo de compra e identificação.

  3. 03

    UI + DS

    Interface e design system para web e mobile.

  4. 04

    Teste

    Validação com usuários e ajustes finos.

Solução · Interface final

Um checkout enxuto, com identificação opcional e resumo de pedido sempre visível.

Desktop · Web
Home — vitrine com hierarquia de produto e identidade da marca
Home — vitrine com hierarquia de produto e identidade da marca
Página de produto — foco na peça e no CTA de compra
Página de produto — foco na peça e no CTA de compra
Order review — resumo do pedido e checkout enxuto
Order review — resumo do pedido e checkout enxuto
Mobile
Home mobile — mesma linguagem, adaptada ao toque
Home mobile — mesma linguagem, adaptada ao toque
Produto mobile — detalhe da peça e CTA
Produto mobile — detalhe da peça e CTA
Carrinho — revisão antes do checkout
Carrinho — revisão antes do checkout
Identificação — etapa enxuta no fluxo de compra
Identificação — etapa enxuta no fluxo de compra

Resultados & impacto

−34%
Abandono de carrinho no checkout
+21%
Taxa de conclusão de compra
1
Design system para web e mobile

Ao encurtar o checkout e trazer frete e resumo para o começo da jornada, a fricção no último passo caiu drasticamente — e o design system passou a acelerar cada nova tela da marca.

Aprendizados

Em e-commerce, cada passo a menos no checkout vale mais que qualquer tela bonita. Confiança e clareza convertem.

Contato

Tem um desafio de produto ou uma ideia?

Protegido por reCAPTCHA. Aplicam-se a Política de Privacidade e os Termos de Serviço do Google.