Steigerung der Conversion Rate durch Optimierungen des Shop-Layouts
Ergebnis:
+18.34% Transactions
E-commerce
United States
+18.34% Transactions
+26.94% Checkouts
+14.87% Total revenue
+27.52% First-time purchasers
Inhaltsverzeichnis
Über TheraSpecs
TheraSpecs® bietet den umfassendsten Katalog an Spezialbrillen zum Schutz vor Lichtempfindlichkeit. Mit 14 verschiedenen Glastypen und über 60 Fassungsoptionen werden TheraSpecs® individuell an die Bedürfnisse jeder einzelnen Person angepasst. Die Brillen schützen vor starken Lichtquellen wie Bildschirmen, Leuchtstoffröhren, LEDs, flackerndem Licht, Sonnenlicht und mehr. Bestellungen können online unter theraspecs.com aufgegeben werden.
Ausgangssituation
Das ursprüngliche Seitenlayout basierte auf einer flexbasierten Struktur, die sich zwar an die Inhaltsgröße anpasste, jedoch über verschiedene Bildschirmgrößen hinweg inkonsistente Abstände und Ausrichtungen aufwies. Zusätzlich fehlten visuelle Hinweise, die klar signalisierten, wie Kunden zum nächsten Schritt im Kaufprozess gelangen.
Das Hauptziel dieses Tests war es, das Conversion-Potenzial der Kernseite zu verbessern, indem:
das visuelle Layout optimiert wurde und
visuelle Hinweise ergänzt wurden, um die nächsten Schritte im Kaufprozess klarer zu machen.
Varianten
Hypothese
Wenn das Layout der Linsenoptionen auf der Shop-Seite durch eine klarere Struktur und visuelle Hinweise zur jeweiligen Verwendung der Gläser verbessert wird,
dann ist es wahrscheinlicher, dass Kunden einen Kauf abschließen,
weil die zusätzliche Klarheit das Vertrauen erhöht, eine fundiertere Linsenauswahl unterstützt und den nächsten Schritt im Kaufprozess eindeutig aufzeigt.
Original
Variante
+26.94% Checkouts
+14.87% Total revenue
+27.52% First-time purchasers
Veränderungen:
Original: Das ursprüngliche Layout weist inkonsistente Abstände auf und bietet keine klaren visuellen Hinweise für den Kaufprozess.
Variante: Die Variante nutzt ein gridbasiertes Layout mit konsistenter Ausrichtung, verbesserter visueller Hierarchie und stärkerem Fokus auf conversionrelevante Elemente.
Testergebnisse
Die Testlaufzeit betrug 18 Tage, in denen über 4.300 Besucher am Test teilnahmen. Die statistische Signifikanz lag bei 89,8 %, es wurde keine Segmentierung angewendet.
Transaktionen: +18,34 %
Checkouts: +26,94 %
Erstkäufer: +27,52 %
Gesamtumsatz: +14,87 %
Die Hypothese wurde durch die Ergebnisse bestätigt. Die verbesserte Formatierung der zentralen Inhalte sowie ergänzende Icon-Elemente zur besseren Kaufvorbereitung führten zu einer höheren Conversion Rate und verbesserten Kennzahlen.
Fazit
Die Testergebnisse bestätigen, dass die Einführung eines gridbasierten Layouts mit konsistenter Ausrichtung die visuelle Hierarchie und Scannbarkeit der Seite deutlich verbessert hat. Eine klarere Abgrenzung der Produktkarten sowie eine stärkere Betonung zentraler Conversion-Elemente, wie auffälligere Call-to-Action-Buttons, halfen dabei, Nutzer gezielter durch den Kaufprozess zu führen. Die ergänzende Iconografie erhöhte zusätzlich die Klarheit und das Vertrauen bei der Auswahl des passenden Glastyps.
Die erfolgreiche Variante wurde unmittelbar auf der /shop/-Seite für alle Nutzer ausgerollt, um die Vorteile des optimierten Designs voll auszuschöpfen.
Implementierung mit Varify
Varify erwies sich als sehr einfache Möglichkeit zur Umsetzung des Experiments und als erschwingliche A/B-Testing-Lösung für ein kleines Unternehmen.
Varify war für unser Team eine einfache und flexible A/B-Testing-Lösung, insbesondere aus Implementierungssicht. Die Plattform macht es leicht, Experimente ohne großen technischen Aufwand zu starten und zu verwalten – ideal für kleinere Teams, die ihre Tests selbst steuern möchten. Die Preisgestaltung ist im Vergleich zu vielen Enterprise-Tools gut zugänglich, und wir haben während der gesamten Nutzungsdauer kontinuierlich sinnvolle Verbesserungen und Feature-Updates erlebt.
Marketing Director
Marketing Director