3D-Konfigurator für Rashguards

Trace

Trace bietet den ersten 3D-Konfigurator zur Personalisierung von Lycra-Shirts für Surfen, Padel und BJJ. Nutzer gestalten ihre Shirts direkt online und sehen in Echtzeit, wie Farben, Muster, Grafiken und Designelemente auf dem 3D-Modell wirken. Die Anwendung verbindet technische Präzision mit kreativer Freiheit und macht den Bestellprozess für massgeschneiderte Performance-Wear intuitiv und visuell erlebbar.

UX-Design hinter dem Konfigurator

Im Zentrum des Projekts stand die Entwicklung eines klar strukturierten UX-Flows: von der Auswahl des Grundmusters über die Platzierung von Farben und Logos bis hin zur finalen Konfiguration des Shirts. Das Ziel bestand darin, den kreativen Prozess so intuitiv wie möglich zu gestalten – mit einer Benutzerführung, die auch bei komplexen Gestaltungsoptionen jederzeit verständlich bleibt.

Sportart auswählen, Design starten

Ob Surfen, Paddeln oder BJJ – jede Disziplin stellt andere Anforderungen an Schnitt, Material und Look. In dieser Auswahl starten Nutzer den Konfigurationsprozess, indem sie das passende Shirt-Modell auswählen. Die UX leitet sie klar durch die Entscheidung und legt damit die Grundlage für alle weiteren Designoptionen.

Basis-Konfiguration

Im ersten Schritt wird die visuelle Grundlage des Shirts definiert: Nutzer wählen Hauptfarbe und ein Basis-Muster oder eine einfarbige Fläche. Diese Auswahl bildet das Fundament für das spätere Design.

Ärmel & Kragen

Farbe und Muster von Ärmeln und Kragen lassen sich unabhängig vom Grunddesign anpassen. So entsteht ein individueller Look, der funktionale Anforderungen und persönliche Stilvorlieben berücksichtigt.

Logo & Text

Zum Abschluss können Logos, Sponsoren oder individuelle Beschriftungen auf dem Shirt platziert werden. Die Positionierung erfolgt direkt im 3D-Modell.

3D-Ansicht in Echtzeit

Das Shirt lässt sich frei rotieren, zoomen und aus jedem Winkel betrachten. Alle Gestaltungsdetails sind direkt am 3D-Modell sichtbar – maximale Kontrolle und Präzision im Designprozess.

Flexibel auf allen Endgeräten

Der vollständig responsive Konfigurator funktioniert reibungslos auf Desktop, Tablet und Mobilgeräten. Die User Experience bleibt unabhängig vom Gerät intuitiv und der volle Funktionsumfang ist immer verfügbar.

Nächstes Projekt ansehen

B2B-Onlineshop für Büro & Versand

Zum Projekt
white arrow pointing to the right
wireframe mockup of product list page. on the left there are filters and on the right are the product cards. around the wireframe mockup there are floating cards with illus such as a delivery truck, location pin and a cardboard box