Pular para o conteúdo
online
pt-BRv0.46.1 · 1d135e2
Em desenvolvimento ativoAtualizado em 9 de nov. de 2026

DeskForge

Um configurador 3D de setups para lojas de tecnologia: o cliente monta o espaço de trabalho sobre a sua mesa real e põe o conjunto inteiro no carrinho.

Configurador DeskForge: um ambiente 3D com parede de tijolos, uma mesa com regulagem de altura com dois monitores, um notebook e um teclado, uma cadeira de escritório, estante e uma luminária de chão, ao lado do catálogo de produtosConfigurador DeskForge: um ambiente 3D com parede de tijolos, uma mesa com regulagem de altura com dois monitores, um notebook e um teclado, uma cadeira de escritório, estante e uma luminária de chão, ao lado do catálogo de produtos

Desafio

Quem compra monitor, suporte e mesa pela internet não consegue saber se tudo vai caber e funcionar junto, então hesita, compra um item de cada vez ou devolve o que não serviu.

Solução

  • Configurador 3D: uma cena realista com materiais fisicamente baseados, sombras suaves e ambient occlusion, bordas arredondadas, teclados com layouts reais, cores fiéis dos produtos, modelos do Blender e arquivos GLB, iluminação RGB, telas foscas ou brilhantes; um orçamento de renderização com malhas mescladas e um modo de qualidade para celulares.
  • Mesa e ambiente: mesas paramétricas (retas, com recorte, em L), a posição da mesa no ambiente, móveis, janela, decoração e seis ambientes predefinidos.
  • Motor de regras: posicionamento, ergonomia e compatibilidade de fixação (VESA, carga, grampo) com avisos e correções em um clique; layouts de um a três monitores; braços e bases; um modo de medidas.
  • Catálogo e vendas: uma API de catálogo com painel, importação e OpenAPI; 38 produtos reais de demonstração com fotos em 14 categorias; variações, descontos e falta de estoque; sugestões de produtos compatíveis e “o que está faltando”; o setup inteiro adicionado ao carrinho com um clique.
  • Integração na loja: um script carregador com menos de 10 KB em gzip, um modo embed com CSP frame-ancestors e uma loja de demonstração, um widget compacto para páginas de produto.
  • Setups: salvos por link curto, com nome, “My setups”, uma página de compartilhamento com prévia Open Graph, exportação para PNG e PDF; desfazer e refazer.
  • Analytics: um plano de eventos, ingestão e funil, envio para GA4 e Meta Pixel com consentimento, atribuição de pedidos e ticket médio.
  • Segurança: containers que não rodam como root, limites de tamanho do corpo da requisição, rate limiting compatível com IPv6, origens permitidas para incorporação.
  • Arquitetura: onze registros de decisões de arquitetura, incluindo um benchmark de engines de renderização antes de escolher uma.

Resultado

O configurador, o catálogo, a incorporação e o analytics estão prontos e cobertos por testes; a Shopify é a primeira integração de loja planejada. Medido: 60 fotos de produtos passaram de 18,8 MB para 124,5 KB como miniaturas; o frame embed com carregamento lazy tirou 35–40 ms do LCP; os ambientes predefinidos trocam em menos de 135 ms.

Capturas de tela