Em mais de dez sessões analisadas, a navegação quase não passava da página inicial. O site não dava motivo nem caminho para continuar.
Voltar ao trabalho
E-commerce · Shopify Mercado pet · Estados Unidos 2023 – 2025
A marca era forte. O site não trabalhava a favor dela.
A Julius K9 vende peitorais para cães em vários países e abriu operação própria nos Estados Unidos. O e-commerce era o canal principal dessa operação e perdia gente na primeira dobra. Entrei pela Weggo Solutions para descobrir onde a navegação morria e reorganizar a loja em torno do que de fato vendia.
- O problema
- A sessão quase não passava da home. Quem comprava, comprava direto da primeira dobra, sem chegar às páginas de produto.
- O caminho
- Ler o funil antes de mexer no layout e reordenar as linhas de produto pelo peso real de cada uma, em vez de dar o mesmo espaço para as quatro.
- O resultado
- USD 200 mil em receita nova ao longo do projeto, somando arquitetura de informação, jornada de compra e interface.
01 — Contexto
Uma marca conhecida chegando num mercado que não a conhecia
A Julius K9 nasceu na Hungria e ficou conhecida pelos peitorais com etiqueta intercambiável. Com o crescimento internacional, a empresa abriu uma filial nos Estados Unidos para atender a demanda local. O site dessa operação era o principal ponto de contato da marca no país.
02 — Diagnóstico
Antes de propor tela, descobrir onde a sessão morria
Comecei por gravação de sessão no Clarity e no Hotjar e por relatório de funil no GA4. A pergunta era simples: quem entra, até onde vai. A resposta apontou para a mesma dobra em quase toda sessão.
-
Funil no GA4
Onde a queda acontecia entre entrada, categoria, produto e checkout.
-
Sessões no Clarity e no Hotjar
Mapa de calor e gravação para ver o comportamento real dentro da primeira dobra.
-
Leitura da marca
Comparação entre as diretrizes da Julius K9 e o que o site entregava na prática.
-
Priorização
Cruzamento entre o que doía no dado e o que o time conseguia entregar no ciclo.
Boa parte de quem comprava fechava direto pela home, sem abrir a página do produto. O portfólio existia e não era descoberto.
A apresentação do site não seguia as diretrizes da marca, e o que diferencia a Julius K9 da concorrência não aparecia em lugar nenhum.
03 — Primeira dobra
Quatro botões concorrendo, dois sendo usados
O hero banner oferecia quatro tipos de botão logo na entrada. As sessões mostravam uso concentrado em dois. Os outros dois não estavam ajudando a escolher: estavam adiando a escolha.
- Sobrecarga logo na abertura. Mais opção de mesmo peso visual significa mais tempo até a primeira decisão, e a primeira dobra é onde a sessão se decide.
- Sem hierarquia entre as ações. Nada na tela dizia qual era o caminho principal, então o usuário precisava construir esse critério sozinho.
- Custo direto no funil. Era a mesma dobra em que o GA4 mostrava a queda, e a mesma que o mapa de calor mostrava travando.
04 — Portfólio
Quatro linhas com o mesmo destaque e desempenhos muito diferentes
Olhar linha a linha mudou a discussão. O layout tratava as quatro como iguais; o dado dizia outra coisa. A partir daqui a hierarquia da home passou a ser decidida por peso na receita, não por simetria de grade.
IDC Power
O produto de maior apelo e maior alcance da operação, e o que puxava a receita. No layout antigo ficava ofuscado, dividindo espaço com linhas que vendiam uma fração disso.
IDC Longwalk
Tinha uso real, em volume menor, atendendo um público específico de caminhada e trilha. Merecia lugar no catálogo, não a mesma vitrine do carro-chefe.
Stealth Cobra
Voltada a uso tático e policial, era pouco explorada na loja. Faz mais sentido em campanha direcionada do que ocupando um quarto da home.
Color & Gray
Praticamente sem acesso. Direcionava para um belt harness que o próprio dono da operação não queria promover: produto parado ocupando o espaço mais caro do site.
A decisão que saiu daqui: dar à primeira dobra a linha que sustenta a receita, empurrar as linhas de nicho para o nível de catálogo e tirar da vitrine o que a operação não queria vender.
05 — Vitrine
Oito cards sem um padrão em comum
A grade de categorias da home tinha problema de leitura e de percepção de marca ao mesmo tempo. Cada card parecia ter sido feito num momento diferente, porque foi.
Cards sem padrão
Borda, fundo e alinhamento diferentes entre si. O conjunto lia como desordem mesmo quando cada peça isolada estava aceitável.
Imagens desiguais
A diferença de qualidade entre as fotos derrubava a percepção de profissionalismo de uma marca que investe pesado em imagem.
Varredura difícil
Sem alinhamento comum, o olho não conseguia escanear a grade. Cada card exigia uma leitura nova em vez de entrar num padrão.
06 — A tese
O site pedia esforço em vez de oferecer caminho
Excesso de opção somado a hierarquia confusa produz paralisia de escolha: quanto mais alternativas de mesmo peso, mais custa decidir e maior a chance de não decidir nada. Some a isso a inconsistência visual, que obriga o cérebro a reinterpretar cada bloco em vez de reaproveitar um padrão.
O site estava desalinhado do que a leitura busca: simplicidade, organização e relevância. Não era um problema de gosto, e sim de custo cognitivo cobrado do usuário logo na entrada.
07 — Decisões
Três frentes, na ordem em que o dado pediu
Funil antes de tela
Mapeei e otimizei o funil a partir das sessões do Clarity e do Hotjar e dos relatórios do GA4. Só depois de saber onde a navegação morria é que o layout começou a mudar.
Teste A/B onde doía
Testes concentrados em fricção no checkout e clareza da proposta de valor, os dois pontos que mais custavam conversão. O resto entrou sem teste, porque não valia o tempo de teste.
Copy virando interface
Adaptei a copy recebida do cliente para UX writing aplicado à tela e estruturei os fluxos de e-mail segmentados por comportamento, para recuperar quem saía antes de comprar.
08 — Antes e depois
A mesma marca, com a loja trabalhando a favor dela
As capturas abaixo são da home antiga e da home publicada depois do redesign. Estão na ordem em que as decisões apareceram neste case: primeira dobra, vitrine e prova social.
Primeira dobra
Vitrine
Prova social
09 — Resultado
O que mudou depois que a loja passou a ter ordem
USD 200 mil
em receita nova ao longo do projeto
4 → 1
linhas disputando a primeira dobra, depois de reordenar por peso na receita
3 fontes
de dado sustentando as decisões: GA4, Clarity e Hotjar
Número informado pelo cliente, referente ao período do projeto, somando o redesign de arquitetura de informação, jornada de compra e interface.
Aprendizados
Hierarquia é decisão de negócio
Dividir a home igualmente entre quatro linhas parece justo e custa caro quando uma delas sustenta a receita.
Dado de sessão muda a conversa
Com gravação e funil na mesa, a discussão sai do gosto pessoal e vai para onde a pessoa realmente desiste.
Consistência é conversão
Padrão de card e de imagem não é preciosismo visual: é o que permite varrer a página sem esforço.