In den letzten vier Monaten haben wir große Teile des Culture Shock Club Shops neu gebaut. Dabei kamen mehr als 500.000 geänderte Zeilen zusammen, aus Ergänzungen, Löschungen und Refactorings. Das Ergebnis: eine schnellere Seite, ein klarerer Einkaufsablauf und hilfreichere Kundenkonten.
Wichtige Fakten
- Vier Monate Storefront-Rebuild: mehr als 500,000 geänderte Zeilen über Adds, Removals und Refactors.
- Jeder Teil ging live, sobald er fertig war, dann weiter feilen, kein einzelner Relaunch.
- Schlüssel-Seiten erreichen 95 or higher in Lighthouse auf Mobile und Desktop.
- Fokus: schnellerer First Screen, klarere Homepage-Struktur, Quick Add und Suche, Produktseiten, durchsuchbare Bestellhistorie.
Wir haben nicht alles für einen großen Relaunch aufgespart. Jeder Teil ging live, sobald er fertig war, und wurde danach weiter verfeinert.
Ein schnellerer erster Bildschirm
Die alte Startseite lud erst ein Produktkarussell, bevor die erste vollständige Ansicht erschien. Dafür mussten Produktbilder, Varianten, Preise, Verfügbarkeiten und Karussell-Code sofort geladen werden.
Die neue Startseite lädt zuerst ihr Eröffnungsbild. Produktregale, Empfehlungen, Analyse- und Einwilligungstools kommen später oder nur bei Bedarf.
Außerdem haben wir den Startaufwand für Schriften, CSS und Skripte reduziert. Ressourcen werden besser zwischengespeichert, und Aktionen im Warenkorb laden keine unnötigen Seitendaten mehr neu.
Wichtige Seiten erreichen in unseren Lighthouse-Tests jetzt 95 oder mehr, mobil wie am Desktop. Sie sind außerdem schneller nutzbar, bleiben beim Navigieren stabiler und brauchen auf Mobilgeräten weniger Rechenleistung.
Eine klarer aufgebaute Startseite
Die alte Startseite hing stark an einem einzigen Produkt-Feed. Im neuen Layout hat jeder Bereich eine klare Aufgabe.
Neuheiten können in einer kompakten Galerie erscheinen, größere Kollektionen in dichteren Rastern. Produkte, die oben schon zu sehen sind, tauchen weiter unten nicht noch einmal auf. So wiederholt sich beim Scrollen weniger.
Die Startseite kann jetzt einen Release vorstellen, ältere Produkte zeigen und Besucher in verschiedene Bereiche des Sortiments führen, ohne dieselben Artikel zu wiederholen.
Quick Add und Suche ohne Seitenwechsel
Wer eine Produktoption wählt, sollte dafür nicht die Seite verlassen müssen.
Quick Add öffnet sich jetzt mobil als Bottom Sheet und am Desktop als breiteres Panel. Beide Varianten bieten Platz für Produktbilder, Varianten und Größeninfos.
Die Vorschlagssuche zeigt Ergebnisse schon beim Tippen und merkt sich deine letzten Suchen. Ausführliche Ergebniskarten laden nur bei Bedarf, damit vor der ersten Suche weniger passieren muss.
So kannst du Produkte vergleichen, eine Option wählen und sie in den Warenkorb legen, ohne den Faden zu verlieren.
Produktseiten rund um die Kaufentscheidung
Wir haben die Produktseiten um die Infos herum neu geordnet, die du für den Kauf brauchst. Produktmedien, gewählte Variante, Preis und Kaufbuttons stehen ganz oben. Größe, Versand, Pflege und Rückgabe bleiben griffbereit.
Die Mediengalerie unterstützt jetzt Bilder, Videos, externe Videos und 3D-Medien. Beim Wechsel der Farbe kann die Galerie direkt zum passenden Bild springen.
Ähnliche Produkte erscheinen in einem eigenen Bereich „More to Explore“. Sie bleiben erreichbar, ohne mit den wichtigsten Produktinfos zu konkurrieren.
Ein Warenkorb, der sofort reagiert
Der Warenkorb wurde früher beim Verarbeiten von Änderungen langsam oder uneinheitlich. Wir haben seinen Update-Ablauf neu gebaut, damit er sofort Rückmeldung gibt.
Mengenänderungen, Entfernen, Rabattcodes und Preisänderungen erscheinen jetzt schon, während der Server das Endergebnis bestätigt. Danach gleicht der Warenkorb die angezeigten Mengen und Summen mit der bestätigten Antwort ab.
Auch der Fortschritt bei Aktionen ist klarer. Der Warenkorb zeigt, wie viel noch bis zum kostenlosen Versand oder zu einem Mehrstück-Angebot fehlt, und bestätigt, sobald du es erreicht hast.
Der vollständige Warenkorb und der ausklappbare Warenkorb verhalten sich jetzt weitgehend gleich. Beide Wege zur Kasse sind damit einheitlicher.
Hilfreichere Kundenkonten
Der Shop bleibt jetzt auch nach dem Checkout nützlich.
Kundenkonten bieten einen durchsuchbaren Bestellverlauf mit Produkt-Thumbnails, Summen, Daten und Versandstatus. Einzelne Bestellseiten können Details zu Sendung, Erstattung und Rückgabe anzeigen.
Bei berechtigten Bestellungen kannst du Produkte, Mengen und Rückgabegründe auswählen und die Anfrage direkt aus deinem Konto senden.
Auch die Länder- und Sprachauswahl haben wir neu gebaut. Du kannst nach Ländername, Ländercode, Währung oder Sprache suchen, die Ergebnisse sind nach Region gruppiert. Beim Wechsel des Markts bleibst du auf der aktuellen Seite, nur Sprache und Preise werden aktualisiert.
Warum wir es Energy Edition nennen
Jeder Teil dieses Releases zielt auf Tempo. Die Startseite erledigt weniger, bevor sie zum ersten Mal angezeigt wird. Beim Stöbern sind weniger Seitenwechsel nötig. Der Warenkorb reagiert sofort, und Kundenkonten übernehmen mehr Aufgaben nach dem Checkout.
Kein einzelnes Feature macht dieses Update aus. Es ist die Summe aus dem Umbau der Shop-Bereiche, die am meisten genutzt werden.
Die Arbeit geht weiter. Sag uns Bescheid, wenn sich etwas langsam anfühlt, unklar ist oder im Weg steht.
