Configuradores 3D de produtos

Um configurador 3D de produtos deixa o comprador montar a versão do produto que quer, vê-la por todos os lados e saber o preço antes de pedir um orçamento. A Dardo projeta e desenvolve configuradores sob medida para empresas cujos produtos são complexos demais para um app, como móveis, materiais de construção, equipamentos, embalagens e produtos premium, e os conecta à loja, aos orçamentos e aos dados de produto.

Pedir uma propostaFale com a gente no WhatsApp
Dardo / Ilustração editorial
Nesta página

O que faz um configurador 3D de produtos

Um configurador substitui a galeria com cada produto possível por um único modelo que acompanha as escolhas do comprador: medidas, material, cor, componentes e acessórios. Cada escolha atualiza a vista 3D, o preço e o que ainda pode ser escolhido, então ninguém monta uma versão que você não consegue fabricar. Depois, a configuração segue para o carrinho, um pedido de orçamento, o time comercial ou a produção, com um código e uma lista de peças em vez de um print num e-mail.

A nossa demo de configurador 3D mostra a ideia com uma estante modular fictícia. Quatro larguras, quatro alturas, quatro madeiras, cinco cores de estrutura e três tipos de frente somam 960 versões. Cada uma é construída no navegador a partir das medidas da estante, com a sua lista de peças, um preço de exemplo e um link que a abre de novo.

Quando um configurador SaaS basta e quando vale fazer sob medida

Muitas lojas não precisam de um desenvolvimento sob medida. Se você vende alguns produtos personalizáveis e o cliente escolhe um texto, uma imagem ou poucas cores, um app é mais rápido e mais barato. Em 8 de novembro de 2026, os planos do Zakeke custavam de US$ 59 a 255 por mês no pagamento anual, mais uma taxa de 1,5% a 1,9% por item personalizado vendido. A Shopify mostra modelos 3D nas páginas de produto em todos os planos. Outras plataformas de configuração publicam planos de cerca de US$ 29 a mais de US$ 1.000 por mês, e a Threekit faz orçamento sob consulta.

Um configurador sob medida compensa quando o produto não cabe mais no app, quase sempre por um destes motivos:

  • Regras que dependem umas das outras: uma medida que limita os materiais, peças que exigem outras peças, opções que mudam por mercado
  • Centenas ou milhares de variantes, em que fotografar ou renderizar cada uma não é viável
  • Preços que vêm da sua tabela, de uma fórmula ou de um CPQ, e não de um acréscimo fixo por opção
  • Uma configuração que precisa chegar a um orçamento, a um ERP ou à fábrica como lista de peças ou código de produto
  • Uma experiência de marca que o modelo do app não permite, em várias lojas ou idiomas

Integrações: Shopify, comércio headless, orçamentos e dados de produto

Um configurador só é útil se a configuração chegar aonde precisa. Nós o conectamos aos sistemas que você já usa:

  • Shopify: as opções escolhidas viajam na linha do carrinho como propriedades do item e chegam ao pedido
  • Preços na Shopify: essas propriedades não mudam o preço, então opções que mudam precisam de uma variante por preço ou, na Shopify Plus, de uma função Cart Transform
  • Comércio headless: o configurador é um componente da sua loja que conversa com a API da sua plataforma de e-commerce
  • Orçamentos e CPQ: em produtos vendidos por um time comercial, a configuração chega ao formulário de orçamento ou ao seu CPQ com o código, a lista de peças e um link para a vista 3D
  • Dados de produto (PIM ou ERP): opções, regras, preços e estoque vêm do seu sistema principal, para que o configurador nunca contradiga o catálogo

No primeiro workshop definimos qual sistema é dono das opções, das regras e dos preços, para que o configurador os leia em vez de guardar uma cópia própria. Se você também precisa da loja completa, veja o nosso serviço de desenvolvimento de e-commerce.

O fluxo dos modelos 3D: do CAD ao glTF e à realidade aumentada

Quase todo configurador começa com arquivos que já existem: modelos CAD da engenharia, arquivos 3D de um estúdio de renders, ou desenhos, fotos e amostras quando não há nada. O CAD é feito para fabricar peças, não para desenhá-las num navegador, então nós o convertemos para glTF, o formato livre de royalties que o Khronos mantém para publicar 3D, padronizado como ISO/IEC 12113:2022.

Depois deixamos os modelos leves o bastante para o celular. Tiramos detalhe onde ninguém olha, comprimimos a geometria com Draco ou meshopt e as texturas com KTX2, e separamos o produto em partes que podem ser trocadas, recoloridas ou escondidas. Cada acabamento é configurado uma vez, então incluir uma cor é uma mudança de dados, não um modelo novo.

Os mesmos modelos alimentam a realidade aumentada. O AR Quick Look da Apple abre arquivos USDZ no iPhone e no iPad, e o Scene Viewer do Google abre arquivos glTF no Android, então o comprador pode colocar o produto configurado no próprio ambiente. Cada configuração também pode ser exportada para os seus renders, catálogos ou produção.

Como desenvolvemos um configurador

  1. Workshop: o produto, as opções, as regras, os preços e aonde cada configuração precisa chegar
  2. Um mapa de opções e regras que você aprova antes de qualquer modelagem
  3. Uma primeira etapa: uma família de produtos em 3D, no design do seu site, testada num celular combinado
  4. Os demais modelos e acabamentos, otimizados dentro de um orçamento de peso combinado
  5. Integração com o seu carrinho, orçamentos, CPQ ou dados de produto, testada com pedidos reais de ponta a ponta
  6. Lançamento, análise de quais opções as pessoas escolhem e entrega dos modelos, do código e da documentação

A primeira etapa é o que torna o projeto completo previsível: quando uma família de produtos funciona nos seus celulares e com as suas regras, o resto é uma quantidade conhecida de modelos, acabamentos e integrações.

Acessibilidade e velocidade

Um configurador é um formulário com uma imagem. Fazemos o formulário com controles padrão, então cada opção funciona com teclado e leitor de tela, e cada mudança é anunciada. Girar o modelo também funciona com botões e com as setas do teclado, como pede o critério da WCAG 2.2 sobre movimentos de arrastar, e quem reduz o movimento no sistema vê uma câmera que salta em vez de deslizar.

O nome do produto, as opções e o preço estão no HTML, então os buscadores os leem e a página funciona antes de a vista 3D carregar. O código 3D carrega quando a vista aparece na tela, os modelos são comprimidos e a vista só desenha quando algo muda, o que poupa a bateria do celular.

Quanto custa um configurador 3D de produtos

Não publicamos um preço para configuradores: depende da quantidade de produtos e opções, do estado dos seus arquivos 3D e das integrações. Os números publicados pelo mercado dão a faixa. A Program-Ace, uma empresa de desenvolvimento 3D, diz que um configurador sob medida costuma custar a partir de US$ 25.000 e que os complexos chegam a cerca de US$ 150.000. A Twikit, fornecedora de configuradores, estima um projeto entre US$ 10.000 e mais de 100.000, mais US$ 500 a 5.000 ou mais por variante de modelo 3D. Cada número é estimativa da própria empresa.

Estas são as coisas que mais mudam o custo de um configurador, mais ou menos nesta ordem:

  • Quantos produtos e famílias de opções precisam de um modelo 3D próprio
  • Se há arquivos CAD ou 3D aproveitáveis, ou se os modelos precisam ser feitos a partir de desenhos e fotos
  • Quantas regras ligam as opções e de onde vêm os preços
  • As integrações: carrinho, orçamentos, CPQ, ERP ou PIM
  • Realidade aumentada, exportações para produção e a quantidade de idiomas e mercados

A proposta orça a primeira etapa separadamente e depois o projeto completo, então você pode parar depois da primeira etapa com algo que já funciona. A nossa página de preços explica como orçamos.

Dúvidas antes de escolher

Quanto custa um configurador 3D de produtos?

Depende de quantos produtos e opções precisam de modelos 3D, de haver arquivos CAD e de com o que o configurador se conecta. As estimativas publicadas colocam os projetos sob medida entre cerca de US$ 10.000 e 150.000, e os planos SaaS vão de uns US$ 29 a mais de US$ 1.000 por mês. Orçamos depois de um workshop, com a primeira etapa separada, para você julgar o projeto completo a partir de algo que já funciona.

Um configurador 3D funciona com a Shopify?

Sim. A Shopify mostra modelos 3D nas páginas de produto em todos os planos, e um configurador sob medida pode incluir as opções escolhidas na linha do carrinho como propriedades do item, que depois aparecem no pedido. Essas propriedades não mudam o preço, então opções que mudam precisam de uma variante por preço ou, na Shopify Plus, de uma função Cart Transform. Escolhemos o caminho no workshop.

Precisamos de arquivos CAD para começar?

Não, mas ajudam. O CAD dá as medidas exatas, e nós o convertemos em modelos glTF mais leves para a web. Sem CAD, modelamos a partir de desenhos técnicos, medidas, fotos e amostras de material. O workshop mostra o que existe e o que precisa ser feito, que costuma ser o que mais muda o custo.

Um configurador 3D deixa as páginas de produto mais lentas?

Não deveria. O nome, as opções e o preço vêm no HTML, o código 3D carrega quando a vista aparece na tela, os modelos são comprimidos com Draco ou meshopt e as texturas com KTX2, e a vista só desenha quando algo muda. Combinamos um orçamento de peso por produto e testamos num celular combinado antes do lançamento.

O comprador consegue ver o produto no próprio ambiente com realidade aumentada?

Sim, na maioria dos celulares. O AR Quick Look da Apple abre arquivos USDZ no iPhone e no iPad, e o Scene Viewer do Google abre arquivos glTF no Android. O configurador pode gerar o arquivo da configuração de cada comprador. A nossa demo mostra o caminho da Apple com uma estante que você mesmo configura.

3D e realidade aumentada aumentam as vendas?

A maior parte das evidências vem dos fornecedores. O estudo acadêmico mais citado, publicado no Journal of Marketing em 2022 com dados de uma varejista de cosméticos, encontrou o uso de realidade aumentada associado a mais vendas em marcas menos populares, produtos mais caros ou de nicho e clientes novos no canal. Não prometemos mais vendas; medimos quais opções as pessoas escolhem e onde elas param.

De quem são os modelos 3D e o código?

Seus, com o pagamento final. O contrato cede à sua empresa os modelos, o código do configurador e a documentação, então você pode reutilizar os modelos em renders, catálogos ou outra plataforma. As bibliotecas de código aberto mantêm as próprias licenças, listadas na entrega.

Qual é a diferença para os seus sites 3D interativos?

Sites 3D interativos são cenas que contam uma história ou explicam um lugar, um produto ou uma pesquisa, como o Janus Observatory. Um configurador é uma ferramenta de compra: transforma as escolhas do comprador num produto válido, num preço e num pedido ou orçamento. Muitos projetos usam os dois, e a proposta diz qual parte é qual.

Do blog

Ferramentas gratuitas

  • Demo de configurador 3D

    Configure em 3D uma estante modular fictícia e veja as medidas, a lista de peças e um preço de exemplo acompanharem cada escolha. Exporte em .glb ou veja em RA.

Fontes e leituras adicionais

Fontes desta página, com mais detalhes dos publicadores originais.

Projetos e estudos relacionados

A estante de demonstração em 3D: dois módulos de prateleiras de carvalho numa estrutura de aço grafite, com gavetas embaixoDemo pública / Configurador 3D em tempo realDemo de configurador 3DUma estante modular fictícia com 960 versões: medidas, madeira, cor da estrutura e frentes, com lista de peças, preço de exemplo, exportação .glb e realidade aumentada na Apple. Feita pela Dardo para mostrar o método, sem atribuir clientes nem vendas.Testar a demo

Do seu catálogo a um briefing de configurador

Teste a demo e conte o produto, as opções que os seus clientes escolhem e aonde cada pedido ou orçamento precisa chegar. Respondemos com o escopo de uma primeira etapa e o que precisamos do seu time.