Zurück zu den Fallstudien
Apparelapparelsocksenterpriseecommerce
SocksFactory: Eigene Socken in 3D gestalten – in drei Sprachen
SocksFactory·
SocksFactory ist eine polnische Fabrik, die seit 1998 in der Strickindustrie tätig ist, für internationale Marken produziert und Socken für den Großhandel, Veranstaltungen und Marketingkampagnen herstellt.
Für ihre neuen Websites benötigten sie einen 3D-Sockenkonfigurator, der in drei Märkten funktioniert und es Kunden ermöglicht, eigene Designs einzubringen.
Was der Kunde benötigte
Typ, Größe und Stofffarben
Kunden mussten Typ und Größe der Socke auswählen und Farben aus einem verfügbaren Stoffkatalog wählen.
Kundendesign auf einer Vorlage
Käufer mussten ihre eigenen Sockendesigns mithilfe einer Vorlage hochladen und das Projekt über eine eindeutige URL teilen können.
Drei Sprachen
Der Konfigurator benötigte mehrsprachige Unterstützung, da er in drei verschiedenen Ländern eingesetzt werden sollte.
Konten und Bestellhistorie
In Phase zwei war ein Login-Modul mit Anmeldung über Gmail und Facebook erforderlich, damit Nutzer Projekte speichern und ihren Bestellverlauf einsehen konnten.
Ein 2D-Designtool in der App
Phase zwei umfasste außerdem ein 2D-Tool zur Bearbeitung von Vorlagen, damit Nutzer Socken direkt im Konfigurator gestalten konnten.
Warenkorb, Verpackung und Etiketten
Ein Warenkorbsystem sowie Optionen für Verpackungen und Etiketten und die Möglichkeit, zwischen linkem und rechtem Socken zu wechseln.
Die Lösung
Der Kunde entschied sich für den Enterprise-Plan. Das individuelle Frontend wurde schnell erstellt, da der 3D-Viewport und seine Voreinstellungen bereits intern vorhanden waren. Die Projektfreigabe über eindeutige URL-Links wurde mit Firebase umgesetzt, und Kundenmotive wurden mittels UV-Mapping auf das 3D-Modell auf die Socke übertragen. Das Absenden eines Sockenprojekts löst E-Mails über die Twilio API aus.
In Phase zwei wurde eine JavaScript-Canvas-2D-Bibliothek ergänzt, damit Nutzer eine Sockenvorlage oder ein Etikett direkt im 3D-Konfigurator bearbeiten konnten – Bilder hochladen, zuschneiden, verschieben, drehen sowie Text und einfache Formen hinzufügen. Der Konfigurator wurde zur Bestellabwicklung mit Stripe und PayPal integriert.
Der Konfigurator
Ergebnisse
Socken-Design im Self-Service
Kunden können ihre eigene Socke mit wenigen Klicks direkt auf den Websites gestalten.
Verfügbar in drei Sprachen
Der Socken-Konfigurator ist auf Englisch, Deutsch und Polnisch verfügbar.
Bestellungen direkt in der App abschließen
Dank der Integration von Stripe und PayPal konnten Bestellungen abgeschlossen werden, ohne den Konfigurator zu verlassen.
Ein sich weiterentwickelndes Produkt
Das Projekt wurde um weitere Funktionen ergänzt, darunter ein Gutscheinsystem, eine Chat-Integration, das Benutzerkontomodul, ein Bitmap-Studio und zusätzliche 3D-Modelle.
In den Worten des Kunden
Einfaches Gestalten Ihrer Bestellung, sehr gute Sockenform, sehr gutes Mapping, visuelle Verbesserung des Projekts und besseres Kundenverständnis.
Tomasz GromelskiGeschäftsführer · SocksFactory
Was ein solches Projekt heute zusätzlich bieten würde
Vieles, was 2022 noch individuell entwickelt wurde, ist heute als Standard-Optionsblock verfügbar. Image Upload ermöglicht es Kunden, eigene Motive bereitzustellen, Design Canvas positioniert, skaliert und dreht diese auf dem Produkt, Pattern Designer wendet sich wiederholende Designs mit Steuerung von Skalierung, Drehung und Versatz an, und Text Input fügt individuellen Text mit Schriftartauswahl hinzu. SVG-Grafiken mit unterschiedlichen Füllfarben werden automatisch erkannt, sodass jeder Farbkanal zur Laufzeit neu eingefärbt werden kann.
Darüber hinaus kann KI heute anhand einer Produktbeschreibung einen ersten Konfigurator erstellen und einen bestehenden prüfen; der MCP-Server ermöglicht einem KI-Assistenten, Projekte zu untersuchen und die Logik mit einem eingeschränkten Token zu bewerten. Keines dieser Elemente war Teil der ursprünglichen Umsetzung.
Erstellen Sie einen Konfigurator für Socken oder Bekleidung?
Zonenfarben, Muster, das Hochladen von Grafiken und personalisierter Text sind mittlerweile Standardbausteine.
3D-Commerce entwickeln, bereitstellen und skalieren.
Nutzen Sie einen 3D-Produktkonfigurator, um den Verkauf zu steigern und direkt über Ihre Website Angebote zu erstellen.
Ähnliche Fallstudien
Fill it Forward: Ein 3D-Trinkflaschen-Konfigurator mit Anbindung an ein ERP
Fill it Forward wollte seinen Kunden ermöglichen, wiederverwendbare Trinkflaschen online zu personalisieren und die daraus entstehenden Bestellungen direkt in das bereits genutzte ERP zu übertragen. Ein Pro-Konto und das offene API deckten beides ab.
Thermogreen: ein Terrassendach-Konfigurator mit Preisen aus Mendix
Thermogreen AG benötigte einen Konfigurator, der während der Gestaltung eines Terrassendachs durch den Kunden Echtzeitpreise aus ihrem Mendix-ERP abruft – sowie eine zweite Oberfläche für Vertriebsmitarbeitende zur Angebotserstellung vor Ort.
Morph Creator: Alles aus acht Bausteinen bauen
Morph Bricks benötigte einen Konfigurator, mit dem Kunden aus acht Bausteinarten Wände, Besprechungsräume und Sitzreihen gestalten können – und eine PDF Bauanleitung für ihren eingereichten Entwurf erhalten.