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.


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.