Casper: E-Commerce UX
Eine vertriebsorientierte UX-Verbesserung für Casper, eine der größten Elektronikmarken der Türkei. Neugestaltung des E-Commerce-Flusses von der Startseite bis zum Kauf durch seitenintegrierte Filter, Bewertungen, Favoriten und eine konsolidierte Produktseite. Implementiert und live.
Dies ist ein internes UX-Projekt aus meiner 1,5-jährigen Tätigkeit bei Casper, einer der größten Consumer-Electronics-Marken der Türkei. Der Auftrag entstand aus einem Geschäftsbedarf: Zu viele potenzielle Käufer verließen die Website ohne Kauf, obwohl klare Kaufabsicht vorhanden war. Der Vertrieb hatte die Abbruchpunkte bereits kartiert. Die Aufgabe war die Neugestaltung der E-Commerce-Erfahrung (Startseite, Serienlistenseiten und Produktseiten), um diese Reibung zu reduzieren und den Kaufprozess auf casper.com.tr zu halten. Die Nirvana-X700-Laptop-Serie diente als primäres Design-Vehikel, die Muster waren jedoch für den gesamten Produktkatalog konzipiert.
Das Problem
Von der Casper-Startseite bis zum Kauf einer bestimmten Produktvariante waren 5–6 Klicks über mehrere Seiten nötig. Serienlistenseiten zeigten Produkte als flache, ungefilterte Liste ohne Möglichkeit zur Eingrenzung nach Spezifikation. Es gab keine Favoriten, keine seiteninternen Bewertungen und keinen Produktvergleich. Käufer, die Optionen evaluieren oder die richtige Konfiguration finden wollten, mussten wiederholt navigieren, und viele kamen nicht zurück. Ein Wettbewerbsaudit von Trendyol und Hepsiburada verdeutlichte den Kontrast.
- 1.Startseite aufrufen
- 2.Produktkategorie anklicken
- 3.Zur Produktfamilieseite navigieren (flache Liste, keine Filter)
- 4.Richtige Variante durch Scrollen finden
- 5.Zur Produktdetailseite klicken
- 6.Für Specs, Bewertungen oder Konfiguration separat navigieren
- 1.Startseite aufrufen
- 2.Kategorie anklicken und direkt auf gefilterter Serienlistenseite landen
- 3.Im linken Panel nach Prozessor, RAM, Speicher, Betriebssystem filtern
- 4.Auf der Produktseite anpassen und kaufen
Prozess
Startseite
Die Startseiten-Neugestaltung behielt Caspers visuelle Identität bei und schärfte gleichzeitig die Navigationshierarchie sowie die Wege zu Produkteinstiegspunkten. Die obere Navigationsleiste wurde aktualisiert, um Favoriten und Kontofunktionen als erstklassige Aktionen sichtbar zu machen.
Serienübersicht & Entdeckung
Die bedeutendste strukturelle Änderung des Projekts. Zuvor zeigte eine Serienlistenseite wie Nirvana X700 jede SKU in einer flachen, undifferenzierten Liste. Das Redesign führt ein persistentes linkes Filterpanel (Prozessorgeneration, Betriebssystem, RAM, Speicher, Farbe) sowie drei Rasterdichte-Optionen (2-, 3-, 4-spaltig) ein. Ein Käufer kann von 12+ Varianten zur relevanten Auswahl in einer einzigen Interaktion gelangen.
Produktseite
Die Produktseite bündelt alles, was ein Käufer benötigt, in einer einzigen Tab-Erfahrung: Feature-Übersicht, vollständige technische Spezifikationen, Nutzerbewertungen und FAQ, ohne Navigation weg von der Seite. Die Özelleştir (Anpassen) und Satın Al (Jetzt kaufen) CTAs sind während des gesamten Scrollens im Produktzusammenfassungspanel verankert.
Was umgesetzt wurde
Das Redesign wurde vom Entwicklungsteam von Casper implementiert und ist auf casper.com.tr live. Favoriten, Vergleich, seiteninternes Filtern, Produktseiten mit Tabs und konsolidierte CTAs sind im gesamten Produktkatalog sichtbar. Dies war ein teamübergreifendes Firmenprojekt: das Vertriebsteam lieferte Abbruchdaten, die den Projektumfang formten, das Marketingteam war am Wettbewerbsaudit beteiligt, und vor der Entwicklungsübergabe fanden mehrere Nutzertest- und Reviewrunden statt. Als Firmenprojekt werden Performance-Metriken und interne Testdaten hier nicht geteilt. Die untenstehenden Vergleiche, mit der Wayback Machine erstellt, zeigen den Vorher- und Nachher-Zustand dessen, was tatsächlich live gegangen ist.
Vorher / Nachher
Vorher
Nachher
Vorher
Nachher
Vorher
Nachher
Vorher
Nachher