Case 01Sampa Portas
Portas que abrem novas possibilidades.
- Cliente
- Sampa Portas
- Tipo
- Site institucional · 3D interativo · Motion
- Ano
- 2026
- Stack
- Three.js · WebGL · GSAP · Cloudflare Pages
Site institucional para uma empresa de São Paulo que instala portas, kits de porta pronta e fechaduras digitais. A porta é a própria interface.
Ver site ao vivo01 — Desafio
Desafio
Porta, kit e fechadura se escolhem pelo toque e pela madeira. O site precisava passar essa sensação de acabamento para quem ainda não entrou na loja.
02 — Solução
Solução
Uma porta modelada em 3D é a protagonista: gira 360° e abre conforme a rolagem até a luz do outro lado tomar a tela. A fechadura digital ganha uma seção própria sobre a madeira, com biometria, senha e app.
03 — Resultado
Resultado
Um site que mostra o produto como ele é, carrega leve no celular e leva a conversa direto para o WhatsApp.
[ Destaque técnico · Porta 3D em Three.js ]
- 01A porta gira 360°Arraste para explorar e troque o acabamento: freijó, nogueira, carvalho ou preto.
- 02A câmera se aproximaO veio da madeira e a fechadura digital ganham a tela.
- 03A porta abreA rolagem controla a abertura e a luz âmbar começa a entrar.
- 04A luz toma a telaA passagem vira a transição para a próxima seção do site.
Telas
Desktop 1440 · Mobile 390
Próximo case · 02
Baby Beef Jardim
Sistema web · ERP de RH · Produto internoVer case