Llusent Arquitectura
Diseño Web
Clica aquí para Ver el proyecto en detalle
Llusent Arquitectura es el estudio de Irene Llusent Guillamet, arquitecta especializada en patrimonio y restauración, con una obra reconocida en varios premios de arquitectura de las comarcas de Girona y una segunda línea de trabajo más visual de instalaciones efímeras.
El reto era construir una web trilingüe que hiciese de portafolio visual para proyectos muy diversos y que, al mismo tiempo, guiara a los clientes a contactar sin roces.
Planteamos una web que actuara como un contenedor discreto: tipografía neutra, mucho aire, ningún elemento decorativo que compitiera con la fotografía de los proyectos. La misma mirada que Irene aplica a la restauración la aplicamos al diseño.
¿Qué hemos hecho?
- Cabecera adaptativa. El logo cambia de color de forma automática según lo que hay detrás. Siempre se ve bien, tanto sobre fotografías claras como sobre fondos oscuros, sin necesidad de cajas ni fondos artificiales.
- Menú overlay a medida. En lugar del típico desplegable, un elegante panel aparece en la esquina superior derecha con entrada escalonada de los ítems y una animación de apertura con carácter propio.
- Los grandes titulares entran con un movimiento vertical suave, palabra por palabra, cuando aparecen en pantalla.
- Cada fotografía se descubre con un corte que se abre desde el centro hacia afuera. Aporta continuidad visual entre proyectos muy distintos.
- Servicios en fichas apilables. Los servicios se apilan como un librito al hacer scroll: cada ficha queda fijada mientras la siguiente sube por encima.
- Portfolio filtrable por tipología. En la página de proyectos, un filtro discreto separa Todos/Edificación/Efímeros y actúa al instante, sin recargar la página.
- Cada obra tiene una ficha con metadatos estructurados (equipo, colaboradores, promotor, constructor, año) y un texto organizado en contexto, condicionantes previos e intervención. Pensada para leerse como artículo de revista, no como descripción comercial.
- Formulario con protección alternativa en captcha. Hemos sustituido al captcha típico de Google por Cloudflare Turnstile: más rápido, sin casillas a marcar, más respetuoso con la privacidad.
- Trilingüe (CA / ES / EN)
El portfolio es el protagonista
Una web de arquitecto es, en el fondo, un libro de obra. El trabajo del arquitecto habla a través de las fotografías de sus proyectos. Queríamos que la web hiciera exactamente lo mismo: apartarse para que los proyectos ocupen el escenario.
Esto significa tipografía sans-serif sin filigrana, una paleta muy reducida (blanco roto, cream y verde sage como único acento), retículas con mucho aire y ningún elemento que compita con las fotografías. El resultado es una lectura tranquila en la que lo que queda en la memoria son los proyectos de Irene y no la interfaz que les rodea.
Coherencia entre diseño y mirada arquitectónica
Irene es arquitecta del Servicio de Monumentos de la Diputación de Girona y ha intervenido en castillos, iglesias y villas romanas. Restaurar patrimonio significa aportar lo mínimo, sabiendo que lo que ya existe tiene valor por sí mismo.
La web se construyó desde ese mismo criterio. En lugar de llenar cada rincón, hemos dejado que las fotografías hablen. En lugar de decorar con elementos gráficos, confiamos en la tipografía y el ritmo. En lugar de empujar al usuario hacia la acción con llamadas forzadas, hemos puesto una única vía de contacto muy clara, sin pop-ups ni banners.
Es una web que, como las obras de Irene, no hace ruido. Simplemente funciona, dejando que el contenido hable.
Los detalles que marcan la diferencia
- El logotipo que se esconde al bajar y reaparece al subir, para no ocupar espacio mientras se lee pero estar siempre al alcance al cambiar de sección.
- Un menú que detiene el scroll suave cuando se abre, para que no puedas moverte sin querer mientras navegas por las opciones.
- Categoría automática en cada ficha, extraída de la estructura interna de proyectos sin necesidad de editarla manualmente cada vez.
- Cursor interactivo que cambia de forma sobre elementos clicables para visibilizar la interacción.
- Los tres idiomas sincronizados con las animaciones de texto, para que el revelado palabra a palabra no se dispare antes de que la traducción se aplique.
