Ein Revamp des gesamten Warenkorbs
Die Aufgabe betraf den kompletten Cart. Nach dem Hinzufügen eines Produkts sollen Kunden sehen, was sie ausgewählt haben, welche Vorteile schon erreicht sind und was bis zur nächsten Stufe fehlt. Gleichzeitig müssen sie Mengen ändern, passende Produkte ergänzen und ihre Bestellung abschließen können.
Wir haben dafür die Darstellung und das Verhalten des Ajax-Carts neu aufgebaut. Die Projektentwürfe zeigen mehrere Warenkorbzustände, vom noch nicht erreichten kostenlosen Versand bis zu hinzugefügten Geschenken.
Der nächste Vorteil ist direkt sichtbar
Oben im Cart stehen die Stufen für Versand und Geschenke. Die aktive Stufe zeigt den noch fehlenden Betrag. Sobald ein Geschenk verfügbar ist, erscheint es im Warenkorbkontext und lässt sich dort auswählen.
Dabei muss der Cart auch den umgekehrten Weg mitdenken. Ändert jemand die Menge oder entfernt ein Produkt, müssen Warenkorbwert, Fortschritt und verfügbare Vorteile wieder zusammenpassen. Genau diese Übergänge gehören zu einem vollständigen Warenkorb-Revamp.
Produkte und Kaufabschluss bleiben im Blick
Produktbild, Bezeichnung, Aktionspreis und Mengenwahl stehen jeweils zusammen. Empfehlungen bekommen einen eigenen Bereich mit direktem Hinzufügen. Im Abschlussbereich folgen Gesamtbetrag, Ersparnis, Versand und der Button zur Kasse.
So ist die nächste Handlung an der passenden Stelle zu finden: ein Produkt ändern, etwas ergänzen oder die Bestellung fortsetzen. Der Warenkorb führt diese Aufgaben in einer Ansicht zusammen.
Mindestens 200.000 € zusätzlicher Jahresumsatz
Das Ergebnis bezieht sich auf den Vergleich des gesamten neuen Ajax-Carts mit der vorherigen Version. Deshalb zeigen wir hier das Zusammenspiel der Änderungen: Vorteile, Produkte und Kaufabschluss gehören zum selben Kaufweg.
Wenn du deinen Warenkorb überarbeiten möchtest, findest du unter Shopify Entwicklung den technischen Ablauf. Für die Auswahl der ersten Verbesserungen gibt es die Shopify Conversion-Optimierung und den Cart-Guide mit IDEAL.