Navegación

en/es

Redes

©Código por BryanBryan Espejo

Xperiencia Creativa

Rol

Desarrollo front-end creativo

Tipo

Sitio corporativo

Stack

Zu

Sitio web de Xperiencia Creativa, un estudio de tecnología, diseño y equipamiento corporativo, con una home inmersiva guiada por 3D.

El reto

Presentar tres líneas de negocio muy distintas como una sola historia coherente, y hacerla memorable sin castigar el tiempo de carga en celulares.

Lo que construí

Next.js con React Three Fiber y GSAP: intro de partículas, hero fluido, un cilindro 3D para recorrer proyectos y narrativa guiada por scroll. En móvil la intro es más ligera y el viaje 3D solo se carga al acercarse a su sección.

Puntos clave

  1. 01Preloader de partículas y hero fluido en WebGL
  2. 02Cilindro 3D para recorrer proyectos y clientes
  3. 03Índice de proyectos con filtros y páginas de caso
  4. 043D con carga diferida e intro más ligera en móvil

Construido con

Next.jsReactTypeScriptThree.jsGSAPTailwind CSSZuZustand