Lösung
Vom Datenmodell bis zur fertigen Bestellung. Sechs Schritte, in denen eine Plattform entstand, mit der Kunden ohne Grafiker ihr Sporttrikot entwerfen — und der Klient den ganzen Katalog aus einem Admin pflegt.
Informationsarchitektur & Design
Ich habe Website und Konfigurator so aufgebaut, dass der Kunde bei Sport und Produkt beginnt und schrittweise die visuelle Schicht ergänzt — auf einer Seite.
Eigene CMS-Module
In Winter CMS habe ich eigene Module für Sportarten, Produkte, Designs, Materialien, Kragen, Reißverschlüsse und weitere Extras gebaut. Der Klient fügt heute ein neues Trikot, Material oder Extra in Minuten hinzu — ohne Entwickler, ohne Warten.
Vue.js-Konfigurator mit Live-Vorschau
Das Herzstück — eine Vue.js-App, in der der Kunde Farben, Design und Extras anklickt und das Ergebnis sofort sieht. Reaktiver Zustand, optimistic UI und flüssige Übergänge. Kein Warten, kein Hin und Her.
SVG-Rendering des Trikots
Die Vorschau wird als SVG gezeichnet — scharf auf 4K und auf dem Handy, Zoom ohne Qualitätsverlust, und Fertigungsunterlagen, die mathematisch präzise sind. Ein Farbwechsel erscheint sofort, ohne Laden.
Weg zur Bestellung
Aus dem Konfigurator gelangt der Kunde in die Bestellung — Stückzahl, Größen, Spielernamen, Nummern, Schriften. Alles in einem Fluss, ohne E-Mails hin und her, ohne Extra-Schritte. Der Klient erhält komplette Unterlagen für die Fertigung.
Website-Relaunch & Analytik
Um den Konfigurator entstand eine neue Website mit 14 Seiten für einzelne Sportarten, Materialien, Fertigung und Referenzen echter Teams. Die Analytik zeigt, wo Kunden im Konfigurator abspringen — und diese Daten treiben die weitere Optimierung.
