Steigerung der Conversion-Rate durch Optimierung des Store-Layouts
Inhaltsverzeichnis
Über TheraSpecs
TheraSpecs® bietet den umfassendsten Katalog an Spezialbrillen zum Schutz vor Lichtempfindlichkeit. Mit 14 verschiedenen Glasarten und über 60 Fassungsoptionen werden TheraSpecs® individuell auf die Bedürfnisse jeder Person zugeschnitten. Die Brillen schützen vor starken Lichtquellen wie Bildschirmen, Leuchtstoffröhren, LEDs, Flackern, Sonnenlicht und mehr. Bestellungen können online auf theraspecs.com aufgegeben werden.
Ausgangssituation
Das ursprüngliche Seitenlayout basierte auf einer Flex-basierten Struktur, die sich an die Inhaltsgröße anpasste, jedoch über verschiedene Bildschirmgrößen hinweg inkonsistente Abstände und Ausrichtungen aufwies. Zudem fehlten visuelle Hinweise, die den Kunden klar signalisierten, wie sie zum nächsten Schritt im Kaufprozess gelangen.
Das Hauptziel dieses Tests war es, das Conversion-Potenzial der zentralen Seite zu verbessern, indem:
das visuelle Layout optimiert wurde und
visuelle Hinweise hinzugefügt wurden, um die nächsten Schritte im Kaufprozess klarer zu machen.
Varianten
Hypothese
Wenn das Layout der Glasoptionen auf der Store-Seite durch eine klarere Struktur und visuelle Bezüge zum jeweiligen Einsatzzweck der Gläser verbessert wird,
dann ist es wahrscheinlicher, dass Kunden einen Kauf abschließen,
weil die zusätzliche Klarheit das Vertrauen stärkt, eine fundiertere Glasauswahl unterstützt und den nächsten Schritt im Kaufprozess eindeutig aufzeigt.
Ä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 rasterbasiertes Layout mit konsistenter Ausrichtung, verbesserter visueller Hierarchie und stärkerem Fokus auf conversion-relevante Elemente.
Testergebnisse
Die Testdauer 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 des zentralen Inhalts sowie zusätzliche 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 rasterbasierten Layouts mit konsistenter Ausrichtung die visuelle Hierarchie und die Scanbarkeit der Seite deutlich verbessert hat. Eine klarere Abgrenzung der Produktkarten und eine stärkere Betonung zentraler Conversion-Elemente, wie etwa prominentere Call-to-Action-Buttons, halfen dabei, Nutzer gezielter durch den Kaufprozess zu führen. Die zusätzliche Ikonografie erhöhte zudem die Klarheit und das Vertrauen bei der Auswahl der richtigen Glasart.
Die erfolgreiche Variante wurde sofort auf der Seite /shop/ für alle Nutzer ausgerollt, um das optimierte Design voll auszunutzen.
Umsetzung mit Varify
Varify erwies sich als eine sehr einfache Möglichkeit, das Experiment umzusetzen, 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, besonders aus Sicht der Implementierung. Die Plattform macht es leicht, Experimente ohne großen technischen Aufwand zu starten und zu verwalten - ideal für kleinere Teams, die ihr Testing selbst in die Hand nehmen wollen. Die Preisgestaltung ist im Vergleich zu vielen Enterprise-Tools zugänglich, und wir haben über die gesamte Nutzungsdauer hinweg kontinuierlich sinnvolle Verbesserungen und Feature-Updates erlebt.
