Elogio de la línea
Pau Jordà. Arquitecto. Caso de estudio
Datos del proyecto
- Cliente
- Pau Jordà, arquitecto
- Año
- 2026
- Rol
- Diseño y desarrollo
- Estándar
- WCAG 2.2 nivel AA
El proyecto
Elogio de la línea es el portafolio del arquitecto Pau Jordà. Una sola línea escribe el nombre, dibuja once proyectos e invita a recorrer cada página, que avanza en horizontal y se lee igual con teclado, con zoom o en el móvil.
- Una línea
- escribe el nombre y dibuja todos los proyectos
- 11 proyectos
- de diseño, arquitectura y construcción, cada uno con su recorrido
- 1.024 px
- por debajo de ese ancho, o con zoom, la web se lee en vertical
El reto
Una línea que no se levanta del papel.
Pau no quería un portafolio con rejilla de miniaturas. Quería que la web se pareciera a su forma de trabajar: una línea que no se levanta del papel. Y eso planteaba dos retos.
Una web que se mira como un dibujo.
La navegación horizontal, el vídeo de apertura y las ilustraciones son la idea del proyecto, no un adorno. Quitarlas para simplificar habría sido perderlo.
Y que se pueda recorrer de todas las formas.
Un recorrido horizontal suele romperse con el teclado, con el zoom o en una pantalla pequeña. Aquí tenía que funcionar con todo eso sin que nadie notara un modo aparte.
Decisiones de diseño
Todo el proyecto sale de un gesto: el de una línea que dibuja sin levantarse.
Todo sale de una línea.
El logotipo, los iconos, las miniaturas y el vídeo están trazados con el mismo gesto. La portada no es una rejilla: los proyectos flotan como dibujos sueltos sobre una lámina en blanco.
El vídeo es la portada.
En 2:42 la línea escribe “Elogio de la línea” y se convierte en cada proyecto. Arranca sin sonido, se puede pausar y lleva su descripción en texto. Si el sistema pide menos movimiento, no se pone en marcha sola.
Cada proyecto, un recorrido.
Las páginas avanzan en horizontal, como una exposición: foto, texto, bocetos. Las imágenes se mueven un poco más despacio que el texto, como planos a distinta distancia.
Horizontal solo cuando cabe.
La tira se activa desde 1.024 px de ancho y 600 de alto. Con zoom fuerte, letra grande o en el móvil, la misma página se lee en vertical. Por debajo es el desplazamiento de siempre, así que el teclado sigue mandando.
