Aumento de clics en una línea de tiempo con productos para bebés en la página de inicio
Acerca de QLEVR
QLEVR reúne cinco marcas sólidas, como Puckababy, que ofrecen productos innovadores y de alta calidad para bebés y niños pequeños, basados en necesidades reales y una investigación exhaustiva sobre las preferencias de los padres jóvenes.
Puckababy está especializada en sacos de dormir premium para bebés que garantizan un sueño seguro, cómodo y reparador para los más pequeños. Al combinar materiales de alta calidad con un diseño cuidado, los productos de Puckababy favorecen un desarrollo saludable y aportan tranquilidad a los padres.
Situación inicial
Este caso de estudio explora cómo un simple ajuste en el diseño de una línea de tiempo en la página de inicio mejoró la interacción del usuario y la explicación de la navegación. El elemento probado -una línea de tiempo con categorías de productos para bebés- desempeña un papel central a la hora de guiar a los clientes durante su experiencia de compra y ayudarles a identificar rápidamente los productos relevantes según la edad de su hijo.
Se realizó un test A/B en la página de inicio, una de las páginas más visitadas y un punto de entrada importante tanto para clientes nuevos como recurrentes. Dado que los visitantes que llegan aquí suelen estar todavía al principio de su exploración de productos, la página de inicio era el lugar ideal para probar mejoras en la interacción del usuario y la navegación.
Los datos de comportamiento y el análisis de mapas de calor de Microsoft Clarity habían mostrado que la línea de tiempo era un elemento muy interactivo, pero no tan intuitivo como se esperaba. Muchos usuarios interactuaban con ella, pero tenían dificultades para explorar todo el contenido debido al diseño horizontal, lo que indicaba una necesidad de optimización.
Configuración del test
Se llevó a cabo un test A/B clásico en la página de inicio para todas las versiones de idioma. Esta configuración permitió al equipo medir el impacto directo de la alineación del diseño en las interacciones de los usuarios y el comportamiento relacionado con la conversión.
Segmentación: Solo usuarios móviles.
Duración: Aproximadamente un mes.
Objetivo / Motivación
El objetivo principal de este test era aumentar los clics en la línea de tiempo y, con ello, lograr mayores cifras de ventas mediante una navegación más clara.
Variantes
Hipótesis
Si la línea de tiempo se muestra en vertical en lugar de en horizontal,
entonces aumentarán los clics y la claridad general,
porque los usuarios pueden procesar el contenido relevante más fácilmente y navegar más rápido por las categorías de productos disponibles.
Cambios:
Original: Línea de tiempo horizontal de categorías de productos para bebés.
Variante: Disposición vertical de la línea de tiempo para mejorar la visibilidad y el comportamiento de desplazamiento.
Resultados del test
El cambio trajo consigo una mejora sólida y estadísticamente significativa:
+ 12,58 % más Clics (significancia del 99 %)
+ 13,66 % más Promociones de añadir al carrito
+ 5,10 % de aumento en ARPU (ingreso promedio por usuario)
Los resultados confirmaron que el contenido importante no debe ocultarse detrás de sliders. Los usuarios interactúan de forma más efectiva cuando la información importante es visible de inmediato, lo que mejora la claridad y la velocidad en la toma de decisiones. El diseño vertical no solo mejoró la experiencia de usuario, sino que también tuvo un impacto medible en las métricas relacionadas con las ventas.
Conclusión
La línea de tiempo vertical superó claramente a la versión horizontal y se implementó de inmediato. Los resultados confirmaron la importancia de la accesibilidad y la visibilidad en el diseño de navegación. De cara al futuro, el equipo planea seguir refinando este elemento, explorando más señales visuales y funciones interactivas para hacer que la línea de tiempo sea aún más intuitiva y atractiva.
Implementación con Varify
Varify ofreció precios justos, una configuración sencilla y una excelente documentación, además de una demo clara. Esto nos permitió probar rápidamente las variantes de la línea de tiempo en dispositivos móviles y realizar un seguimiento fiable de las interacciones de los usuarios, haciendo que el proceso fuera eficiente y sencillo.
Varify está bien documentado y es fácil de configurar. La conexión con GA4 nos permite crear informes detallados de forma rápida y eficiente. Esta combinación de facilidad de uso y análisis robusto proporciona información fiable y respalda la toma de decisiones basada en datos.
