Voltar para estudos de caso
Marinemarine2d configuratorshopifylead generation
Wise Company: um designer de deck 2D para renovações de pontões
The Wise Company, Inc·
A Wise Company, Inc é um dos maiores fabricantes de assentos e interiores para barcos de recreio nos Estados Unidos. Eles se propuseram a construir um configurador de produtos que simplificasse a experiência de pedido para projetos de renovação de pontões.
Diferente da maioria dos projetos neste site, a resposta certa aqui não era 3D. O layout de um deck de pontão é um problema de vista superior, e a ferramenta precisava funcionar em qualquer navegador ou tablet que um distribuidor tivesse.
O que o cliente precisava
Um configurador 2D flexível
Eles procuraram um software de configurador de produtos 2D online flexível com a possibilidade de integração com Shopify.
Duas versões do aplicativo
Uma versão sem preço para geração de leads através de solicitações de orçamento, e uma versão com preço integrada ao Shopify para finalizar pedidos.
Distribuível para revendedores
A empresa precisava de uma maneira de distribuir o configurador para seus distribuidores, para finalizar pedidos ou coletar leads.
Ampla compatibilidade com dispositivos
Um requisito obrigatório era que o configurador carregasse na maioria dos navegadores de internet, tablets Android e iPads.
A solução
A implementação utilizou a plataforma SEL da Simplio3D, que contém um módulo de visualização 2D pré-construído desenvolvido com um canvas baseado em JavaScript — escolhido especificamente para que a maioria dos navegadores da internet não tivesse dificuldade em carregar as renderizações e suas funcionalidades.
O módulo 2D suporta arrastar e soltar, encaixe e edição de viewport, como rotacionar e deletar, tanto em navegadores comuns quanto em dispositivos com tela sensível ao toque.
Uma parte igualmente importante foi o administrador de back-end, onde a empresa e seus distribuidores gerenciam o catálogo de produtos. Usuários administradores podem gerar código iframe para compartilhar versões únicas do configurador com base em atributos do distribuidor.
Como funciona o designer de decks
Organizar o deck
Os assentos e componentes são colocados no plano do flutuador com arrastar e soltar, com encaixe para manter o layout alinhado.
Editar na visualização
Os itens podem ser girados ou excluídos diretamente na visualização, em um navegador de desktop ou por toque em um tablet.
Escolha a versão
Uma versão sem preço coleta solicitações de orçamento para geração de leads; a versão com preço integra-se ao Shopify para finalizar o pedido.
Distribuir para revendedores
O administrador gera código iframe para versões únicas do configurador com base nos atributos do distribuidor, para que cada revendedor receba uma configuração apropriada.
O configurador
Resultados
Um processo de vendas mais rápido
A empresa melhorou significativamente o processo de vendas tanto do ponto de vista online quanto do distribuidor.
Sem desenho CAD manual
Propostas podem ser feitas em poucos cliques, eliminando o custo de elaborar desenhos CAD manualmente para cada uma.
Leads rastreáveis
A empresa pode rastrear leads de clientes, reduzir o tempo de consulta de design e melhorar as taxas de conversão.
Um novo canal de marketing
O Deck Designer contribui para a conscientização da marca e cria novos canais de marketing e ideias para promover seus produtos.
Nas palavras do cliente
Eles fizeram um ótimo trabalho ao entender nossas necessidades como um outsider das indústrias com as quais estão acostumados. Não houve queda na comunicação, considerando que somos um fabricante dos EUA e eles são um desenvolvedor europeu.
Matt WoodGerente de Projetos de E-Commerce · Wise Company
O que um projeto como este acrescentaria hoje
A descrição acima reflete o que foi realmente implementado na época. Uma equipe que iniciasse o mesmo projeto agora também teria essas opções disponíveis:
- Construir um ponto de partida com IA. Simplio3D pode gerar um configurador funcional a partir de uma descrição de produto, e seu assistente de IA pode auditar um projeto existente para cobertura de opções e lacunas na lógica condicional.
- Conectar um agente de IA via MCP. O servidor MCP permite que um assistente como Claude se conecte com um token escopado e inspecione projetos reais — introspectando um modelo, avaliando lógica condicional ou calculando um preço — sob um modelo de escrita controlada que propõe mudanças antes de aplicá-las.
Nenhuma dessas opções fazia parte da implementação original.
Vendendo através do Shopify?
A integração do Shopify agora suporta links de carrinho, Pedidos em Rascunho com substituições de preço e carrinhos de múltiplas linhas com SKUs correspondentes.
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
Medalounger: um configurador de cadeiras de jantar para o website, showroom e feiras
A Medalounger, fabricante belga de mobiliário MODULAX, criou 51 configuradores de cadeiras com base numa biblioteca de 161 materiais, para o seu website, showroom e stand em feiras de mobiliário.
Dero: um configurador 3D de suportes para bicicletas incorporado sem código
A Dero, uma empresa PlayCore, adicionou um Visualizador 3D a sete páginas de suportes para bicicletas: os visitantes escolhem uma montagem, adicionam uma barra de apoio e experimentam 22 acabamentos em 3D. Sem carrinho, sem formulário e sem código para o incorporar.
Fanbedarf.de: um configurador 3D de casacos para blusões de treino de clubes de fãs
A Fanbedarf.de, uma oficina de vestuário para clubes em Nuremberga, adicionou um configurador 3D de casacos: quatro modelos de blusões de treino, 17 cores de tecido para cada parte do casaco e um pedido sem compromisso.