Elogio de la línea
Pau Jordà. Arquitecte. Cas d’estudi
Dades del projecte
- Client
- Pau Jordà, arquitecte
- Any
- 2026
- Rol
- Disseny i desenvolupament
- Estàndard
- WCAG 2.2 nivell AA
El projecte
Elogio de la línea és el portafoli de l’arquitecte Pau Jordà. Una sola línia escriu el nom, dibuixa onze projectes i convida a recórrer cada pàgina, que avança en horitzontal i es llegeix igual amb teclat, amb zoom o al mòbil.
- Una línia
- escriu el nom i dibuixa tots els projectes
- 11 projectes
- de disseny, arquitectura i construcció, cadascun amb el seu recorregut
- 1.024 px
- per sota d’aquesta amplada, o amb zoom, el web es llegeix en vertical
El repte
Una línia que no s’aixeca del paper.
En Pau no volia un portafoli amb una graella de miniatures. Volia que el web s’assemblés a la seva manera de treballar: una línia que no s’aixeca del paper. I això plantejava dos reptes.
Un web que es mira com un dibuix.
La navegació horitzontal, el vídeo d’obertura i les il·lustracions són la idea del projecte, no un ornament. Treure-les per simplificar hauria estat perdre’l.
I que es pugui recórrer de totes les maneres.
Un recorregut horitzontal sol trencar-se amb el teclat, amb el zoom o en una pantalla petita. Aquí havia de funcionar amb tot això sense que ningú no notés un mode a part.
Decisions de disseny
Tot el projecte surt d’un gest: el d’una línia que dibuixa sense aixecar-se.
Tot surt d’una línia.
El logotip, les icones, les miniatures i el vídeo estan traçats amb el mateix gest. La portada no és una graella: els projectes suren com a dibuixos solts sobre una làmina en blanc.
El vídeo és la portada.
En 2:42 la línia escriu “Elogio de la línea” i es transforma en cada projecte. Arrenca sense so, es pot pausar i porta la descripció en text. Si el sistema demana menys moviment, no es posa en marxa sol.
Cada projecte, un recorregut.
Les pàgines avancen en horitzontal, com una exposició: foto, text, esbossos. Les imatges es mouen una mica més a poc a poc que el text, com plans a diferent distància.
Horitzontal només quan hi cap.
La tira s’activa a partir de 1.024 px d’amplada i 600 d’alçada. Amb molt de zoom, lletra gran o al mòbil, la mateixa pàgina es llegeix en vertical. Per sota, és el desplaçament de sempre, així que el teclat continua manant.
