PROYECTO PROPIO · WEB 3D

Noor — una tienda que se siente antes de leerse.

El producto —un difusor con llama LED— gira en 3D y en tiempo real desde el primer segundo. Nada de fotos de catálogo: lo ves como si lo tuvieras en la mano.

Web 3D Three.js Proyecto propio
EL RETO

Vender una llama sin fuego, en una pantalla.

Mostrar un producto físico de forma inmersiva en la web, que se entienda en segundos y que cargue rápido incluso en móvil — sin caer en claims falsos ni urgencias fabricadas para forzar la venta.

LA SOLUCIÓN

Todo lo técnico, real.

  • Escena 3D en tiempo real. El difusor gira solo, con una llama LED cálida y niebla sutil; el scroll añade cinemática y funde el producto al pasar al contenido.
  • Rendimiento primero. El modelo 3D se generó por código (con trimesh, en Python): 844 caras y ~20 KB, frente a los ~2 millones de caras de un modelo de captura 3D estándar. Web ligera y fluida en móvil.
  • Scroll y cinemática. Scroll suave con Lenis y animaciones con GSAP / ScrollTrigger, para una sensación editorial, no de plantilla.
  • Identidad de marca coherente. Tipografía serif de alto contraste, paleta cálida, y copy honesto por defecto — sin reseñas infladas ni contadores falsos.
  • Stack. Vite + Three.js + GSAP + Lenis. Checkout conectado a Shopify.
Hero de Noor: difusor 3D girando con llama LED encendida, renderizado en tiempo real con Three.js
Hero de Noor visto en móvil, con el difusor 3D visible y activo

Vista móvil — el mismo 3D en vivo, cargando ligero.

POR QUÉ LO HICIMOS

Un laboratorio, no una campaña.

Noor no tiene cliente ni campaña detrás. Lo construimos entero nosotros para enseñar lo que sabemos hacer en vez de contarlo: el 3D, el peso de la página, el ritmo del scroll — cada decisión es nuestra. Esto es lo que hacemos cuando el cliente somos nosotros. Imagina con el tuyo.

← Volver a Webs Cinematográficas 3D