Caso de estudio · Web premium · 2024
Una web de estudio con la autoridad de una monografía impresa.
AEl encargo
Quintoesunestudiodearquitecturacuyosedificiosgananpremiosycuyawebperdíaclientes.Lawebantiguaeraunaretículademiniaturasdeplantillaqueaplanabaquinceañosdeobraenrectángulosintercambiables.
El estudio quería lo que su monografía tenía y su web no: secuencia, escala y silencio. Una presencia digital que hiciera sentir al cliente potencial la misma autoridad que sostener el libro impreso.
BEl enfoque
Diseñamos la web como un objeto editorial. Titulares en Bodoni a escala de cartel, un fondo pergamino y un único acento carmín usado como un impresor usa un sello — pocas veces y con intención. Cada proyecto se lee como un capítulo con su propio ritmo, no como una tarjeta en una retícula.
El movimiento es contención hecha visible: fundidos largos, un filete que se dibuja lento bajo los títulos de capítulo, imágenes que se asientan en vez de deslizarse. Nada va rápido, porque nada en su arquitectura lo hace.
Lawebseleecomonuestramonografía.Losclienteslleganalaprimerareuniónyaconvencidosdeltono.
Pere Vilamarí · Socio, Quinto
CDiario de construcción
- SEMANA 01
La monografía sobre la mesa
Los socios deslizaron su monografía impresa por la mesa y dijeron "esto, pero en una pantalla". La primera semana se fue en encontrar qué la hacía sentir pesada: secuencia, márgenes y paciencia.
- SEMANA 04
Una tipografía, sin piedad
La Bodoni a tamaño cartel expone cada margen perezoso. Reconstruimos la retícula tres veces hasta que la tipografía pudo sostenerse sola — sin texturas, sin capas, sin nada tras lo que esconderse.
- SEMANA 07
El filete lento
La línea que se dibuja bajo cada título de capítulo costó un día de construir y una semana de cronometrar. A 400ms era decoración; a 900ms se volvió ceremonia.
DDecisiones clave
- 01
Capítulos, no miniaturas
Los proyectos se abren como capítulos a pantalla completa con un número, un año y una frase. El visitante lee la obra como el estudio la presenta en persona — un edificio cada vez.
- 02
Bodoni a escala de cartel
La tipografía display lleva la marca en solitario. A 12rem, el contraste de Bodoni se vuelve arquitectura; ningún logo, patrón o decoración compite con ella.
- 03
El carmín como firma
El único acento aparece solo en el número de índice activo y en la acción de contacto. La escasez le da el peso de un sello de lacre.
- 04
El silencio como lujo
Las secciones respiran con blancos de doble altura y sin trucos de parallax. La confianza del espacio vacío es la que persuade.
EEl resultado
La web ahora abre las reuniones que antes perdía.
- 3,1×
- de duración media de sesión tras el relanzamiento
- +47%
- de consultas cualificadas en el primer trimestre
- 2
- publicaciones de diseño que destacaron el relanzamiento
Los socios de Quinto cuentan que los clientes nuevos llegan a la primera reunión hablando ya de proyectos concretos — la web hace la presentación, el estudio hace el cierre.
Una nota desde la obra
El lujo en la web es sobre todo contención bajo presión. El encargo suplicará un efecto más; la monografía nunca suplica.
— Ivan Curto
¿Tu trabajo merece una primera impresión mejor?
Empezar una conversación