Vai al contenuto
Torna agli studi di caso
Apparelapparelsocksenterpriseecommerce

SocksFactory: progetta le tue calze in 3D, in tre lingue

SocksFactory·
SocksFactory: progetta le tue calze in 3D, in tre lingue

SocksFactory è un'azienda polacca che opera nel settore della maglieria dal 1998, producendo per marchi internazionali e realizzando calze per all'ingrosso, eventi e campagne di marketing.

Per i loro nuovi siti web avevano bisogno di un configuratore di calze 3D — uno che funzionasse su tre mercati e permettesse ai clienti di portare i propri design.

Cosa aveva bisogno il cliente

Tipo, dimensione e colori del tessuto

I clienti dovevano selezionare il tipo e la dimensione del calzino e scegliere i colori da un catalogo di tessuti disponibile.

Artwork del cliente su un modello

Gli acquirenti dovevano poter caricare i propri design per calzini utilizzando un modello e condividere il progetto tramite un URL unico.

Tre lingue

Il configuratore necessitava di supporto multilingue, poiché sarebbe stato utilizzato in tre paesi diversi.

Account e cronologia degli ordini

La fase due richiedeva un modulo di accesso con accesso a Gmail e Facebook in modo che gli utenti potessero salvare progetti e vedere la cronologia degli ordini.

Uno strumento di design 2D nell'app

La fase due prevedeva anche uno strumento di modifica di modelli 2D in modo che gli utenti potessero progettare calze direttamente all'interno del configuratore.

Carrello, imballaggio e etichette

Un sistema di carrello della spesa, oltre a opzioni di imballaggio ed etichette, e la possibilità di passare tra calza sinistra e destra.

La soluzione

Il cliente ha selezionato il piano Enterprise. Il front end personalizzato è stato costruito rapidamente con il viewport 3D e i suoi preset già pronti internamente. La condivisione del progetto tramite link URL unici è stata implementata utilizzando Firebase, e l'opera d'arte del cliente è stata applicata alla calza tramite mappatura UV sul modello 3D. L'invio di un progetto di calza attiva email tramite il Twilio API.

Nella fase due, è stata aggiunta una libreria JavaScript canvas 2D in modo che gli utenti potessero modificare un modello di calza o un'etichetta direttamente all'interno del configuratore 3D — caricando immagini, ritagliando, trascinando, ruotando e aggiungendo testo e forme di base. Il configuratore è stato integrato con Stripe e PayPal per finalizzare gli ordini.

Progettare una calza in 3D.
Selezionare lo stile di un calzino nel configuratore 3D SocksFactory
Selezionare il tipo e lo stile del calzino.
Progettare un calzino personalizzato in 3D
Progettare il calzino in 3D.
Applicare motivi a un calzino in un configuratore 3D
Motivi applicati al tessuto.
Strumento di editing 2D personalizzato per etichette di calzini
Lo strumento di editing 2D aggiunto nella fase due.
Personalizzazione di imballaggi e etichette in 3D
Opzioni per imballaggi ed etichette.
Carrello della spesa nel configuratore di calze
Il carrello, integrato con Stripe e PayPal.

Risultati

Design di calze self-service

I clienti possono progettare le proprie calze con pochi clic, direttamente dai siti web.

Vivi in tre lingue

Il configuratore di calze funziona in inglese, tedesco e polacco.

Ordini completati nell'app

L'integrazione con Stripe e PayPal ha permesso di finalizzare gli ordini senza lasciare il configuratore.

Un prodotto in evoluzione

Il progetto è proseguito con ulteriori funzionalità tra cui un sistema di coupon, integrazione chat, modulo account utente, studio bitmap e modelli 3D aggiuntivi.

Con le parole del cliente

Facile progettare il tuo ordine, forma delle calze molto buona, mappatura molto buona, miglioramento visivo del progetto e comprensione del cliente.

Tomasz GromelskiCEO · SocksFactory

Cosa aggiungerebbe oggi un progetto come questo

Molte cose che erano lavori personalizzati nel 2022 sono ora blocchi di opzioni standard. Caricamento Immagini consente ai clienti di fornire le proprie opere d'arte, il Design Canvas le posiziona, scala e ruota sul prodotto, il Pattern Designer applica design ripetuti con controllo di scala, rotazione e offset, e Input Testo aggiunge testo personalizzato con selezione del font. Le opere d'arte SVG contenenti colori di riempimento distinti vengono rilevate automaticamente in modo che ogni canale di colore possa essere ricolorato in tempo reale.

Oltre a ciò, l'IA può ora generare un configuratore iniziale da una descrizione del prodotto e controllare uno esistente, e il server MCP consente a un assistente IA di ispezionare progetti e valutare la logica con un token specifico. Nessuna di queste funzionalità faceva parte della costruzione originale.

Stai costruendo un configuratore di calze o abbigliamento?

I colori delle zone, i modelli, il caricamento di opere d'arte e il testo personalizzato sono ora blocchi standard.

Costruisci, distribuisci e scala il commercio 3D.

Possiedi un configuratore di prodotto 3D per aumentare le vendite e generare proposte direttamente dal tuo sito web.

Studi di caso correlati

Morph Creator: costruire qualsiasi cosa con otto mattoncini

Morph Creator: costruire qualsiasi cosa con otto mattoncini

Morph Bricks aveva bisogno di un configuratore dove i clienti potessero costruire pareti, sale riunioni e posti a sedere a gradoni utilizzando otto tipi di mattoncini — e ricevere un PDF manuale di istruzioni per il design che hanno inviato.