Boost, una agencia de CRO con enfoque AI-first con sede en Barcelona y presencia global en tres continentes, se asoció con Catalonia Hotels & Resorts para reducir la fricción en el paso más sensible del embudo de reservas: la pantalla de datos de pago en el checkout.
En el paso de pago del checkout, Catalonia Hotels presentaba sus dos opciones de pago, "Pay at hotel" y "Pay now", como una simple lista de botones de opción sin diferenciación y sin iconos de apoyo. Nada distinguía visualmente una opción de la otra: las dos se veían y se leían igual hasta que el usuario se detenía a analizar el texto. Eso obligaba a cada visitante a leer con atención cada palabra para entender qué estaba eligiendo realmente, lo que frenaba la decisión justo cuando iba a introducir sus datos de pago, uno de los puntos de mayor importancia y mayor abandono de todo el proceso de reserva.
La hipótesis de Boost era sencilla: una decisión binaria tan importante no debería requerir lectura. Debería reconocerse de un vistazo. Con Mida, Boost rediseñó el bloque "Datos de pago" del checkout, tanto en escritorio como en móvil, y lo probó frente al original.
Antes: en "2. Datos de pago", una simple lista de botones de opción, dos líneas de texto, sin iconos y sin jerarquía visual entre "Pay at hotel" y "Pay now".
Después: tarjetas visuales y seleccionables, cada una con su propia iconografía para su opción de pago, de modo que la elección se reconoce en lugar de leerse.
Después, con "Pay now" seleccionado: el estado de la tarjeta refuerza cuándo se cobrará realmente la tarjeta.
Otra vista del estado "Pay now" seleccionado, con el mensaje de confianza reforzado junto a los campos de la tarjeta.
El checkout no es el lugar donde los usuarios quieren detenerse a estudiar textos. Al dar a cada opción su propia tarjeta e icono, el rediseño permitió a los visitantes identificar la opción deseada de un vistazo, reduciendo la carga cognitiva justo antes del paso con más fricción del embudo: introducir los datos de pago.
Antes: Sin ninguna explicación de por qué se pedía una tarjeta ni garantía de cuándo se haría realmente el cobro.
Después: Un mensaje de confianza reforzado en torno a la garantía de "sin cargo hasta la llegada", que explica el motivo por el que se exige la tarjeta.
Pedir un número de tarjeta genera de forma natural un momento de duda, incluso cuando la reserva no se cobrará de inmediato. Al combinar el rediseño visual con una explicación más clara de la garantía, Boost abordó esa duda de forma directa en lugar de dejarla en la letra pequeña.
Boost usó Mida para dividir el tráfico entre el checkout original y el bloque "Datos de pago" rediseñado, midiendo el impacto en la confirmación de reserva tanto en la versión ES como en la EN del sitio, y tanto en escritorio como en móvil.
La variante rediseñada ganó, con una probabilidad del 95,75% de superar al control, y logró un aumento del +4,28% en la conversión agregada del checkout, del 34,53% al 36,01%. Los resultados se validaron de forma cruzada con los datos de GA4, que confirmaron un incremento proyectado comparable.
Con unos 34.000 visitantes mensuales al checkout en las versiones ES/EN del sitio, se estima que la variante ganadora generará aproximadamente +520 reservas adicionales al mes.
La capa más interesante de este test surge al dividir los resultados por dispositivo. El aumento agregado fue positivo tanto en escritorio como en móvil, pero el efecto no fue uniforme. En móvil, la mejora fue mayor y alcanzó significancia estadística: +8,62%, del 26,05% al 28,30%, con una probabilidad del 97,86% de superar al control. En escritorio, el resultado se mantuvo positivo en tendencia, pero no alcanzó el mismo nivel de confianza.
Esa diferencia señala dónde importa más el mecanismo del rediseño. El espacio limitado de la pantalla y una lectura más rápida y fragmentada en móvil hacen que la claridad visual sea desproporcionadamente valiosa. El rediseño con tarjetas no solo se veía mejor en todas partes: redujo específicamente el esfuerzo de lectura en el momento en que menos lo necesitaban los usuarios: en una pantalla pequeña, justo antes de introducir los datos de pago. (Consulta las maquetas móviles en las capturas de antes y después de arriba).
Presentar las decisiones binarias como tarjetas visuales escaneables con iconos, en lugar de opciones solo de texto, reduce la carga cognitiva en momentos de alta importancia y refuerza la confianza del usuario al introducir la información de pago.
Revisa la división por dispositivo antes de dar un resultado por cerrado. Un aumento agregado puede esconder una historia muy distinta: aquí, el móvil aportó el resultado estadísticamente significativo, mientras que el escritorio solo fue positivo en tendencia, una distinción que cambia con cuánta confianza debe desplegarse el rediseño y dónde conviene investigar a continuación.
Si quieres optimizar el rendimiento de tu sitio web y agilizar tu proceso de tests A/B, Mida es la solución ideal.
Gracias a su script ligero y su enfoque en el rendimiento, Mida garantiza que tu sitio web siga siendo rápido y ágil, a la vez que ofrece potentes capacidades de tests A/B. Descubre las ventajas de Mida integrando hoy mismo nuestro script ligero en tu sitio web.
---
Empieza gratis con Mida: hasta 100.000 usuarios probados al mes.
Mida es 10 veces más rápido que cualquier otra cosa que hayas considerado. Pruébalo tú mismo.
Mida.so es una herramienta de test A/B superligera que te ayuda a experimentar, analizar e implementar estrategias de conversión en minutos.
¿Aún estás decidiendo?
Una breve sesión compartiendo pantalla en tu sitio real: sin diapositivas ni tours genéricos. Solo respuestas a tus preguntas.
30 min · sin compromiso · sin presión de ventas