Ir para o conteúdo
Voltar para estudos de caso
Apparelapparelsocksenterpriseecommerce

SocksFactory: projetando suas próprias meias em 3D, em três idiomas

SocksFactory·
SocksFactory: projetando suas próprias meias em 3D, em três idiomas

A SocksFactory é uma fábrica polonesa que opera na indústria de malharia desde 1998, fabricando para marcas internacionais e produzindo meias para atacado, eventos e campanhas de marketing.

Para seus novos sites, eles precisavam de um configurador de meias 3D — um que funcionasse em três mercados e permitisse que os clientes trouxessem seus próprios designs.

O que o cliente precisava

Tipo, tamanho e cores do tecido

Os clientes precisavam selecionar o tipo e o tamanho da meia e escolher cores de um catálogo de tecidos disponível.

Arte do cliente em um modelo

Os compradores precisavam ser capazes de enviar seus próprios designs de meias usando um modelo e compartilhar o projeto através de uma URL única.

Três idiomas

O configurador precisava de suporte multilíngue, uma vez que seria utilizado em três países diferentes.

Contas e histórico de pedidos

A fase dois exigiu um módulo de login com acesso via Gmail e Facebook para que os usuários pudessem salvar projetos e ver um histórico de pedidos.

Uma ferramenta de design 2D no aplicativo

A fase dois também solicitou uma ferramenta de edição de templates 2D para que os usuários pudessem criar meias diretamente dentro do configurador.

Carrinho, embalagem e etiquetas

Um sistema de carrinho de compras, além de opções de embalagem e etiquetas, e a capacidade de alternar entre a meia esquerda e a direita.

A solução

O cliente selecionou o plano Enterprise. A interface personalizada foi construída rapidamente com a visualização 3D e seus presets já configurados internamente. O compartilhamento de projetos através de links URL únicos foi implementado usando o Firebase, e a arte do cliente foi aplicada à meia por meio de mapeamento UV no modelo 3D. Submeter um projeto de meia aciona e-mails através do Twilio API.

Na fase dois, uma biblioteca JavaScript canvas 2D foi adicionada para que os usuários pudessem editar um modelo de meia ou um rótulo diretamente dentro do configurador 3D — fazendo upload de imagens, cortando, arrastando, girando e adicionando texto e formas básicas. O configurador foi integrado com Stripe e PayPal para finalizar pedidos.

Criando uma meia em 3D.
Selecionando o estilo de uma meia no configurador 3D SocksFactory
Selecionando o tipo e estilo da meia.
Criando uma meia personalizada em 3D
Desenhando a meia em 3D.
Aplicando padrões a uma meia em um configurador 3D
Padrões aplicados ao tricô.
Ferramenta de edição de design 2D personalizada para etiquetas de meias
A ferramenta de edição 2D adicionada na fase dois.
Personalizando embalagens e rótulos em 3D
Opções de embalagem e rótulo.
Carrinho de compras no configurador de meias
O carrinho, integrado com Stripe e PayPal.

Resultados

Design de meias self-service

Os clientes podem criar suas próprias meias com alguns cliques, diretamente dos sites.

Ao vivo em três idiomas

O configurador de meias funciona em inglês, alemão e polonês.

Pedidos concluídos no aplicativo

A integração com Stripe e PayPal permitiu que os pedidos fossem finalizados sem sair do configurador.

Um produto em evolução

O projeto continuou com mais recursos, incluindo um sistema de cupons, integração de chat, módulo de conta do usuário, estúdio de bitmap e modelos 3D adicionais.

Nas palavras do cliente

Fácil de projetar seu pedido, formato de meias muito bom, mapeamento muito bom, melhoria visual do projeto e compreensão do cliente.

Tomasz GromelskiCEO · SocksFactory

O que um projeto como este acrescentaria hoje

Várias coisas que eram trabalhos personalizados em 2022 agora são blocos de opções padrão. Upload de Imagem permite que os clientes forneçam sua própria arte, o Design Canvas posiciona, escala e gira a arte no produto, o Pattern Designer aplica designs repetidos com controle de escala, rotação e deslocamento, e Entrada de Texto adiciona texto personalizado com seleção de fonte. Artes SVG contendo cores de preenchimento distintas são detectadas automaticamente, permitindo que cada canal de cor seja re-colorido em tempo de execução.

Além disso, a IA agora pode gerar um configurador inicial a partir de uma descrição do produto e auditar um existente, e o servidor MCP permite que um assistente de IA inspecione projetos e avalie a lógica com um token escopado. Nenhuma dessas funcionalidades fazia parte da construção original.

Construindo um configurador de meias ou vestuário?

Cores de zona, padrões, upload de arte e texto personalizado são blocos padrão agora.

Construa, implemente e escale o comércio 3D.

Tenha um configurador de produtos 3D para impulsionar vendas e gerar propostas diretamente do seu site.

Estudos de caso relacionados