Saltar al contenido principal

LUMEN — Estudio de diseño y dirección de arte

Estudio de diseño y dirección de arte

Sitio de un estudio de dirección de arte: seis trabajos presentados como índice y no como cuadrícula, el método antes que los servicios y ninguna imagen recortada.

2026-05
  • Diseño UI/UX
  • Dirección de arte web
  • Desarrollo frontend
  • Motion design
Next.jsTypeScriptTailwind CSSGSAPVercel
Vista previa de LUMEN — Estudio de diseño y dirección de arte
  1. 01

    Seis trabajos en índice, la imagen se revela al pasar el cursor sobre el título

  2. 02

    El método de trabajo presentado antes que los servicios

  3. 03

    Ninguna imagen recortada: cada visual conservado en su proporción original

El brief

Un estudio de dirección de arte que vende su mirada. En ese terreno, el sitio no es un soporte de venta: es la primera pieza del portafolio. Si es banal, anula el discurso.

El estudio reivindica cuatro campos —identidad, dirección de arte, motion y sonido, web interactiva— y seis trabajos. El riesgo era amontonarlo todo.

Las restricciones

  • El sitio se juzga antes que los proyectos. Una torpeza de maquetación y quien visita ya no abre nada.
  • Seis trabajos, cuatro disciplinas: suficiente para saturar una página de inicio.
  • Ninguna imagen debe recortarse: para un director de arte, un encuadre estropeado es una falta profesional.

Las decisiones

Un índice, no una galería.

Los seis trabajos son una lista, no una cuadrícula de miniaturas. El título manda, la imagen se revela al pasar el cursor. Quien visita recorre primero unos nombres —Halo, Terrain Vague, Onde, Sédiment, Cinabre, Veine— y elige. Una cuadrícula de seis imágenes impone seis decisiones simultáneas; una lista impone una cada vez.

El enfoque antes que los servicios.

La página dice cómo trabaja el estudio antes de decir qué vende. En una prestación creativa, el método es el producto: quien compra una identidad compra sobre todo una manera de decidir. Las cuatro disciplinas llegan después, como consecuencias.

La restricción presentada como material.

El discurso del estudio asume que la restricción hace el trabajo, y el sitio lo pone en escena: una sola familia tipográfica, ningún color de acento fuera de los visuales, un único ancho de columna. El sitio demuestra la tesis que enuncia.

El resultado

Una página de inicio que se sostiene en cuatro movimientos —lema, trabajos, enfoque, servicios— y seis casos accesibles con un gesto. Ninguna imagen recortada: cada visual se sirve en su proporción original.

Qué haría de otra manera

El hover carga con todo el descubrimiento de los proyectos. En móvil no existe: el índice se convierte allí en una lista de títulos sin imágenes. Diseñaría primero la versión táctil, con una lámina visible por proyecto, y dejaría el hover como un refinamiento de escritorio.

PULSE