Boost, eine in Barcelona ansässige, KI-orientierte CRO-Agentur mit globaler Präsenz auf drei Kontinenten, arbeitete mit Catalonia Hotels & Resorts zusammen, um Reibungsverluste im sensibelsten Schritt des Buchungstrichters zu reduzieren: dem Bildschirm für die Zahlungsdaten im Checkout.
Im Zahlungsschritt des Checkouts präsentierte Catalonia Hotels seine beiden Zahlungsoptionen, "Pay at hotel" und "Pay now", als schlichte, nicht unterscheidbare Radiobutton-Liste ohne unterstützende Icons. Nichts hob visuell die eine Option von der anderen ab; beide sahen gleich aus und lasen sich gleich, bis ein Nutzer innehielt, um den Text zu verstehen. Dadurch musste jeder Besucher jedes Wort sorgfältig lesen, um zu begreifen, was er eigentlich auswählt. Das verlangsamte die Entscheidung genau in dem Moment, in dem die Zahlungsdaten eingegeben werden sollten, einem der kritischsten Punkte mit den höchsten Abbruchraten in der gesamten Buchungsstrecke.
Die Hypothese von Boost war einfach: Eine derart wichtige binäre Entscheidung sollte kein Lesen erfordern. Sie sollte auf einen Blick erkennbar sein. Mit Mida gestaltete Boost den Block "Payment details" im Checkout neu, sowohl auf dem Desktop als auch mobil, und testete ihn gegen das Original.
Vorher: Bei "2. Datos de pago" eine schlichte Radiobutton-Liste, zwei Textzeilen, keine Icons, keine visuelle Hierarchie zwischen "Pay at hotel" und "Pay now".
Nachher: visuelle, auswählbare Karten, jeweils mit eigener Symbolik für die Zahlungsoption, sodass die Auswahl erkannt statt gelesen werden kann.
Nachher, "Pay now" ausgewählt: Der Kartenstatus verdeutlicht, wann die Karte tatsächlich belastet wird.
Eine weitere Ansicht des ausgewählten Zustands "Pay now", mit verstärkter Vertrauensbotschaft neben den Kartenfeldern.
Im Checkout möchten Nutzer weder langsamer werden noch Texte studieren. Indem jede Option eine eigene Karte und ein eigenes Icon erhielt, konnten Besucher die gewünschte Option auf einen Blick erkennen. Das senkte die kognitive Belastung unmittelbar vor dem Schritt mit der höchsten Reibung im Funnel: der Eingabe der Zahlungsdaten.
Vorher: Keine Erklärung, warum eine Karte erforderlich war, und keine Zusicherung, wann sie tatsächlich belastet wird.
Nachher: Eine verstärkte Vertrauensbotschaft rund um die Garantie "keine Belastung bis zur Ankunft", die die Gründe für die Kartenpflicht erklärt.
Die Frage nach einer Kartennummer weckt ganz natürlich einen Moment des Zweifels, selbst wenn die Buchung nicht sofort belastet wird. Indem Boost das visuelle Redesign mit einer klareren Erklärung der Garantie verband, ging es dieses Zögern direkt an, statt es dem Kleingedruckten zu überlassen.
Boost nutzte Mida, um den Traffic zwischen dem ursprünglichen Checkout und dem neu gestalteten Block "Payment details" aufzuteilen. Gemessen wurde die Wirkung auf die Buchungsbestätigung über die ES- und EN-Version der Website sowie über Desktop und Mobilgeräte hinweg.
Die neu gestaltete Variante gewann mit einer Wahrscheinlichkeit von 95,75 %, die Kontrollversion zu schlagen, und erzielte einen Zuwachs von +4,28 % bei der Gesamt-Checkout-Conversion, von 34,53 % auf 36,01 %. Die Ergebnisse wurden mit GA4-Analysen gegengeprüft, die einen vergleichbaren prognostizierten Zuwachs bestätigten.
Bei den rund 34.000 monatlichen Checkout-Besuchern der ES/EN-Versionen der Website wird für die Gewinnervariante geschätzt, dass sie etwa +520 zusätzliche Buchungen pro Monat generiert.
Die interessanteste Ebene dieses Tests ergibt sich aus der Aufteilung der Ergebnisse nach Geräten. Der Gesamtzuwachs war sowohl auf dem Desktop als auch mobil positiv, der Effekt war jedoch nicht einheitlich. Mobil fiel die Verbesserung stärker aus und erreichte statistische Signifikanz: +8,62 %, von 26,05 % auf 28,30 %, mit einer Wahrscheinlichkeit von 97,86 %, die Kontrollversion zu schlagen. Auf dem Desktop blieb das Ergebnis tendenziell positiv, erreichte aber nicht das gleiche Konfidenzniveau.
Diese Lücke zeigt, wo der Mechanismus des Redesigns am stärksten wirkt. Begrenzter Platz auf dem Bildschirm und schnelleres, fragmentierteres Lesen auf Mobilgeräten machen visuelle Klarheit dort überproportional wertvoll. Das kartenbasierte Redesign sah nicht nur überall besser aus, es verringerte gezielt den Leseaufwand in dem Moment, in dem Nutzer ihn am wenigsten brauchen: auf einem kleinen Bildschirm, direkt vor der Eingabe der Zahlungsdaten. (Siehe die mobilen Mockups in den Vorher-/Nachher-Screenshots oben.)
Binäre Entscheidungen als scanbare visuelle Karten mit Icons statt als reine Textoptionen darzustellen, verringert die kognitive Belastung in kritischen Momenten und stärkt das Vertrauen der Nutzer bei der Eingabe von Zahlungsinformationen.
Prüfen Sie die Aufteilung nach Geräten, bevor Sie ein Ergebnis für abgeschlossen erklären. Ein Gesamtzuwachs kann eine ganz andere Geschichte verbergen: Hier lieferte mobil das statistisch signifikante Ergebnis, während der Desktop nur tendenziell positiv blieb. Diese Unterscheidung verändert, wie sicher das Redesign ausgerollt werden sollte und wohin man als Nächstes schauen sollte.
Wenn Sie die Performance Ihrer Website optimieren und Ihren A/B-Test-Prozess verschlanken möchten, ist Mida die ideale Lösung.
Dank seines schlanken Skripts und seines Fokus auf Performance sorgt Mida dafür, dass Ihre Website schnell und reaktionsfähig bleibt, und bietet gleichzeitig leistungsstarke A/B-Test-Funktionen. Erleben Sie die Vorteile von Mida und binden Sie unser schlankes Skript noch heute in Ihre Website ein.
---
Starten Sie kostenlos mit Mida: bis zu 100.000 monatlich getestete Nutzer.
Mida ist 10-mal schneller als alles, was Sie je in Betracht gezogen haben. Überzeugen Sie sich selbst.
Mida.so ist ein extrem schlankes A/B-Test-Tool, mit dem Sie Conversion-Strategien in wenigen Minuten testen, analysieren und umsetzen.
Noch unentschlossen?
Eine kurze Bildschirmübertragung auf Ihrer echten Website: keine Folien, keine Standardtour. Nur Antworten auf Ihre Fragen.
30 Min. · unverbindlich · kein Verkaufsdruck