Llusent Arquitectura
Disseny Web
Clica aquí per Veure el projecte en detall
Llusent Arquitectura és l’estudi d’Irene Llusent Guillamet, arquitecta especialitzada en patrimoni i restauració, amb una obra reconeguda a diversos premis d’arquitectura de les comarques de Girona i una segona línia de treball més visual d’instal·lacions efímeres.
El repte era construir un web trilingüe que fes de portfoli visual per a projectes molt diversos i que, al mateix temps, guiés els clients a contactar sense friccions.
Vam plantejar una web que actués com un contenidor discret: tipografia neutra, molt aire, cap element decoratiu que competís amb la fotografia dels projectes. La mateixa mirada que la Irene aplica a la restauració l’apliquem al disseny.
Què hem fet?
- Capçalera adaptativa. El logotip canvia de color de manera automàtica segons el que hi ha darrere. Sempre es veu bé, tant sobre fotografies clares com sobre fons foscos, sense necessitat de caixes ni fons artificials.
- Menú overlay a mida. En lloc del típic desplegable, un panell elegant apareix a la cantonada superior dreta amb entrada esglaonada dels ítems i una animació d'obertura amb caràcter propi.
- Els grans titulars entren amb un moviment vertical suau, paraula per paraula, quan apareixen a pantalla.
- Cada fotografia es descobreix amb un tall que s'obre des del centre cap enfora. Aporta continuïtat visual entre projectes molt diferents.
- Serveis en fitxes apilables. Els serveis s'apilen com un llibret al fer scroll: cada fitxa queda fixada mentre la següent puja per sobre.
- Portfoli filtrable per tipologia. A la pàgina de projectes, un filtre discret separa Tots / Edificació / Efímers i actua a l'instant, sense recarregar la pàgina.
- Cada obra té una fitxa amb metadades estructurades (equip, col·laboradors, promotor, constructor, any) i un text organitzat en context, condicionants previs i intervenció. Pensada per llegir-se com un article de revista, no com una descripció comercial.
- Formulari amb protecció alternativa al captcha. Hem substituït el captcha típic de Google per Cloudflare Turnstile: més ràpid, sense caselles a marcar, més respectuós amb la privacitat.
- Trilingüe (CA / ES / EN)
El portfoli és el protagonista
Un web d’arquitecte és, en el fons, un llibre d’obra. La feina de l’arquitecte parla a través de les fotografies dels seus projectes. Volíem que la web fes exactament el mateix: apartar-se perquè els projectes ocupin l’escenari.
Això vol dir tipografia sans-serif sense filigrana, una paleta molt reduïda (blanc trencat, cream i verd sage com a únic accent), retícules amb molt d’aire i cap element que competeixi amb les fotografies. El resultat és una lectura tranquil·la en què el que queda a la memòria són els projectes de la Irene i no la interfície que els envolta.
Coherència entre entre disseny i mirada arquitectònica
La Irene és arquitecta del Servei de Monuments de la Diputació de Girona i ha intervingut en castells, esglésies i vil·les romanes. Restaurar patrimoni vol dir aportar el mínim, sabent que el que ja hi ha té valor per si mateix.
La web es va construir des d’aquest mateix criteri. En lloc d’omplir cada racó, hem deixat que les fotografies parlin. En lloc de decorar amb elements gràfics, hem confiat en la tipografia i el ritme. En lloc d’empènyer l’usuari cap a l’acció amb crides forçades, hem posat una única via de contacte molt clara, sense pop-ups ni banners.
És una web que, com les obres de la Irene, no fa soroll. Simplement funciona, i deixa que el contingut parli.
Els detalls que marquen la diferència
- El logotip que s'amaga en baixar i reapareix en pujar, per no ocupar espai mentre es llegeix però ser sempre a l'abast en canviar de secció.
- Un menú que atura el scroll suau quan s'obre, perquè no puguis moure't sense voler mentre navegues per les opcions.
- Categoria automàtica a cada fitxa, extreta de l'estructura interna de projectes, sense necessitat d'editar-la manualment cada vegada.
- Cursor interactiu que canvia de forma sobre elements clicables per fer visible la interacció.
- Els tres idiomes sincronitzats amb les animacions de text, perquè el revelat paraula a paraula no es dispari abans que la traducció s'apliqui.
