Aumento de la tasa de conversión optimizando el diseño de la tienda
Índice de contenidos
Sobre TheraSpecs
TheraSpecs® ofrece el catálogo más completo de gafas especiales para la protección contra la sensibilidad a la luz. Con 14 tipos de lentes diferentes y más de 60 opciones de montura, las TheraSpecs® se personalizan para satisfacer las necesidades de cada persona. Las gafas protegen contra fuentes de luz intensa como pantallas, tubos fluorescentes, LEDs, luz parpadeante, luz solar y más. Los pedidos se pueden realizar online en theraspecs.com.
Situación inicial
El diseño original de la página se basaba en una estructura flexible que se adaptaba al tamaño del contenido, pero tenía un espaciado y una alineación inconsistentes en los distintos tamaños de pantalla. Además, carecía de señales visuales que indicaran claramente a los clientes cómo avanzar al siguiente paso del proceso de compra.
El objetivo principal de este test era mejorar el potencial de conversión de la página principal mediante:
la optimización del diseño visual y
la incorporación de señales visuales que aclararan los siguientes pasos en el proceso de compra.
Variantes
Hipótesis
Si se mejora el diseño de las opciones de lentes en la página de la tienda con una estructura más clara y referencias visuales al uso respectivo de las lentes,
entonces es más probable que los clientes completen una compra,
porque la mayor claridad aumenta la confianza, favorece una selección de lentes más informada e indica claramente el siguiente paso en el proceso de compra.
Cambios:
Original: El diseño original tiene un espaciado inconsistente y no ofrece señales visuales claras para el proceso de compra.
Variante: La variante utiliza un diseño basado en cuadrícula con una alineación consistente, una jerarquía visual mejorada y un mayor enfoque en los elementos relevantes para la conversión.
Resultados del test
La duración de la prueba fue de 18 días, durante los cuales más de 4300 visitantes participaron en la prueba. La significancia estadística fue del 89,8 %, no se aplicó segmentación.
Transacciones: +18,34 %
Checkouts: +26,94 %
Compradores por primera vez: +27,52 %
Ventas totales: +14,87 %
La hipótesis se confirmó con los resultados. El formato mejorado del contenido central, junto con elementos de iconos adicionales para una mejor preparación de la compra, llevó a una tasa de conversión más alta y a mejores cifras clave.
Conclusión
Los resultados de la prueba confirman que la introducción de un diseño basado en cuadrícula con alineación consistente mejoró significativamente la jerarquía visual y la facilidad de lectura del sitio. Una delimitación más clara de las tarjetas de producto y un mayor énfasis en los elementos clave de conversión, como botones de llamada a la acción más prominentes, ayudaron a guiar a los usuarios por el proceso de compra de forma más específica. La iconografía adicional también aumentó la claridad y la confianza al seleccionar el tipo de vidrio correcto.
La variante exitosa se implementó de inmediato en el sitio /shop/ para todos los usuarios con el fin de aprovechar al máximo el diseño optimizado.
Implementación con Varify
Varify resultó ser una forma muy sencilla de implementar el experimento y una solución de pruebas A/B asequible para una pequeña empresa.
Varify fue una solución de pruebas A/B sencilla y flexible para nuestro equipo, especialmente desde el punto de vista de la implementación. La plataforma facilita lanzar y gestionar experimentos sin mucho esfuerzo técnico, ideal para equipos más pequeños que quieren gestionar sus propias pruebas. El precio es accesible en comparación con muchas herramientas empresariales, y hemos visto mejoras continuas y significativas, así como actualizaciones de funciones, a lo largo de su uso.
