Naar inhoud
Terug naar casestudies
Apparelapparelsocksenterpriseecommerce

SocksFactory: ontwerp je eigen sokken in 3D, in drie talen

SocksFactory·
SocksFactory: ontwerp je eigen sokken in 3D, in drie talen

SocksFactory is een Poolse fabriek die sinds 1998 actief is in de brei-industrie, en die produceert voor internationale merken en sokken vervaardigt voor groothandel, evenementen en marketingcampagnes.

Voor hun nieuwe websites hadden ze een 3D sokkenconfigurator nodig — eentje die in drie markten werkte en klanten in staat stelde hun eigen ontwerpen aan te leveren.

Wat de klant nodig had

Type, maat en stofkleuren

Klanten moesten het type en de maat van de sok selecteren en kleuren kiezen uit een beschikbare stofcatalogus.

Klantontwerp op een sjabloon

Kopers moesten in staat zijn om hun eigen sokontwerpen te uploaden met behulp van een sjabloon en het project te delen via een unieke URL.

Drie talen

De configurator moest meertalige ondersteuning hebben, aangezien deze in drie verschillende landen zou worden gebruikt.

Accounts en bestelgeschiedenis

Fase twee vereiste een inlogmodule met Gmail en Facebook inloggen, zodat gebruikers projecten konden opslaan en een bestelgeschiedenis konden zien.

Een 2D ontwerptool in de app

Fase twee vroeg ook om een 2D sjabloonbewerkingshulpmiddel, zodat gebruikers sokken direct in de configurator konden ontwerpen.

Winkelwagentje, verpakking en labels

Een winkelwagentje systeem, plus verpakkings- en labelopties, en de mogelijkheid om tussen de linker en rechter sok te schakelen.

De oplossing

De klant koos voor het Enterprise plan. De aangepaste front-end werd snel gebouwd met de 3D-weergave en de presets al in-house aanwezig. Projectdeling via unieke URL-links werd geïmplementeerd met behulp van Firebase, en klantkunstwerken werden op de sok aangebracht door middel van UV-mapping op het 3D-model. Het indienen van een sokkenproject activeert e-mails via de Twilio API.

In fase twee werd een JavaScript canvas 2D-bibliotheek toegevoegd, zodat gebruikers een sokken-sjabloon of een label direct in de 3D-configurator konden bewerken — afbeeldingen uploaden, bijsnijden, slepen, draaien en tekst en basisvormen toevoegen. De configurator werd geïntegreerd met Stripe en PayPal om bestellingen af te ronden.

Een sok ontwerpen in 3D.
Het selecteren van de stijl van een sok in de SocksFactory 3D configurator
Het selecteren van het type en de stijl van de sok.
Een op maat gemaakte sok ontwerpen in 3D
De sok in 3D ontwerpen.
Patronen toepassen op een sok in een 3D configurator
Patronen toegepast op de brei.
Aangepaste 2D ontwerptool voor soklabels
De 2D ontwerptool toegevoegd in fase twee.
Verpakken en etiketten aanpassen in 3D
Opties voor verpakkingen en etiketten.
Winkelwagentje in de sokconfigurator
Het wagentje, geïntegreerd met Stripe en PayPal.

Resultaten

Zelfbediening sokontwerp

Klanten kunnen hun eigen sok ontwerpen met een paar klikken, rechtstreeks vanaf de websites.

Live in drie talen

De sokkenconfigurator draait in het Engels, Duits en Pools.

Bestellingen voltooid in de app

Integratie van Stripe en PayPal maakte het mogelijk om bestellingen te voltooien zonder de configurator te verlaten.

Een evoluerend product

Het project ging verder met extra functies, waaronder een kortingsysteem, chatintegratie, de gebruikersaccountmodule, bitmapstudio en aanvullende 3D-modellen.

In de woorden van de klant

Gemakkelijk om je bestelling te ontwerpen, zeer goede sokvorm, zeer goede mapping, visuele verbetering van het project en klantbegrip.

Tomasz GromelskiCEO · SocksFactory

Wat een project als dit vandaag zou toevoegen

Verschillende dingen die in 2022 maatwerk waren, zijn nu standaardoptieblokken. Afbeelding Upload stelt klanten in staat hun eigen kunstwerken aan te leveren, het Design Canvas plaatst, schaalt en roteert het op het product, de Pattern Designer past herhalende ontwerpen toe met schaal-, rotatie- en offsetcontrole, en Text Input voegt aangepaste tekst toe met lettertypekeuze. SVG-kunstwerken met verschillende vulkleuren worden automatisch gedetecteerd, zodat elk kleurkanaal tijdens runtime kan worden opnieuw gekleurd.

Bovendien kan AI nu een startconfigurator genereren op basis van een productbeschrijving en een bestaande configurator auditen, en de MCP-server laat een AI-assistent projecten inspecteren en logica evalueren met een scoped token. Geen van deze functies maakte deel uit van de oorspronkelijke build.

Een sok- of kledingconfigurator bouwen?

Zonenkleuren, patronen, kunstwerk upload en gepersonaliseerde tekst zijn nu standaardblokken.

Bouw, implementeer en schaal 3D-commerce.

Bezit een 3D-productconfigurator om verkopen te stimuleren en direct vanuit uw website offertes te genereren

Gerelateerde casestudy's

Morph Creator: alles bouwen met acht stenen

Morph Creator: alles bouwen met acht stenen

Morph Bricks had een configurator nodig waar klanten muren, vergaderruimtes en tribunezittingen konden bouwen met acht soorten stenen — en een PDF handleiding konden krijgen voor het ontwerp dat ze indienen.