Experiencia web interactiva en 3D para Prescott & Davies Law
Este proyecto lleva una estatua de Temis modelada en Blender a una escena de three.js para convertir el sitio web clásico de un bufete de abogados en una experiencia interactiva en 3D orientada a escritorio. Al cargar la página, los usuarios son recibidos con animaciones de cámara e iluminación alrededor de la estatua y luego pasan a escenas 3D independientes vinculadas a cada área de práctica.
Un breve repaso de las herramientas que utilizamos y de las piezas concretas que entregamos, desde el modelado 3D en Blender hasta la implementación en vivo con three.js en el navegador.
Escena hero con Temis en 3D
Una estatua de Temis modelada en Blender ocupa el centro del hero, renderizada con three.js y con una rotación sutil que ancla toda la experiencia.
Escenas 3D específicas por área de práctica
Cada área legal (consultoría, contratos, penal, laboral, inmobiliaria) activa su propio modelo GLTF y contenido, con transiciones animadas entre objetos.
Configuración de doble escena en three.js
Una escena está dedicada al hero principal de Temis, mientras que una segunda escena gestiona los modelos específicos de cada servicio, cada una con su propia cámara y renderizador.
Animación de introducción sincronizada para cámara e iluminación
En la primera carga, la cámara se desplaza desde la base de la estatua hasta el rostro, mientras la rotación del modelo y las luces se animan en una línea de tiempo de interpolación compartida.
Iluminación sensible al ratón y cursor personalizado
Las luces direccionales y de relleno reaccionan suavemente al movimiento del ratón, y un cursor personalizado con estela añade una capa sutil de interacción sobre todo el diseño.
Experiencia orientada a escritorio y flujo de carga
Los modelos comprimidos con Draco se cargan mediante un gestor de carga y un overlay personalizados, y los visitantes móviles ven un aviso dedicado sobre la experiencia optimizada para escritorio.
Construyamos juntos
Haz crecer tu negocio con las soluciones de dodbyte creative studio poniéndote en contacto ahora