Tilbage til casestudier
Apparelapparelsocksenterpriseecommerce
SocksFactory: design dine egne sokker i 3D, på tre sprog
SocksFactory·
SocksFactory er en polsk fabrik, der har været aktiv i strikindustrien siden 1998, og som fremstiller for internationale mærker samt producerer sokker til engros, events og marketingkampagner.
Til deres nye hjemmesider havde de brug for en 3D sokkonfigurator — en der fungerede på tværs af tre markeder og lod kunderne bringe deres egne designs.
Hvad kunden havde brug for
Type, størrelse og stoffarver
Kunderne skulle vælge typen og størrelsen af sokken og vælge farver fra et tilgængeligt stofkatalog.
Kundeillustration på en skabelon
Kunderne skulle kunne uploade deres egne sokdesigns ved hjælp af en skabelon og dele projektet gennem en unik URL.
Tre sprog
Konfiguratoren skulle have flersproget support, da den ville blive brugt i tre forskellige lande.
Konti og ordrehistorik
Fase to krævede et loginmodul med Gmail og Facebook-login, så brugerne kunne gemme projekter og se en ordrehistorik.
Et 2D designværktøj i appen
Fase to krævede også et 2D skabelonredigeringsværktøj, så brugerne kunne designe sokker direkte inde i konfigurationsværktøjet.
Kurv, emballage og etiketter
Et indkøbskurvsystem, plus emballage- og etikettevalg, samt muligheden for at skifte mellem venstre og højre sok.
Løsningen
Klienten valgte Enterprise-planen. Den tilpassede frontend blev hurtigt bygget med 3D-visningen og dens forudindstillinger allerede på plads internt. Projektdeling gennem unikke URL-links blev implementeret ved hjælp af Firebase, og kundernes kunstværker blev anvendt på sokken ved UV-mapping på 3D-modellen. Indsendelse af et sokkeprojekt udløser e-mails gennem Twilio API.
I fase to blev et JavaScript canvas 2D-bibliotek tilføjet, så brugerne kunne redigere en sokkeskabelon eller et mærke direkte inde i 3D-konfiguratoren — ved at uploade billeder, beskære, trække, rotere og tilføje tekst og grundlæggende former. Konfiguratoren blev integreret med Stripe og PayPal for at afslutte ordrer.
Konfigurationsværktøjet
Resultater
Selvbetjenings sokdesign
Kunder kan designe deres egen sok med få klik, direkte fra hjemmesiderne.
Live på tre sprog
Sokkonfiguratoren kører på engelsk, tysk og polsk.
Ordre afsluttet i appen
Stripe og PayPal integration gjorde det muligt at afslutte ordrer uden at forlade konfiguratoren.
Et udviklende produkt
Projektet fortsatte med yderligere funktioner, herunder et kuponssystem, chatintegration, brugeraccount-modul, bitmap-studio og yderligere 3D-modeller.
I kundens ord
Let at designe din ordre, meget god sokform, meget god kortlægning, visuel forbedring af projektet og forståelse af kunden.
Tomasz GromelskiAdministrerende direktør · SocksFactory
Hvad et projekt som dette ville tilføje i dag
Flere ting, der var specialarbejde i 2022, er nu standardmuligheder. Billedupload giver kunderne mulighed for at levere deres egne kunstværker, Design Canvas placerer, skalerer og roterer det på produktet, Mønsterdesigner anvender gentagne designs med skala, rotations- og offsetkontrol, og Tekstinput tilføjer tilpasset tekst med skrifttypevalg. SVG-kunstværker, der indeholder distinkte fyldfarver, registreres automatisk, så hver farvekanal kan ændres i realtid.
Derudover kan AI nu generere en startkonfigurator ud fra en produktbeskrivelse og revidere en eksisterende, og MCP-serveren lader en AI-assistent inspicere projekter og evaluere logik med en scoped token. Ingen af disse var en del af den oprindelige opbygning.
Bygger du en sokke- eller beklædningskonfigurator?
Zoner, farver, mønstre, upload af kunstværker og personlig tekst er nu standardblokke.
Byg, implementer og skaler 3D-handel.
Ejer en 3D-produktkonfigurator for at øge salget og generere tilbud direkte fra dit websted
Relaterede casestudier
Fill it Forward: en 3D vandflaskebygger integreret med et ERP
Fill it Forward ønskede, at kunderne kunne personliggøre genanvendelige vandflasker online, og at de resulterende ordrer skulle flyde ind i det ERP, de allerede brugte. En Pro-konto og den åbne API dækkede begge dele.
Thermogreen: en glas tagterrasse konfigurationsværktøj prissat fra Mendix
Thermogreen AG havde brug for et konfigurationsværktøj, der trak realtidspriser fra deres Mendix ERP, mens kunden designede en glas tagterrasse — plus en anden grænseflade til salgspersonale, der kunne lave tilbud på stedet.
Morph Creator: byg noget med otte mursten
Morph Bricks havde brug for en konfigurationsværktøj, hvor kunder kunne bygge vægge, mødelokaler og tribuner fra otte mursttyper — og få en PDF brugsanvisning til det design, de indsendte.