Experiência web interativa em 3D para Prescott & Davies Law
Este projeto traz uma estátua de Themis modelada no Blender para uma cena em three.js, transformando o site clássico de um escritório de advocacia em uma experiência 3D interativa focada em desktop. Ao carregar a página, os usuários são recebidos com animações de câmera e iluminação ao redor da estátua e, em seguida, navegam por cenas 3D separadas vinculadas a cada área de atuação.
Uma visão geral das ferramentas que usamos e das entregas concretas que realizamos, da modelagem 3D no Blender à implementação ao vivo em three.js no navegador.
Cena hero com Themis em 3D
Uma estátua de Themis modelada no Blender ocupa o centro do hero, renderizada com three.js e uma rotação sutil que ancora toda a experiência.
Cenas 3D específicas por área de atuação
Cada área jurídica (consultoria, contratos, criminal, trabalhista, imobiliário) aciona seu próprio modelo GLTF e conteúdo, com transições animadas entre os objetos.
Configuração de cena dupla em three.js
Uma cena é dedicada ao hero principal com a Themis, enquanto uma segunda cena gerencia os modelos específicos de cada serviço, cada uma com sua própria câmera e renderer.
Animação de introdução sincronizada de câmera e iluminação
No primeiro carregamento, a câmera se move da base da estátua até o rosto, enquanto a rotação do modelo e as luzes são animadas em uma timeline de tween compartilhada.
Iluminação responsiva ao mouse e cursor personalizado
Luzes direcionais e de preenchimento reagem suavemente ao movimento do mouse, e um cursor personalizado com rastro adiciona uma camada sutil de interação sobre todo o layout.
Experiência focada em desktop e fluxo de carregamento
Modelos comprimidos com Draco são carregados por meio de um loading manager e overlay personalizados, e visitantes mobile veem um aviso dedicado sobre a experiência otimizada para desktop.
Vamos construir juntos
Faça seu negócio crescer com as soluções do estúdio criativo dodbyte entrando em contato agora