Proyecto de estudio — 2026 · Demo del nivel Signature

NORDA

Técnica — oscura, metal y luz · Ingeniería y manufactura de precisión

  • Astro
  • Three.js · WebGL
  • GSAP · Lenis
  • Blender

Concepto rector

La pieza en el centro: metal, luz y una micra de margen.

Una empresa que mecaniza a una micra vive de tolerancias que no se ven. La web de NORDA las hace visibles: una escena oscura donde la pieza gira bajo una luz dura y los datos técnicos acotan la pantalla como un plano. Nada decora; todo mide.

Recorrido visual

Hero de NORDA — retícula y filo frío
HUD de metrología — ejes y tolerancias
Pieza mecanizada — luz dura lateral

Piezas de dirección de arte del proyecto de estudio.

Tres decisiones de diseño

  1. 01

    Oscuridad técnica

    Fondo negro azulado para que el metal y la luz modelen la pieza. La interfaz se comporta como instrumental de taller, no como una web corporativa.

  2. 02

    La cota como lenguaje

    Tipografía mono para ejes, tolerancias y metadatos; números tabulares que acotan cada escena. El plano técnico es la dirección de arte.

  3. 03

    El 3D al servicio

    WebGL con presupuesto medido y fallback digno: la pieza aparece después del titular, nunca antes. El estándar de rendimiento no se negocia por el espectáculo.

El estándar, también aquí

90+
Lighthouse en móvil
AA
Accesibilidad WCAG
100%
Código propio, sin plantillas
100%
Propiedad del cliente
Siguiente casoGREDAInmersiva — el taller por dentro