Aumento de cliques numa linha do tempo com produtos para bebés na página inicial
Sobre a QLEVR
A QLEVR reúne cinco marcas fortes, como a Puckababy, que oferecem produtos inovadores e de alta qualidade para bebés e crianças pequenas, baseados em necessidades reais e numa pesquisa minuciosa sobre as preferências dos pais jovens.
A Puckababy é especializada em sacos de dormir premium para bebés que garantem um sono seguro, confortável e tranquilo para os mais pequenos. Ao combinar materiais de alta qualidade com um design cuidado, os produtos Puckababy apoiam um desenvolvimento saudável e dão tranquilidade aos pais.
Situação inicial
Este estudo de caso explora como um simples ajuste de layout numa linha do tempo na página inicial melhorou o envolvimento do utilizador e a explicação da navegação. O elemento testado - uma linha do tempo com categorias de produtos para bebés - desempenha um papel central ao guiar os clientes ao longo da sua experiência de compra e ajudá-los a identificar rapidamente produtos relevantes com base na idade do seu filho.
Foi realizado um teste A/B na página inicial - uma das páginas mais visitadas e um importante ponto de entrada tanto para clientes novos como recorrentes. Como os visitantes que chegam aqui costumam estar ainda no início da exploração de produtos, a página inicial foi o local ideal para testar melhorias no envolvimento do utilizador e na navegação.
Os dados comportamentais e a análise de mapas de calor do Microsoft Clarity tinham mostrado que a linha do tempo era um elemento altamente interativo, mas não tão intuitivo quanto esperado. Muitos utilizadores interagiam com ela, mas tinham dificuldade em explorar todo o conteúdo devido ao layout horizontal, o que indicava a necessidade de otimização.
Configuração do teste
Foi realizado um teste A/B clássico na página inicial para todas as versões linguísticas. Esta configuração permitiu à equipa medir o impacto direto do alinhamento do layout nas interações dos utilizadores e no comportamento relacionado com a conversão.
Segmentação: Apenas utilizadores móveis.
Duração: Cerca de um mês.
Objetivo / Motivação
O principal objetivo deste teste foi aumentar os cliques na linha do tempo e, assim, alcançar números de vendas mais elevados através de uma navegação mais clara.
Variantes
Hipótese
Se a linha do tempo for exibida na vertical em vez de na horizontal,
então os cliques e a clareza geral aumentarão,
porque os utilizadores conseguem processar o conteúdo relevante mais facilmente e navegar mais rapidamente pelas categorias de produtos disponíveis.
Alterações:
Original: Linha do tempo horizontal de categorias de produtos para bebés.
Variante: Disposição vertical da linha do tempo para melhorar a visibilidade e o comportamento de scroll.
Resultados do teste
A mudança trouxe uma melhoria forte e estatisticamente significativa:
+ 12,58% mais Cliques (99% de significância)
+ 13,66% mais Promoções de adicionar ao carrinho
+ 5,10% de aumento no ARPU (receita média por utilizador)
Os resultados confirmaram que o conteúdo importante não deve ser escondido atrás de sliders. Os utilizadores interagem de forma mais eficaz quando a informação importante está imediatamente visível, melhorando a clareza e a rapidez na tomada de decisão. O layout vertical não só melhorou a experiência do utilizador, como também teve um impacto mensurável nas métricas relacionadas com vendas.
Conclusão
A timeline vertical superou claramente a versão horizontal e foi implementada de imediato. Os resultados confirmaram a importância da acessibilidade e da visibilidade no design de navegação. Daqui para a frente, a equipa planeia aperfeiçoar ainda mais este elemento - explorando mais indicadores visuais e funcionalidades interativas para tornar a timeline ainda mais intuitiva e envolvente.
Implementação com a Varify
A Varify ofereceu preços justos, uma configuração fácil e uma excelente documentação, além de uma demonstração clara. Isto permitiu-nos testar rapidamente as variantes da timeline em dispositivos móveis e acompanhar de forma fiável as interações dos utilizadores, tornando o processo eficiente e simples.
A Varify está bem documentada e é fácil de configurar. A ligação com o GA4 permite-nos criar relatórios detalhados de forma rápida e eficiente. Esta combinação de facilidade de utilização e análise robusta proporciona informações fiáveis e apoia a tomada de decisões baseada em dados.
