Ir al contenido
Volver a estudios de caso
Apparelapparelsocksenterpriseecommerce

SocksFactory: diseña tus propias calcetas en 3D, en tres idiomas

SocksFactory·
SocksFactory: diseña tus propias calcetas en 3D, en tres idiomas

SocksFactory es una fábrica polaca que ha operado en la industria del tejido desde 1998, fabricando para marcas internacionales y produciendo calcetines para mayoristas, eventos y campañas de marketing.

Para sus nuevos sitios web necesitaban un configurador de calcetines en 3D — uno que funcionara en tres mercados y permitiera a los clientes aportar sus propios diseños.

Lo que el cliente necesitaba

Tipo, tamaño y colores de tela

Los clientes necesitaban seleccionar el tipo y tamaño de la media y elegir colores de un catálogo de telas disponible.

Arte del cliente en una plantilla

Los compradores debían poder subir sus propios diseños de medias utilizando una plantilla y compartir el proyecto a través de una URL única.

Tres idiomas

El configurador necesitaba soporte multilingüe, ya que se utilizaría en tres países diferentes.

Cuentas e historial de pedidos

La fase dos requería un módulo de inicio de sesión con Gmail y Facebook para que los usuarios pudieran guardar proyectos y ver un historial de pedidos.

Una herramienta de diseño 2D en la aplicación

La fase dos también requería una herramienta de edición de plantillas 2D para que los usuarios pudieran diseñar calcetines directamente dentro del configurador.

Carrito, embalaje y etiquetas

Un sistema de carrito de compras, además de opciones de embalaje y etiquetas, y la capacidad de alternar entre calcetines izquierdo y derecho.

La solución

El cliente seleccionó el plan Enterprise. La interfaz personalizada se construyó rápidamente con la vista previa en 3D y sus ajustes preestablecidos ya en su lugar. Se implementó el intercambio de proyectos a través de enlaces URL únicos utilizando Firebase, y el arte del cliente se aplicó al calcetín mediante mapeo UV en el modelo 3D. Enviar un proyecto de calcetín activa correos electrónicos a través de Twilio API.

En la fase dos, se añadió una biblioteca 2D de JavaScript para que los usuarios pudieran editar una plantilla de calcetín o una etiqueta directamente dentro del configurador 3D — subiendo imágenes, recortando, arrastrando, rotando y añadiendo texto y formas básicas. El configurador se integró con Stripe y PayPal para finalizar los pedidos.

Diseñando un calcetín en 3D.
Seleccionando el estilo de un calcetín en el configurador 3D de SocksFactory
Seleccionando el tipo y estilo de calcetín.
Diseñando un calcetín personalizado en 3D
Diseñando el calcetín en 3D.
Aplicando patrones a un calcetín en un configurador 3D
Patrones aplicados al tejido.
Herramienta de edición de diseño 2D personalizada para etiquetas de calcetines
La herramienta de edición 2D añadida en la fase dos.
Personalización de empaques y etiquetas en 3D
Opciones de empaque y etiquetas.
Carrito de compras en el configurador de calcetines
El carrito, integrado con Stripe y PayPal.

Resultados

Diseño de calcetines autoservicio

Los clientes pueden diseñar su propio calcetín con unos pocos clics, directamente desde los sitios web.

Vivir en tres idiomas

El configurador de calcetines funciona en inglés, alemán y polaco.

Pedidos completados en la aplicación

La integración de Stripe y PayPal permitió finalizar los pedidos sin salir del configurador.

Un producto en evolución

El proyecto continuó con más características, incluyendo un sistema de cupones, integración de chat, el módulo de cuenta de usuario, estudio de mapas y modelos 3D adicionales.

En palabras del cliente

Fácil de diseñar tu pedido, muy buena forma de calcetines, muy buena representación, mejora visual del proyecto y comprensión del cliente.

Tomasz GromelskiCEO · SocksFactory

Lo que un proyecto como este añadiría hoy

Varias cosas que eran trabajo personalizado en 2022 ahora son bloques de opción estándar. Subida de Imágenes permite a los clientes proporcionar su propio arte, el Canvas de Diseño lo posiciona, escala y rota en el producto, el Diseñador de Patrones aplica diseños repetidos con control de escala, rotación y desplazamiento, y Entrada de Texto añade texto personalizado con selección de fuente. El arte SVG que contiene colores de relleno distintos se detecta automáticamente para que cada canal de color pueda ser recoloreado en tiempo de ejecución.

Más allá de eso, la IA ahora puede generar un configurador inicial a partir de una descripción del producto y auditar uno existente, y el servidor MCP permite que un asistente de IA inspeccione proyectos y evalúe la lógica con un token específico. Ninguno de estos formaba parte de la construcción original.

¿Construyendo un configurador de calcetines o prendas?

Los colores de zona, patrones, carga de arte y texto personalizado son bloques estándar ahora.

Crea, implementa y escala el comercio 3D.

Posee un configurador de productos 3D para impulsar ventas y generar propuestas directamente desde tu sitio web.

Estudios de caso relacionados