Otimização de card de produto: como a Tile Giant transformou a frustração com a busca em 50% mais vendas

Introdução:

Como uma das principais varejistas do Reino Unido no setor de revestimentos e pisos, a Tile Giant construiu sua reputação entregando produtos de qualidade excepcional para projetos residenciais e comerciais.

Ao reconhecer a necessidade de elevar sua experiência digital, a empresa contratou a experiente agência digital Proof3 para transformar sua loja de e-commerce, melhorar a experiência do cliente e impulsionar um crescimento expressivo do negócio.

Os problemas:

Por meio de uma análise cuidadosa, a Proof3 identificou que, embora a busca fosse muito usada no site, um número considerável de usuários apresentava comportamentos conflitantes.

Eles não interagiam com os cards dos resultados de busca ou mostravam sinais de comportamento de "retorno" (u-turn), indo e voltando repetidamente entre a página de produto e os resultados de busca.

Além disso, a pesquisa qualitativa revelou que os usuários estavam insatisfeitos com a quantidade de informações exibidas nos cards dos resultados de busca.

As soluções:

A Proof3 realizou um teste A/B/n na página de resultados de busca com três variantes diferentes, usando o editor de código integrado da Mida.

Aproveitando a capacidade de teste A/B/n da Mida, a Proof3 conseguiu testar várias variantes contra o controle ao mesmo tempo, todas rodando na mesma URL.

Controle: O design original.

Versão de controle do teste A/B

‍

Variante 1: Cards de produto aprimorados com a adição de detalhes de entrega e amostras de cores.

Variação do teste A/B

‍

Variante 2: Cards de produto atualizados com detalhes de entrega e um call-to-action (CTA) em destaque.

Variação do teste A/B

‍

Variante 3: Combinação de detalhes de entrega, amostras de cores e um CTA claro nos cards de produto.

Variação do teste A/B

‍

Todas as alterações foram implementadas diretamente pelo editor de código integrado da Mida, permitindo que a equipe aplicasse rapidamente modificações de CSS e JavaScript sem publicar código em produção.

Principais recursos utilizados:

  1. Experimento de teste A/B/n (mesma URL)
  2. Editor de código HTML / JS / CSS
  3. Opções de segmentação de teste A/B

Os resultados:

Os esforços de otimização da Proof3 trouxeram melhorias impressionantes, com ganhos drásticos na maioria das variantes. No entanto, apenas uma variante poderia ser a grande vencedora, e foi a Variante 1.

Variante 1

Variação do teste A/B

O desempenho dessa variante foi impressionante, com melhorias significativas em relação ao controle:

  • As visualizações de produto aumentaram 13%
  • A taxa de conversão de compra (CvR) aumentou 50%
  • A receita por visitante (RPV) melhorou 25%

‍

Embora as demais variantes também tenham apresentado melhorias, elas ficaram aquém da de melhor desempenho:

Variante 2:

Variação do teste A/B

Apesar de um aumento de 45% na CvR, uma queda de 17% no AoV afetou o RPV, resultando em apenas um pequeno aumento de receita em relação ao controle.

‍

‍

‍

Variante 3:

Variação do teste A/B

Apesar de gerar uma melhoria respeitável de 19% na CvR e de 10% no RPV, ela ficou em um segundo lugar bem próximo.

‍

‍

‍

‍

Principais aprendizados:

Entender o comportamento e os pontos de dor dos usuários foi fundamental para o sucesso. A análise realizada pela agência de experimentação Proof3 mostrou que os clientes precisavam de mais informações sobre os produtos durante a busca.

O teste A/B/n da Mida permitiu que a Proof3 testasse várias soluções ao mesmo tempo. Isso ajudou a identificar rapidamente o que funcionava melhor para os clientes. Com o editor de código integrado da Mida, as alterações foram feitas rapidamente, sem implantações complexas. Isso economizou tempo e recursos.

Esses resultados mostram como as ferramentas certas e os testes estratégicos podem melhorar de forma significativa tanto a experiência do cliente quanto o desempenho do negócio.

Um aumento de 50% é raro. Veja como uma mudança como essa costuma performar em nossos benchmarks de teste A/B, incluindo taxas de sucesso em e-commerce e benchmarks de testes de layout.

A plataforma de teste A/B para quem
se importa com a performance do site

A Mida é 10X mais rápida do que qualquer coisa que você já considerou. Experimente você mesmo.

Gráfico decorativoGráfico decorativoGráfico decorativoGráfico decorativo