Site Laranjinha 3D
Site da Laranjinha 3D, marca de brinquedos pedagógicos impressos em 3D: coleções com visualizador 3D, portfólio e um jogo 2.5D.
O problema
A Laranjinha 3D passou a ter como foco os brinquedos pedagógicos impressos em 3D, para famílias, professores e escolas. O site precisava contar isso de um jeito acolhedor, mostrar cada coleção com clareza e deixar o contato a um toque de distância, já que os pedidos chegam pelo WhatsApp.
O que eu construí
Sou o desenvolvedor do site, que está no ar em laranjinha3d.studio. Ele tem:
- Home com a personagem Laranjinha, uma tela de carregamento na primeira visita e um portal para o Mundo da Laranjinha que se abre conforme a página rola.
- Produtos: uma página para cada coleção do Mundinho da Laranjinha, o Jardim das Letras (um caracol de A a Z) e a Trilha dos Números (uma serpente do 1 ao 26). Cada página explica o que a criança desenvolve, traz a ficha da peça, o aviso de segurança e o guia em PDF para baixar.
- Portfólio com as peças já publicadas.
- Mundo da Laranjinha, um jogo 2.5D em
/mundo. - Uma API para publicar e editar o conteúdo do portfólio.
Como funciona
Nas páginas de produto, o botão “Ver em 3D” abre um visualizador feito com Three.js. O modelo só é carregado quando a pessoa pede, para a página abrir rápido. Também dá para escolher as cores das peças, e essa escolha segue na conversa de contato.
No jogo, a Laranjinha caminha, pula e faz dash por cenários desenhados em camadas, passando por áreas como o Portal, o Museu e a Oficina. Os cenários são imagens, e o 3D em tempo real fica só nas páginas de produto.
- Atalho “Pular para o conteúdo” em todas as telas.
- Movimento reduzido respeitado.
- Contato por WhatsApp e Instagram em todas as páginas de produto.
Resultado
O site está no ar com duas coleções, guias em PDF, visualizador 3D e o jogo. Continua em evolução: o redesenho para o posicionamento pedagógico foi feito em outubro de 2026.