Boost, agence CRO « AI-first » basée à Barcelone et présente sur trois continents, s'est associée à Catalonia Hotels & Resorts pour réduire les frictions à l'étape la plus sensible du tunnel de réservation : l'écran des informations de paiement lors du passage en caisse.
À l'étape de paiement, Catalonia Hotels présentait ses deux options, « Payer à l'hôtel » et « Payer maintenant », sous la forme d'une simple liste de boutons radio, sans aucune icône. Rien ne distinguait visuellement une option de l'autre : toutes deux avaient le même aspect tant que l'utilisateur ne s'arrêtait pas pour lire le texte. Chaque visiteur devait donc lire attentivement chaque mot pour comprendre ce qu'il choisissait réellement, ce qui ralentissait sa décision au moment précis où il s'apprêtait à saisir ses informations de paiement, l'un des points les plus critiques et où l'abandon est le plus élevé de tout le parcours de réservation.
L'hypothèse de Boost était simple : une décision binaire aussi importante ne devrait pas exiger de lecture. Elle devrait être reconnaissable au premier coup d'œil. Avec Mida, Boost a repensé le bloc « Informations de paiement » du passage en caisse, sur ordinateur comme sur mobile, et l'a testé face à l'original.

Avant : à l'étape « 2. Datos de pago », une simple liste de boutons radio, deux lignes de texte, aucune icône, aucune hiérarchie visuelle entre « Payer à l'hôtel » et « Payer maintenant ».

Après : des cartes visuelles et sélectionnables, chacune dotée d'une iconographie propre à son option de paiement, pour que le choix soit reconnu plutôt que lu.

Après, « Payer maintenant » sélectionné : l'état de la carte précise le moment où la carte sera réellement débitée.

Autre vue de l'état « Payer maintenant » sélectionné, avec le message de réassurance renforcé à côté des champs de carte.
Le passage en caisse n'est pas l'endroit où les utilisateurs veulent ralentir pour étudier un texte. En donnant à chaque option sa propre carte et son icône, la refonte a permis aux visiteurs d'identifier l'option souhaitée au premier coup d'œil, réduisant la charge cognitive juste avant l'étape la plus source de friction du tunnel : la saisie des informations de paiement.
Avant : aucune explication sur la raison pour laquelle une carte était demandée, ni aucune assurance sur le moment où elle serait réellement débitée.
Après : un message de réassurance renforcé autour de la garantie « aucun débit avant l'arrivée », expliquant pourquoi une carte est exigée.
Demander un numéro de carte suscite naturellement un moment de doute, même lorsque la réservation ne sera pas débitée immédiatement. En associant la refonte visuelle à une explication plus claire de la garantie, Boost a traité cette hésitation de front au lieu de la reléguer aux petits caractères.
Boost a utilisé Mida pour répartir le trafic entre le passage en caisse d'origine et le bloc « Informations de paiement » repensé, en mesurant l'impact sur la confirmation de réservation sur les versions ES et EN du site, sur ordinateur comme sur mobile.
La variante repensée l'a emporté, avec une probabilité de 95,75 % de battre le contrôle, offrant une hausse de +4,28 % de la conversion globale au paiement, passant de 34,53 % à 36,01 %. Les résultats ont été validés par recoupement avec les analyses GA4, qui ont confirmé une progression projetée comparable.
Sur les quelque 34 000 visiteurs mensuels du passage en caisse des versions ES/EN du site, la variante gagnante devrait générer environ +520 réservations supplémentaires par mois.
La couche la plus intéressante de ce test apparaît lorsque l'on segmente les résultats par appareil. La hausse globale était positive sur ordinateur comme sur mobile, mais l'effet n'était pas uniforme. Sur mobile, l'amélioration a été plus forte et a atteint la significativité statistique : +8,62 %, de 26,05 % à 28,30 %, avec une probabilité de 97,86 % de battre le contrôle. Sur ordinateur, le résultat est resté positif dans la tendance, sans atteindre le même niveau de confiance.
Cet écart montre où le mécanisme de la refonte compte le plus. L'espace d'écran limité et une lecture plus rapide et plus fragmentée sur mobile rendent la clarté visuelle particulièrement précieuse. La refonte par cartes n'a pas simplement amélioré l'aspect partout : elle a spécifiquement allégé l'effort de lecture au moment où les utilisateurs en avaient le moins besoin : sur un petit écran, juste avant de saisir leurs informations de paiement. (Voir les maquettes mobiles dans les captures avant/après ci-dessus.)
Présenter les décisions binaires sous forme de cartes visuelles lisibles avec des icônes, plutôt que d'options uniquement textuelles, réduit la charge cognitive dans les moments à fort enjeu et renforce la confiance de l'utilisateur lorsqu'il saisit ses informations de paiement.
Vérifiez la répartition par appareil avant de considérer un résultat comme définitif. Une hausse globale peut cacher une tout autre réalité : ici, le mobile portait le résultat statistiquement significatif, tandis que l'ordinateur restait seulement positif dans la tendance, une distinction qui change le degré de confiance avec lequel déployer la refonte et les pistes à explorer ensuite.
Si vous cherchez à optimiser les performances de votre site web et à simplifier votre processus de test A/B, Mida est la solution idéale.
Grâce à son script léger et à son attention portée aux performances, Mida garantit que votre site reste rapide et réactif tout en offrant de puissantes capacités de test A/B. Profitez dès aujourd'hui des avantages de Mida en intégrant notre script léger à votre site web.
---
Démarrez gratuitement sur Mida : jusqu'à 100 000 utilisateurs testés par mois.
Mida est 10 fois plus rapide que tout ce que vous avez pu envisager jusqu'ici. Testez-le vous-même.
Vous hésitez encore ?
Un partage d'écran rapide sur votre site réel : pas de diapositives, pas de visite générique. Juste des réponses à vos questions.
30 min · sans engagement · sans pression commerciale