Aumento da taxa de conversão através da otimização do layout da loja
Sobre a TheraSpecs
A TheraSpecs® oferece o catálogo mais completo de óculos especiais para proteção contra sensibilidade à luz. Com 14 tipos de lentes diferentes e mais de 60 opções de armação, os óculos TheraSpecs® são personalizados para atender às necessidades de cada indivíduo. Os óculos protegem contra fontes de luz intensa, como ecrãs, tubos fluorescentes, LEDs, luz intermitente, luz solar e muito mais. Os pedidos podem ser feitos online em theraspecs.com.
Situação inicial
O layout original da página baseava-se numa estrutura flexível que se adaptava ao tamanho do conteúdo, mas tinha espaçamento e alinhamento inconsistentes em diferentes tamanhos de ecrã. Além disso, faltavam indicações visuais que sinalizassem claramente como os clientes podiam avançar para o passo seguinte no processo de compra.
O principal objetivo deste teste foi melhorar o potencial de conversão da página principal através de:
otimização do layout visual e
adição de indicações visuais para tornar mais claros os próximos passos no processo de compra.
Variantes
Hipótese
Se o layout das opções de lentes na página da loja for melhorado com uma estrutura mais clara e referências visuais ao respetivo uso das lentes,
então é mais provável que os clientes concluam uma compra,
porque a clareza adicional aumenta a confiança, apoia uma seleção de lentes mais informada e indica claramente o próximo passo no processo de compra.
Alterações:
Original: O layout original tem espaçamento inconsistente e não fornece indicações visuais claras para o processo de compra.
Variante: A variante utiliza um layout baseado em grelha com alinhamento consistente, hierarquia visual melhorada e um foco mais forte nos elementos relevantes para a conversão.
Resultados do teste
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%, sem segmentação aplicada.
Transações: +18,34%
Checkouts: +26,94%
Comprador de primeira vez: +27,52%
Vendas totais: +14,87%
A hipótese foi confirmada pelos resultados. A formatação melhorada do conteúdo central, bem como elementos de ícones adicionais para melhor preparação de compra, levaram a uma taxa de conversão mais alta e a indicadores-chave melhorados.
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 leitura rápida do site. Uma delimitação mais clara dos cartões de produto e uma maior ênfase nos elementos-chave de conversão, como botões de chamada para ação mais proeminentes, ajudaram a guiar os usuários de forma mais direcionada pelo processo de compra. A iconografia adicional também aumentou a clareza e a confiança na escolha do tipo certo de vidro.
A variante bem-sucedida foi imediatamente implementada no site /shop/ para todos os usuários, a fim de aproveitar totalmente o design otimizado.
Implementação com Varify
A Varify se mostrou uma maneira muito fácil de implementar o experimento e uma solução de testes 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 de implementação. A plataforma facilita o lançamento e a gestão de experimentos sem muito esforço técnico - ideal para equipes menores que querem gerenciar seus próprios testes. O preço é acessível em comparação com muitas ferramentas empresariais, e vimos melhorias significativas e atualizações de recursos contínuas ao longo do tempo.
