Case E-commerce | Redesign de PDP e Aumento de Adição ao Carrinho - Impactaux

Sobre a ImpactaUX

Somos uma consultoria estratégica focada em Design for ROI. Transformamos pesquisa e experiência do usuário em resultados de negócio mensuráveis.

Case E-commerce | Redesign de PDP e Aumento de Adição ao Carrinho

Página de Produto Otimizada para Conversão
Sticky Buy Box Mobile - UX Strategy
Rehierarquização de Conteúdo Técnico
Integração de Reviews e Prova Social

A Hesitação na Hora H: Quando a PDP Bloqueia a Venda

A Página de Produto é o momento crítico de decisão. Para este gigante do varejo, identificamos através de diagnósticos (F1) que a alta taxa de rejeição no mobile não era culpa do produto, mas da interface. O botão de compra desaparecia na rolagem e as informações técnicas eram ilegíveis, criando uma barreira de insegurança.

O problema não era tráfego, era conversão. O usuário chegava, não encontrava rapidamente o que precisava para decidir (preço, frete, confiança) e saía. Esse "vazamento" na etapa final do funil custava milhões em vendas perdidas.

  • Falta de visibilidade do CTA de compra durante a navegação mobile (Below the Fold)
  • Informações técnicas (voltagem, medidas) escondidas, gerando dúvidas e devoluções
  • Prova social (avaliações) mal posicionada, perdendo o gatilho de confiança
Gráfico de Aumento de Adição ao Carrinho

Ficha Técnica de ROI

  • Cliente : Gigante do Varejo (NDA)
  • Desafio : Baixa conversão na PDP e alto índice de devoluções
  • Solução : Sticky Buy Box e Reestruturação de Conteúdo (F4/F5)
  • Resultado : Aumento expressivo no Add-to-Cart
Análise de Eye-Tracking na Página de Produto

O Olhar do Usuário (Eye-Tracking)


Utilizamos tecnologia de Eye-Tracking para mapear a atenção do usuário. Descobrimos que a dispersão visual era crítica: o olhar se perdia em elementos irrelevantes enquanto o preço e o botão de compra eram ignorados. Nossa solução reverteu essa hierarquia.

Componente Sticky Buy Box no Design System

Implementamos o conceito de "Sticky Buy Box" via Design System (F6). Garantimos que, no mobile, o botão de compra e o preço estivessem fixos e acessíveis em 100% do tempo de navegação, reduzindo a fricção motora e cognitiva para a conversão.

  • Mapeamento de atenção para hierarquia visual
  • Componentes focados em conversão mobile-first
  • Validação de usabilidade para garantir clareza

O Processo de Execução

Linha Conectora Linha Conectora
01
F1: Diagnóstico (KPIs)

Análise de métricas de rejeição e tempo na página para definir o problema raiz.

Linha Conectora Linha Conectora
02
F2: Pesquisa e Evidências

Uso de Eye-Tracking e Heatmaps para entender o comportamento de visualização real.

Linha Conectora Linha Conectora
03
F8: Validação e Mitigação

Validação do novo layout com usuários para garantir a eficácia das mudanças.

Linha Conectora Linha Conectora
04
F10: Otimização e ROI

Acompanhamento do aumento na taxa de adição ao carrinho pós-implementação.