Aumento da taxa de conversão com a otimização do layout da loja
Resultado:
+18.341transaçõesTP4T
Comércio eletrônico
Estados Unidos
+18.341transaçõesTP4T
+26.94% Checkouts
+14.87% Receita total
+27.52% Compradores pela primeira vez
Tabela de conteúdo
Sobre o TheraSpecs
O TheraSpecs® oferece o catálogo mais abrangente de óculos especiais para proteção contra a sensibilidade à luz. Com 14 tipos diferentes de lentes e mais de 60 opções de armação, os TheraSpecs® são personalizados para atender às necessidades de cada indivíduo. Os óculos protegem contra fontes de luz fortes, como telas, lâmpadas fluorescentes, LEDs, luz intermitente, luz solar e muito mais. Os pedidos podem ser feitos on-line em theraspecs.com.
Situação inicial
O layout original da página era baseado em uma estrutura flexível que se adaptava ao tamanho do conteúdo, mas apresentava espaçamento e alinhamento inconsistentes em diferentes tamanhos de tela. Além disso, havia uma falta de dicas visuais que sinalizavam claramente como os clientes poderiam prosseguir para a próxima etapa do processo de compra.
O principal objetivo desse teste era melhorar o potencial de conversão da página principal:
o layout visual foi otimizado e
Foram adicionadas dicas visuais para tornar mais claras as próximas etapas do processo de compra.
Variantes
Hipótese
Quando o layout das opções de lentes na página da loja será aprimorado com uma estrutura mais clara e referências visuais ao respectivo uso das lentes,
então é mais provável que os clientes concluam a compra,
porque A clareza adicional aumenta a confiança, apoia uma escolha de lentes mais informada e indica claramente a próxima etapa do processo de compra.
Original
Variante
+26.94% Checkouts
+14.87% Receita total
+27.52% Compradores pela primeira vez
Alterações:
Original: O layout original tem espaçamento inconsistente e não fornece dicas visuais claras para o processo de compra.
Variante: A variante usa um layout baseado em grade com alinhamento consistente, hierarquia visual aprimorada e um foco maior em elementos relevantes para a conversão.
Resultados dos testes
A duração do teste foi de 18 dias, durante os quais mais de 4.300 visitantes participaram do teste. A significância estatística foi de 89,8 %, nenhuma segmentação foi usada.
Transações: +18,34 %
Saídas: +26,94 %
Comprador pela primeira vez: +27.52 %
Total de vendas: +14,87 %
A hipótese foi confirmada pelos resultados. A formatação aprimorada do conteúdo central e os elementos adicionais do ícone para uma melhor preparação para a compra levaram a uma taxa de conversão mais alta e a índices melhores.
Conclusão
Os resultados do teste confirmam que a introdução de um layout baseado em grade com alinhamento consistente melhorou significativamente a hierarquia visual e a capacidade de escaneamento do site. Um delineamento mais claro dos cartões de produtos e uma ênfase maior nos principais elementos de conversão, como botões de call-to-action mais proeminentes, ajudaram a orientar os usuários pelo processo de compra de forma mais direcionada. A iconografia adicional também aumentou a clareza e a confiança ao selecionar o tipo certo de vidro.
A variante bem-sucedida foi imediatamente implementada no site /shop/ para todos os usuários, a fim de aproveitar ao máximo o design otimizado.
Implementação com Varify
A Varify provou ser uma maneira muito fácil de implementar o experimento e uma solução de teste A/B acessível para uma pequena empresa.
A Varify foi uma solução de teste A/B simples e flexível para nossa equipe, especialmente do ponto de vista da implementação. A plataforma facilita o lançamento e o gerenciamento de experimentos sem muito esforço técnico - ideal para equipes menores que desejam gerenciar seus próprios testes. O preço é acessível em comparação com muitas ferramentas empresariais, e vimos melhorias significativas contínuas e atualizações de recursos durante todo o seu ciclo de vida.
Diretor de Marketing
Diretor de Marketing