Retour aux études de cas
Apparelapparelsocksenterpriseecommerce
SocksFactory : concevez vos propres chaussettes en 3D, en trois langues
SocksFactory·
SocksFactory est une usine polonaise qui opère dans l'industrie du tricot depuis 1998, fabriquant pour des marques internationales et produisant des chaussettes pour la vente en gros, des événements et des campagnes marketing.
Pour leurs nouveaux sites web, ils avaient besoin d'un configurateur de chaussettes en 3D — un qui fonctionne sur trois marchés et permette aux clients d'apporter leurs propres designs.
Ce dont le client avait besoin
Type, taille et couleurs de tissu
Les clients devaient sélectionner le type et la taille de la chaussette et choisir des couleurs dans un catalogue de tissus disponible.
Artwork du client sur un modèle
Les acheteurs devaient pouvoir télécharger leurs propres designs de chaussettes en utilisant un modèle, et partager le projet via une URL unique.
Trois langues
Le configurateur devait prendre en charge plusieurs langues, car il serait utilisé dans trois pays différents.
Comptes et historique des commandes
La phase deux nécessitait un module de connexion avec Gmail et Facebook afin que les utilisateurs puissent enregistrer des projets et consulter un historique de commandes.
Un outil de conception 2D dans l'application
La phase deux prévoyait également un outil d'édition de modèles 2D afin que les utilisateurs puissent concevoir des chaussettes directement dans le configurateur.
Panier, emballage et étiquettes
Un système de panier d'achat, plus des options d'emballage et d'étiquettes, et la possibilité de passer d'une chaussette gauche à une chaussette droite.
La solution
Le client a choisi le plan Entreprise. L'interface personnalisée a été construite rapidement avec la vue 3D et ses préréglages déjà en place en interne. Le partage de projet via des liens URL uniques a été mis en œuvre en utilisant Firebase, et les œuvres des clients ont été appliquées à la chaussette par mappage UV sur le modèle 3D. La soumission d'un projet de chaussette déclenche des e-mails via le Twilio API.
Dans la phase deux, une bibliothèque JavaScript canvas 2D a été ajoutée afin que les utilisateurs puissent éditer un modèle de chaussette ou une étiquette directement dans le configurateur 3D — en téléchargeant des images, en recadrant, en faisant glisser, en faisant pivoter et en ajoutant du texte et des formes de base. Le configurateur a été intégré avec Stripe et PayPal pour finaliser les commandes.
Le configurateur
Résultats
Conception de chaussettes en libre-service
Les clients peuvent concevoir leurs propres chaussettes en quelques clics, directement depuis les sites web.
Vivre en trois langues
Le configurateur de chaussettes fonctionne en anglais, allemand et polonais.
Commandes complétées dans l'application
L'intégration de Stripe et PayPal a permis de finaliser les commandes sans quitter le configurateur.
Un produit en évolution
Le projet a continué avec d'autres fonctionnalités, y compris un système de coupons, l'intégration de chat, le module de compte utilisateur, un studio bitmap et des modèles 3D supplémentaires.
Dans les mots du client
Facile de concevoir votre commande, très bonne forme de chaussettes, très bonne cartographie, amélioration visuelle du projet et compréhension du client.
Tomasz GromelskiPDG · SocksFactory
Ce qu'un projet comme celui-ci apporterait aujourd'hui
Plusieurs éléments qui étaient des travaux personnalisés en 2022 sont désormais des blocs d'options standard. Téléchargement d'images permet aux clients de fournir leurs propres œuvres, le Design Canvas les positionne, les met à l'échelle et les fait pivoter sur le produit, le Pattern Designer applique des designs répétitifs avec contrôle de l'échelle, de la rotation et du décalage, et Saisie de texte ajoute du texte personnalisé avec sélection de police. Les œuvres SVG contenant des couleurs de remplissage distinctes sont détectées automatiquement afin que chaque canal de couleur puisse être recoloré à l'exécution.
Au-delà de cela, l'IA peut désormais générer un configurateur de départ à partir d'une description de produit et auditer un existant, et le serveur MCP permet à un assistant IA d'inspecter des projets et d'évaluer la logique avec un jeton spécifique. Aucun de ces éléments ne faisait partie de la construction originale.
Vous construisez un configurateur de chaussettes ou de vêtements ?
Les couleurs de zone, les motifs, le téléchargement d'œuvres d'art et le texte personnalisé sont désormais des blocs standards.
Construisez, déployez et développez le commerce 3D.
Possédez un configurateur de produit 3D pour stimuler les ventes et générer des propositions directement depuis votre site web.
Études de cas connexes
Fill it Forward : un constructeur de bouteilles d'eau 3D connecté à un ERP
Fill it Forward souhaitait que les clients puissent personnaliser des bouteilles d'eau réutilisables en ligne, et que les commandes résultantes soient intégrées dans l'ERP qu'ils utilisaient déjà. Un compte Pro et le API ouvert couvraient les deux.
Thermogreen : un configurateur de terrasse en verre à partir de Mendix
Thermogreen AG avait besoin d'un configurateur qui extrayait les prix en temps réel de leur ERP Mendix pendant que le client concevait une terrasse en verre — ainsi qu'une seconde interface pour le personnel de vente réalisant des devis sur site.
Morph Creator : construire n'importe quoi à partir de huit briques
Morph Bricks avait besoin d'un configurateur où les clients pouvaient construire des murs, des salles de réunion et des gradins à partir de huit types de briques — et obtenir un PDF manuel d'instructions pour le design qu'ils ont soumis.