Checkout & Kundenkonto für eine Auto-Abo-Plattform
Einführung
Für eine Auto-Abo-Plattform habe ich zwei zentrale Teile der Customer Journey neu gestaltet: den Checkout und das Kundenkonto. Das Konzept sollte drei Fragen schnell beantworten: Was kostet das Abo? Ist das Fahrzeug verfügbar? Was kann ich nach der Bestellung selbst erledigen?
Das Ziel: die Bestellung verständlicher machen, Kosten früh transparent zeigen und Anliegen nach dem Kauf digital zugänglich machen.
Mein Beitrag: Ich verantwortete Research und Analyse, Informationsarchitektur, vier User Journeys, das Designsystem sowie responsive UX/UI. Ich entwickelte das Konzept eigenständig und stimmte es eng mit dem Product Team ab.

Früheres Design

Ergebnis auf einen Blick




Das Konzept im Überblick
Die Lösung verbindet Checkout und Kundenkonto zu einer durchgängigen Customer Journey. Im Checkout sollen Fahrzeug, Verfügbarkeit und Abo-Kosten klar verständlich sein. Im Kundenkonto können Nutzer Favoriten und persönliche Daten verwalten, Anträge fortsetzen und Services selbst erledigen. So reicht das Konzept von der Fahrzeugauswahl bis zum Self-Service nach der Bestellung.
Discovery
Die Bestandsaufnahme kombinierte Nutzungsdaten mit qualitativen Beobachtungen:
-
Google Analytics 4: Conversion-Rate und Absprungraten analysiert.
-
Microsoft Clarity: Heatmaps, Klickpfade und Session Recordings ausgewertet.
-
UX-Team-Workshop: Pain Points und Beobachtungen in einem Figma-Flow-Board gesammelt und strukturiert.
Zentrale Beobachtungen
-
Angebote und enthaltene Leistungen waren schwer einzuordnen.
-
Die Fahrzeugverfügbarkeit hing vom jeweiligen Standort ab.
-
Der Antrag erforderte viele Angaben; bereits eingegebene Daten ließen sich nicht einfach anpassen.
-
Ein persönlicher Bereich und digitaler Self-Service fehlten.
Definition
Problemstellung: Wie können Nutzer ein passendes Fahrzeug mit transparenten Kosten bestellen und ihren Antrag sowie spätere Anliegen ohne unnötige Umwege verwalten?
Designchancen
-
Angebot, Verfügbarkeit und Preis früh und klar einordnen.
-
Den Checkout übersichtlich strukturieren und Änderungen erleichtern.
-
Bestellung, persönliche Daten und Services in einem Kundenkonto zusammenführen.
Ideation & Lösung
Aus den Pain Points leitete ich drei Schwerpunkte ab: Kosten und Leistungen früh erklären, damit Angebote vergleichbar werden; Anträge im Kundenkonto fortsetzbar machen, damit Eingaben erhalten bleiben; persönliche Daten und Services bündeln, damit Nutzer ihre Anliegen zentral verwalten können.
Designausführung
4 Nutzer-Flows wurden konzipiert:
-
Kontoerstellung direkt im Checkout
-
Folgefahrzeugbestellung im eingeloggten Zustand
-
Folgefahrzeugbestellung ohne Anmeldung
-
Fahrzeugbestellung aus dem Kundenkonto
Beispiel-Flow: Kontoerstellung im Checkout. Der Flow verbindet die Fahrzeugbestellung mit der Anlage eines persönlichen Kontos. Gespeicherte Daten und der Antrag stehen dadurch später zentral zur Verfügung. Die darunter gezeigten Journey- und UI-Ansichten veranschaulichen die Lösung; der Fokus liegt auf einem repräsentativen Flow.
Auf Basis der Informationsarchitektur und Journeys entstanden Low-Fidelity-Wireframes, ein wiederverwendbares Designsystem sowie responsive High-Fidelity-Entwürfe für Kundenkonto und Checkout.
Ergebnis
Entstanden ist ein UX/UI-Konzept für eine klarere Customer Journey von der Fahrzeugsuche bis zur Verwaltung nach Vertragsabschluss. Das Kundenkonto bündelt persönliche Daten, Favoriten, fortsetzbare Anträge und digitale Services; der Checkout stärkt Orientierung und Kostentransparenz.
Projektstatus: Ich habe das Projekt vor dem Launch verlassen; es wurde anschließend eigenständig weitergeführt. Deshalb liegen mir keine Launch- oder Nutzungsdaten vor. Die folgenden Punkte zeigen das Designkonzept und vorgeschlagene Erfolgskriterien, keine gemessenen Ergebnisse.
Erfolgsmessung: Analyseplan & Erfolgskriterien
Analyseplan: Ich würde Abbrüche je Checkout-Schritt, Abschlussrate und Bearbeitungszeit untersuchen. Zusätzlich würde ich Preisverständnis, Fahrzeugverfügbarkeit und priorisierte Aufgaben im Kundenkonto prüfen. GA4-Events, Clarity-Aufzeichnungen und moderierte Usability-Tests würden quantitative und qualitative Erkenntnisse verbinden; Ergebnisse würde ich nach Gerätetyp sowie Neu- und Bestandskunden segmentieren.
Erfolgsnachweis: Vor dem Launch würde ich eine Baseline festlegen und Tracking sowie Testaufgaben definieren. Nach dem Launch würde ich dieselben Kennzahlen über einen vergleichbaren Zeitraum auswerten; wenn Produkt und Traffic es zulassen, mit einem A/B-Test, andernfalls als transparenten Vorher-nachher-Vergleich inklusive Zeitraum und Stichprobe. Usability-Tests würden ergänzend zeigen, ob Nutzer Preise korrekt verstehen und Aufgaben selbstständig abschließen.
Die folgenden KPI-Zielwerte sind Vorschläge, keine erzielten Ergebnisse. Baseline erheben und Ziele mit dem Product Team bestätigen.
-
Checkout-Abbruch: relativ um 10 % senken, gemessen über den GA4-Funnel.
-
Checkout-Abschluss: relativ um 10 % steigern, gemessen vom Start bis zum erfolgreichen Antrag.
-
Preistransparenz: mindestens 90 % Aufgabenerfolg in einem Usability-Test, in dem Teilnehmende Gesamtpreis und enthaltene Leistungen korrekt benennen.
-
Self-Service: mindestens 70 % Aufgabenerfolg bei priorisierten Konto-Aufgaben ohne Unterstützung.
Nächste Schritte
-
Die vier Journeys mit repräsentativen Nutzern testen und kritische Stellen priorisieren.
-
Die vorgeschlagenen KPIs nach Baseline und Produktkontext validieren.
-
Nach einem möglichen Launch Checkout-Funnel und Konto-Nutzung auswerten und iterieren.
Fazit:
Das neue Konzept schafft eine klarere und stärker digitalisierte Customer Journey – von der Fahrzeugsuche bis zur Verwaltung nach dem Vertragsabschluss.
Mit dem Kundenkonto können Nutzer persönliche Daten zentral verwalten, Favoriten speichern, Anträge fortsetzen und Services selbstständig nutzen. Gleichzeitig wurde der Checkout neu strukturiert, um Orientierung und Transparenz zu verbessern.
Site-Map

User Journeys
Flow zur Kontoerstellung im Checkout

Flow für die Folgefahrzeugbestellung: (Eingeloggt)

Flow für die Folgefahrzeugbestellung: (nicht eingeloggt)

Flow für Fahrzeugbestellung aus Kundenkonto

Low-Fidelity-Wireframes

Weitere responsive Designvorlagen











