Checkout
Redesign

Check-
out Re-
design

Checkout
Redesign

Zur Kasse

Marke

satch

Rolle

Analyse · Konzept · Design · Anforderungsmanagement · Stakeholder Management · Austausch Development · Qualitätskontrolle

Ergebnis
  • Time to Completion von ~4:00 Min auf ~3:10 Min verringert (bei Zahlungsmittel Überweisung)

  • Absprünge aus Checkout auf Service Seiten verringert um ~50 %

  • Looping Behaviour (Cart ↔ Product Page) verringert um ~50 %

Optimierung von Warenkorb & Checkout-Flow

Ziel des Projekts war die grundlegende Überarbeitung des Checkout-Flows über drei Marken hinweg. Dabei wurde sowohl das komplette Design als auch Funktionalität überarbeitet. Die Analyse mit Contentsquare (User-Journeys, Session Replays) und Google Analytics offenbarte zentrale Friktionen wie etwa das häufige Zurückspringen nach dem Warenkorb oder Absprünge zu Support-Seiten. Das neue Design adressiert diese Schwächen systematisch und sorgt für mehr Klarheit, Struktur und bessere Usability.

Datengetriebene Problemidentifikation

Die Schwächen im Checkout wurden mithilfe von Contentsquare, Google Analytics und Session Recordings identifiziert, z. B. Looping-Verhalten und Absprünge zu Versandinformationen.

Absprünge auf Service-Seiten

Absprünge auf Service-Seiten

50%

50%

-

Reduktion von Absprüngen

Die häufig frequentierten Service-Seiten (Versand, Rückgabe) wurden direkt im Checkout mit Infoboxen und Tooltips adressiert. So blieben Nutzer:innen im Flow.

Absprünge auf Service-Seiten

50%

-

Reduktion von Absprüngen

Die häufig frequentierten Service-Seiten (Versand, Rückgabe) wurden direkt im Checkout mit Infoboxen und Tooltips adressiert. So blieben Nutzer:innen im Flow.

STANDARDS und ACCESSIBILITY

Wir setzten auf Input-Felder nach Material Design. Sie besitzen klare Labels, dynamische Platzhalter und gut sichtbare Fehlermeldungen. Nutzer fanden sich schneller zurecht und tippten weniger falsch. Unnötige Felder wurden entfernt, um den Fill-Out-Prozess zu entschlacken.


Verbesserte orientierung

Ein neuer Step-Indicator im Header macht jederzeit sichtbar, wo sich Nutzer:innen im Checkout befinden. Navigationsoptionen für Zurück und Weiter wurden visuell klar priorisiert.

Time to Completion

21%

-

Time to Completion

21%

-

Time to Completion

21%

-

Looping
Behavior
(Cart ↔ Product)

Looping
Behavior
(Cart ↔ Product)

Wechsel Warenkorb ↔ Produktseite

50%

50%

-

-

Friction Reduction

Unsere Analyse zeigte, dass das Nutzer:innen den Warenkorb als Favoritenliste nutzen. Die automatische Weiterleitung nach jedem Add-To-Cart führte zu unerwünschter Looping-Behaviour und Friction im Prozess.

Looping
Behavior

50%

-

Friction Reduction

Unsere Analyse zeigte, dass das Nutzer:innen den Warenkorb als Favoritenliste nutzen. Die automatische Weiterleitung nach jedem Add-To-Cart führte zu unerwünschter Looping-Behaviour und Friction im Prozess.

Hey!

Let’s talk

Hey!

Let’s talk

Hey!

Let’s talk

Hey!

Let’s talk