Proyecto de demostración · Landing Start + 3D

Nova Space

Una experiencia espacial interactiva: efectos visuales complejos, 3D y animación ligada al scroll. Hecho para enseñar hasta dónde se puede llegar.

Plazo
7 días
Tecnología
3D + animaciones
Estado
Demo
Presupuesto
desde €190
Abrir la web
Maqueta de la web Nova Space

01 · El punto de partida

Enseñar el techo: qué pasa cuando una landing no está limitada ni por un sector ni por un briefing, solo por la tecnología y el criterio.

02 · Qué hice

Una experiencia espacial interactiva: planeta en 3D, efectos visuales generativos, animaciones complejas ligadas al scroll y un ritmo de presentación pensado. Cada sección es una escena propia.

03 · Qué cambió

Un proyecto escaparate: cuando un cliente pregunta «¿podéis hacer algo más complejo que una landing normal?», envío este enlace.

04 · La parte difícil

Tres tecnologías que por separado ya ralentizan una página: escena 3D, efectos generativos y animación por scroll. Juntas se convierten fácilmente en un pase de diapositivas en un portátil modesto. Hubo que repartir la carga en el tiempo: la escena se inicializa después de la primera pantalla, los efectos se calculan en la GPU y las animaciones van atadas a la posición del scroll y no a un temporizador, para que no acumulen retraso.

Fragmento de la página web Nova Space
01Galería de escenas: visuales montados a mano, cada tarjeta cobra vida al pasar el cursor
Fragmento de la página web Nova Space
02Una Tierra interactiva en 3D real: rotación, zoom, hora en vivo y 12 ciudades monitorizadas

Funciones clave

Escena con IA

Una escena generativa con efectos interactivos

Animación por scroll

Escenas unidas por una misma coreografía de desplazamiento

Planeta en 3D

Un modelo 3D interactivo directamente en el navegador

05 · Detalles técnicos

Stack

ReactThree.jsGSAPWebGL

Integraciones

  • Renderizado 3D
  • Coreografía de scroll

¿Necesita una web así?

Calcule el precio para su tarea: el formato de este proyecto ya está seleccionado en la calculadora.