E-commerce com três canais: B2B, B2C e Personalizados
Mauro Ribeiro Sports
Coordenei o design e a arquitetura de informação de um canal direto de venda, integrando B2B e personalizados sem substituir o fluxo dos lojistas.
Atleta: da descoberta à entrega.
Apresentação animada de telas existentes do projeto. Não é uma gravação de interação ao vivo.
Descobrir a coleçãoO case em poucas palavras
- O problema
- Os lançamentos não chegavam aos atletas pelos lojistas. O problema era o acesso ao produto, não apenas a distância da loja.
- Meu papel
- Coordenadora de Produto & Design Lead
- A decisão
- Organizei a descoberta por esporte e conectei a venda direta ao portal existente, preservando o fluxo dos lojistas.
- O que entreguei
- Design e documentação para implementar três canais de venda e 39 subcategorias.
- Evidências de validação
- Os cinco participantes do teste chegaram ao produto sem busca. Comparar modelos e escolher o caimento ainda gerava dúvidas.
- O que não foi medido
- Publicado após minha saída. Não tenho dados de conversão ou receita pós-lançamento.
Pesquisa, fluxos e prototipação
Pesquisa UX (UX Research) e testes de usabilidade orientaram a arquitetura de informação e os fluxos de navegação (User Flows), da descoberta ao carrinho.
Retomar um projeto parado há dez meses.
Entrei em um projeto parado e ajudei uma marca brasileira de moda esportiva a entregar seu canal direto. Precisávamos aproximar a marca do atleta sem interromper a operação de cerca de 350 lojas parceiras.
Ver as evidências
O projeto começou em junho de 2024, ficou parado dez meses, foi retomado em abril de 2025 e entregue em setembro. Minha atuação reuniu arquitetura de informação, alinhamento do time e entrega.
O lançamento chegava antes do produto.
Lançamentos levavam semanas para chegar aos lojistas. O atleta encontrava o produto online, mas a loja não tinha. Um localizador não resolvia o atraso na distribuição.
Ver as evidências
O briefing pedia um site. O desafio real era conectar B2C, B2B e personalizados na mesma marca, respeitando o fluxo já usado pelos lojistas.
Três canais, uma plataforma
Mapa de contexto reconstruído a partir do case documentado
Esporte → Categoria → Produto → Carrinho
Um canal direto para descobrir e comprar produtos, organizado por esporte e contexto de uso.
Preservei o fluxo que os lojistas já conheciam.
Reconstruí o projeto herdado, mapeei o fluxo de pedidos B2B e analisei o catálogo com a Gerente de Coleção. O benchmarking de marcas de referência orientou a direção.
Ver as evidências
Os lojistas já conheciam o portal de pedidos. Substituí-lo geraria resistência na rede. Para atletas, esporte e contexto de uso eram entradas mais úteis que categorias de estoque.
Organizei 39 subcategorias por esporte.
Organizei 39 subcategorias por esporte. Em vez de dividir a marca em sites separados, mantive varejo, atacado e personalizados na mesma plataforma, com contextos de acesso distintos.
Ver as evidências
Dois sites fragmentariam a marca e duplicariam esforço. Login obrigatório antes de ver produtos criaria atrito. Aceitei uma arquitetura mais complexa para preservar a continuidade.
Do esboço à tela
Esboços conceituais e telas enviadas · não é um protótipo ao vivo
Marca → Atleta / Lojista / Personalizados
Uma plataforma com contextos distintos e navegação por esporte.
Ver os esboços de design (14)
O teste revelou dúvidas sobre modelos e caimento.
Os cinco participantes chegaram ao produto sem busca. A principal hesitação ocorreu na comparação de modelos próximos e na escolha do caimento.
Ver as evidências
O teste sustentou a navegação por esporte, não uma alegação de conversão. Diferenças entre produtos precisavam aparecer antes, e a tabela de medidas não respondia todas as dúvidas de caimento.
O que o teste sustenta
Achados documentados → implicações de design · não é um reteste
Os cinco participantes chegaram ao produto sem busca.
Implicação de designManter a navegação por esporte; o teste sustenta a descoberta, não uma alegação de conversão.
Documentei as decisões para a implementação.
A experiência entregue conecta navegação, escolha e compra, junto ao portal autenticado do lojista. Os mockups explicitaram as decisões de design para a agência de implementação.
Ver as evidências
As telas abaixo foram preservadas do portfólio publicado. Mostram a sequência da descoberta ao carrinho; a sequência animada apresenta essas telas, não é uma gravação do site.
Atleta: da descoberta à entrega.
Apresentação animada de telas existentes do projeto. Não é uma gravação de interação ao vivo.
Descobrir a coleçãoLojista: parceria e acesso à conta.
Apresentação animada de telas existentes do projeto. Não é uma gravação de interação ao vivo.
Entradas para lojistasVer a galeria completa de telas
O que entreguei e o que aprendi.
Entreguei o projeto em setembro de 2025; ele foi publicado após minha saída. Minha contribuição ficou na estrutura dos canais e na documentação de implementação. Não tenho acesso aos dados de conversão e receita pós-lançamento.
Ver as evidências
Indicadores de sucesso foram definidos para acompanhamento posterior. Aprendizado principal: diagnosticar um projeto parado e preservar fluxos existentes pode valer mais que correr para desenhar telas.