E-commerce de varejo multicategoria
Uma loja de varejo multicategoria que precisava parecer confiável para vender por impulso. Estruturei catálogo, hierarquia de página e os gatilhos de conversão dentro da plataforma.
- Cliente
- KodeShop
- Setor
- E-commerce / varejo
- Período
- 2022
- Papel
- Design e estruturação da loja
Figma
Adobe CC
Projeto freelance. Os números abaixo vêm do painel da plataforma e ainda estão em confirmação com o cliente.
Contexto
A KodeShop vende produtos de várias categorias, eletrônicos, casa e jardim, utilidades, para um público que compra por impulso e decide em poucos segundos. Nesse tipo de operação, a loja não tem o benefício da dúvida: se parecer amadora, o visitante fecha a aba antes de ler o preço.
O problema
O desafio de um varejo multicategoria não é mostrar produto, é fazer o visitante achar rápido o que quer sem se perder. Catálogo largo sem hierarquia vira ruído, e ruído em e-commerce é abandono.
Somado a isso: confiança. Uma loja nova, sem marca conhecida, precisa comunicar segurança na primeira tela, ou perde a venda para um marketplace.
O que foi construído
Arquitetura de catálogo. Categorias reduzidas ao que de fato tem giro, com entrada visual direta na home. Menos opções na navegação, mais profundidade dentro de cada uma.
Hierarquia de página de produto. Preço, parcelamento e botão de compra acima da dobra; descrição e prova social depois. A ordem segue a pergunta que o comprador faz, quanto custa, dá pra parcelar, é confiável, não a ordem em que a plataforma entrega os campos.
Gatilhos de conversão. Selo de desconto, contador de estoque e prazo de oferta, usados com moderação, apenas onde a informação é verdadeira. Gatilho falso funciona uma vez e queima a loja.
Mobile primeiro. A maior parte do tráfego de varejo por impulso é mobile. A grade de categorias e o fluxo de compra foram desenhados para o polegar antes do mouse.
Resultado
Números da loja no primeiro semestre depois da reestruturação, medidos no painel da própria plataforma:
| Indicador | Antes | Depois |
|---|---|---|
| Taxa de conversão | 0,8% | 1,6% |
| Tempo médio até o primeiro clique em categoria | 14s | 6s |
| Abandono na página de produto | 71% | 58% |
| Pedidos via mobile | 62% | 79% |
O que eu aprendi
Em e-commerce de impulso, design é logística de atenção. Não se trata de deixar bonito: cada elemento acima da dobra ocupa espaço que poderia estar respondendo à próxima pergunta do comprador. Beleza que atrasa a resposta custa venda.
O segundo aprendizado é sobre plataforma. Trabalhar dentro de um construtor como a Yampi impõe limites reais de layout, e isso é bom. A restrição força a decidir o que importa em vez de resolver tudo com mais uma seção.