Carsparency Pro — die Händlerplattform, vom Gebot bis zur Eigentumsübertragung
Die Händlerseite eines Automarktplatzes in den VAE: vorne Auktionen mit Countdown, dahinter fünf Stufen vom Zuschlag bis zur Eigentumsübertragung.
Unternehmen
Carsparency
Rolle
Produktdesigner
Typ
Produkt
Branche
Automobil-Marktplatz · B2B
Team
Produktdesigner; Teamgröße und Rollen sind in den Dateien nicht festgehalten
Werkzeuge
Figma
Das Problem
Ein Händler ersteigert ein Auto, das er nie angefasst hat. Preis, Zahlung, Papiere, Lieferung und Eigentumsübertragung stehen noch aus, und jeder dieser Schritte kann das Geschäft aufhalten.
Die Rolle
Produktdesigner der Händlerplattform: App und Desktop-Webprodukt, von der Auktionsliste bis zur Eigentumsübertragung.
Das Ergebnis
129 App-Frames und 167 Desktop-Frames für den gesamten Einkaufszyklus. Die Dateien nennen weder ein Launch-Datum noch Nutzungsdaten.
Abbildung 01
Abbildung 01Die Händler-App: die Liste laufender Auktionen, gefiltert nach Marke und Baujahr, das Gebotsformular und offene Aufträge, die jeweils ihren Schritt im Kaufprozess zeigen.
01Kontext
Eine Händlerplattform, zugleich als App und als Desktop-Website gestaltet
Carsparency betrieb einen Gebrauchtwagenmarktplatz in den VAE: Privatverkäufer stellten ein Auto ein, ein Gutachter erfasste seinen Zustand, und verifizierte Händler boten in zeitlich begrenzten Auktionen darauf. Pro ist die Händlerseite, das Produkt, mit dem die Käufer arbeiteten.
Die Figma-Datei enthält beide Hälften dieses Produkts. Vier App-Seiten decken Auktionen, Aufträge, Konto und Anmeldung ab, vier Web-Seiten wiederholen dieselben Bereiche in Desktop-Breite. Zusammen sind es 129 App-Frames und 167 Desktop-Frames, die meisten davon Zustände derselben Screens statt neuer Screens.
Abbildung 02Die Desktop-Auktionsliste: die Tabs „Live“, „Demnächst“ und „Bestand“, ein Filterbereich für Preis, Kilometerstand, Baujahr, Marke und Entfernung und auf jeder Karte das aktuelle Gebot im Vergleich zum Fair Market Value (fairer Marktwert).
02Problem
Der Zuschlag ist die Mitte des Kaufs, nicht sein Ende
Ein Händler bietet auf ein Auto, das er nicht gesehen hat, gegen Konkurrenten, die er nicht sieht, während ein Countdown läuft. Die Auktionsscreens müssen diese Entscheidung schnell und begründbar machen.
Dann beginnt der schwierigere Teil. Nach dem Zuschlag muss das Auto noch bepreist, in Etappen bezahlt, dokumentiert, geliefert und rechtlich übertragen werden. Diese Arbeit verteilt sich auf Händler, Verkäufer und das Carsparency-Team und kann an jedem Schritt ins Stocken geraten. Die meisten Marktplatz-Flows enden beim Höchstgebot; dieser geht weiter.
03Ablauf
Ein Lebenszyklus, fünf nummerierte Stufen
Der größte Bereich der Datei ist nicht die Auktion, sondern „Aufträge“. Jedes ersteigerte Auto durchläuft „In Verhandlung“, „Ausstehend“ und „Erworben“, und keine Karte sagt nur „ausstehend“: Sie zeigt, bei welchem der fünf Schritte der Auftrag steht und was als Nächstes kommt.
Der Status sitzt auf jeder Karte und jeder Detailseite an derselben Stelle, als farbiges Band mit einer einzigen Aktion daneben, damit der Händler immer sieht, ob der nächste Zug bei ihm liegt.
Der Einkaufszyklus, wie ihn die Datei anordnet
01
BietenListen für Live, Demnächst und Bestand; Gebot, Proxy-Gebot, automatisches Gebot oder Sofortkauf; Zustände für Höchstgebot und überboten.
02
VerhandelnLehnt der Verkäufer ab, das Angebot erhöhen oder seinen Preis annehmen.
Überboten
Abbildung 04Offene Aufträge am Desktop. Der Streifen unter jeder Karte trägt Nummer und Namen des Schritts, etwa „3 von 5, Abrechnung ausstehend“, und der Button darüber ist die eine Aktion, die dieser Schritt verlangt.
04Entscheidungen
Vier Entscheidungen, die den Arbeitstag des Händlers prägen
Diese Entscheidungen sind in den Frames sichtbar. Die Datei hält die Begründung nicht fest; die folgenden Gründe sind daher aus dem Aufbau der Screens abgeleitet.
01
Den Fair Market Value unter jedes Gebot setzen
Wer gegen die Uhr bietet, braucht einen Bezugspunkt, der nicht von den anderen Bietern stammt. Die Bewertung der Plattform neben dem aktuellen Gebot, in der Liste wie auf der Detailseite, macht aus jedem Gebot einen Vergleich statt einer Schätzung.
Abwägung
Das macht die Bewertung angreifbar: Ein Gebot weit über dem Fair Market Value wirft die Frage nach dem Warum auf.
02
Die Schritte nach dem Zuschlag nummerieren
„Ausstehend“ sagt einem Händler nicht, was zu tun ist. „Schritt 1 von 5, Vorauszahlung ausstehend“ sagt ihm, wo er steht, wie viel noch fehlt und wer am Zug ist.
Alternativen
Ein einziger Status „in Bearbeitung“ oder eine separate Timeline-Seite.
03
Eine Detailvorlage für den gesamten Lebenszyklus
Die Fahrzeugseite, auf der ein Händler geboten hat, ist dieselbe, auf der er später die Lieferung verfolgt. Nur das Statusband und seine eine Aktion ändern sich, sodass zwischen den Stufen nichts neu gelernt werden muss.
Die Auktionsseite ist auf schnelles Vergleichen ausgelegt. Der Countdown wird in den letzten Minuten rot, ein farbiges Label zeigt „Höchstgebot“ oder „Überboten“, und Proxy- sowie automatische Gebote lassen einen Händler mitbieten, ohne die Uhr im Blick behalten zu müssen.
Die Auftragsseite ist auf Vertrauen ausgelegt. Die Vorauszahlung zeigt fälligen Betrag, verfügbares Guthaben und Wallet, bevor etwas belastet wird. Die Preisaufschlüsselung listet jeden Abzug einzeln auf, die Dokumentenliste nennt jedes Papier, das die Übertragung braucht, und jeder Schritt hat einen eigenen Fehlerzustand (Zahlung fehlgeschlagen, Upload abgelehnt, Überzahlung) statt einer allgemeinen Fehlermeldung.
Auktionen: Live, Demnächst und Bestand, mit Filtern und Sortierung
Bieten: Gebot, Proxy-Gebot, automatisches Gebot und Sofortkauf, mit Erfolgs- und Fehlermeldungen
Aufträge: Verhandlung, Vorauszahlung, Abrechnung, Zahlungsnachweis, Lieferung und Eigentumsübertragung
Konto: Wallet, Bankkonten in Prüfung, Dokumente, Benachrichtigungen und Hilfe
Abbildung 05Die Fahrzeugdetails am Desktop. Die Preiskarte stellt das aktuelle Gebot neben den Fair Market Value, die Restzeit und zwei Wege zu bieten: per Proxy oder direkt.
In Verhandlung
Lieferung ausstehend
Abbildung 06
Vorauszahlung
Preisaufschlüsselung
Abbildung 07
Abbildung 08Die Explosionskarte des Autos aus der Pro-Datei: Dach, Motorhaube, Türen und Stoßfänger flach ausgelegt, mit Symbolen für Dellen, Kratzer und Lackschäden. Dieselbe Zeichnung kehrt auf der Mängelseite des Inspektionsberichts wieder.
06Alle Screens
216 Smartphone-Screens und 170 Desktop-Seiten
Jede Seite der Pro-Figma-Datei wurde am 27. September 2026 durchgesehen und jeder Frame in Screengröße exportiert: Smartphone-Screens bei 390 Punkten, Desktop-Seiten bei 1.440 Pixeln. Die vier App-Seiten enthalten 129 Frames, die vier Web-Seiten 167 Desktop-Frames; jeweils einmal gezeigt und ergänzt um die eigenen Smartphone-Layouts des Webs und die Updates-Seite, ergibt das 216 Smartphone-Screens und 170 Desktop-Seiten. Beide Übersichten folgen dem Händler: Anmeldung, Auktionsliste und Fahrzeugdetails, dann die Aufträge, die ein Zuschlag auslöst (Verhandlung, Vorauszahlung, Abrechnung und Zahlungsnachweis, Eigentumsübertragung und Lieferung), dann Konto, Bankkonten, Wallet und Hilfe.
Die meisten Smartphone-Frames der Web-Seiten gleichen denen der App und erscheinen nur einmal; die 42 abweichenden (mit Dollarpreisen, echten Texten für „Datenschutz“, „Über uns“ und „Hilfe“, leeren Zuständen und einem Teilen-Menü) stehen unter „Mobiles Web“. Die Redesign-Tabs enthalten die Updates-Seite: neu aufgebaute Fahrzeugdetails mit Mängelkarte, Anmeldung per Telefonnummer und Ladezustände; die App-Store-Größen und die Entwürfe der Auktionskarte haben eigene Tabs. Beispiel-E-Mail-Adressen, -Telefonnummern und das Beispielporträt sind unkenntlich gemacht, ebenso der Screenshot einer Banküberweisung, der als Beispiel-Zahlungsnachweis dient.
07Ökosystem
Die letzte Station eines Autos, dessen Weg auf dem Handy des Verkäufers begann
Alles, was ein Händler in Pro liest, ist vorher entstanden. Der Verkäufer beschrieb das Auto im Web-Assistenten, ein Gutachter prüfte es in der Inspektions-App, und das Operations-Team bepreiste es im Backoffice und lud Händler ein. Pro ist der Ort, an dem dieser Datensatz auf einen Käufer trifft.
Die gemeinsamen Bausteine sind über die Dateien hinweg sichtbar: derselbe Fahrzeugdatensatz (Kilometerband, GCC-Spezifikation, eingetragener Eigentümer, Wartungshistorie), dieselben Zustandsnoten, dasselbe Preisvokabular (hier Fair Market Value, im Backoffice Fair) und darunter dieselbe Komponentenbibliothek.
08Meine Rolle
Sinas Anteil
Aus der Pro-Datei zusammengestellt. Die Dateien halten weder die Teamgröße fest noch, wer was entschieden hat; dies ist also die Arbeit in der Datei, kein Anspruch auf alleinige Urheberschaft.
Verantwortet
↳Navigation und Struktur für App und Desktop-Webprodukt
↳Die Auktionsliste, Filter sowie die Zustände für Gebot, Proxy-Gebot und automatisches Gebot
↳Der Auftragszyklus: Zustände für Verhandlung, Zahlung, Abrechnung, Lieferung und Eigentumsübertragung
↳Konto-, Wallet-, Bankkonto- und Dokumenten-Flows mit ihren Prüfzuständen
↳Die Explosionskarte des Autos zur Lokalisierung von Schäden
Mitverantwortet
—
Mitgearbeitet
↳Kolleginnen und Kollegen aus Engineering und Operations, in den Dateien nicht namentlich genannt
Die Datei enthält außerdem eine Updates-Seite und nummerierte Kartentests (Test 2 bis Test 7), ein Beleg dafür, dass die Auktionskarte iterativ entwickelt und nicht in einem Zug gezeichnet wurde.
09Ergebnisse
Was die Datei liefert
Anzahl gestalteter Frames, keine Ergebnisse. Launch-Datum, Nutzungs- oder Conversion-Zahlen sind in den Carsparency-Dateien nicht festgehalten.
App-Frames
129
Vier App-Seiten: Auktionen, Meine Autos, Konto sowie Anmeldung und Onboarding
Gelieferter Output
Desktop-Frames
167
Vier Web-Seiten, die dieselben Bereiche bei 1.440 px wiederholen
Gelieferter Output
nummerierte Auftragsstufen
5
Von der Vorauszahlung bis zum Zahlungsnachweis, jede mit eigenem Status und eigener Aktion
Gelieferter Output
Was geliefert wurde
↳Auktionsliste, Filter und Sortierung
↳Gebot, Proxy-Gebot, automatisches Gebot und Sofortkauf
↳Verhandlung und Gegenangebote
↳Vorauszahlung, Abrechnung und Zahlungsnachweis
↳Verfolgung von Lieferung und Eigentumsübertragung
↳Wallet, Bankkonten und Dokumente
10Gelernt
Was diese Arbeit gelehrt hat
01
Den Teil nach dem Erfolgszustand gestalten
Mit dem Zuschlag enden die meisten Auktions-Flows. Hier liegt er ungefähr in der Mitte, und die Frames danach (Zahlungen, Papiere, Lieferung) sind zahlreicher als die Auktionsscreens.
02
Im Status schlagen Zahlen Adjektive
„Schritt 3 von 5, Abrechnung ausstehend“ beantwortet die drei Fragen eines Händlers: Wo stehe ich, wie viel fehlt noch, und was tue ich als Nächstes? „Ausstehend“ allein beantwortet keine davon.
03
Platzhalterdaten verbergen die schwierigen Fälle
Jede Karte in der Datei zeigt dasselbe Auto und denselben Preis, sodass das Layout nie mit einem langen Titel, einem günstigen Auto neben einem teuren oder einem Gebot weit über seiner Bewertung getestet wird.
Eine Verkaufsstrecke, die den Preis zeigt, bevor sie Details abfragt, und Besitzer ihr Auto dann in sechzehn geführten Handyfotos selbst prüfen lässt.
VorauszahlenAus der Wallet oder online zahlen, wobei zuerst das verfügbare Guthaben angezeigt wird.
04
AbrechnenPreisaufschlüsselung, Schlussabrechnung und Zahlungsnachweis, mit Zuständen für Ablehnung und Überzahlung.
05
ÜbertragenFahrzeuglieferung ausstehend, dann Warten auf die Eigentumsübertragung, dann erworben.
Höchstgebot
Proxy-Gebot
Abbildung 03Die Gebotskarte in drei Zuständen: überboten, Höchstgebot und beim Festlegen eines Proxy-Gebots. Die Zeile mit dem Fair Market Value bleibt in allen unter dem Gebot.
Abwägung
Die Seite bleibt lang: Der Inspektionsbericht steht in jeder Stufe unter der Preiskarte.
04
Die Kosten des Zuschlags zeigen, bevor sie fällig werden
Die Preisaufschlüsselung trennt Nettokaufpreis, Rabatte und Einbehalte, und das Gebotsformular ergänzt Transport und erweiterten Käuferschutz, sodass der Händler die tatsächlichen Gesamtkosten sieht statt nur den Zuschlagspreis.
Dieselbe Preiskarte in zwei Stufen. Nur Statusband und Aktion ändern sich: in Verhandlung mit dem Verkäufer, mit „Preis erhöhen“, dann Fahrzeuglieferung ausstehend.
Vorauszahlung und Preisaufschlüsselung, zugeschnitten aus den Desktop-Dialogen: fälliger Betrag gegenüber verfügbarem Guthaben, dann Nettopreis, Rabatte und Einbehalte vor dem Endbetrag.
Abbildung 09Jeder Screen in Smartphone-Breite: die App Flow für Flow, dann die eigenen Smartphone-Layouts des Webs und die Redesigns; jeder Screen lässt sich ganz öffnen.
Abbildung 10Jede Desktop-Seite, Flow für Flow; jede Seite lässt sich ganz öffnen.
