Diseño web premium para estudios de arquitectura e interiorismo: cómo presentar una obra.
La web de un estudio de arquitectura o interiorismo funciona cuando cada obra se entiende sin haber estado en ella: qué se encargó, qué se decidió y cómo quedó. Para eso necesita un archivo de proyectos bien ordenado, fichas que combinen fotografía, plano y datos, y un recorrido claro desde la obra hasta el encargo.
Un edificio se recorre. Una web se mira. Entre una cosa y otra se pierde casi todo lo que hace valiosa a una obra: la escala, la luz a una hora concreta, el motivo por el que una escalera está donde está. La web de un estudio existe para recuperar parte de eso, y la mayoría renuncia antes de intentarlo: una retícula de fotografías, un nombre, un año.
Por qué las webs de arquitectura se parecen tanto entre sí.
Fondo blanco, tipografía fina, una cuadrícula de imágenes y un menú de tres palabras. El modelo es elegante y tiene sentido: deja hablar a la obra. El problema es que, repetido en miles de estudios, deja de distinguir a ninguno.
Hay una segunda consecuencia, menos visible. Una web hecha solo de imágenes no explica nada. Quien llega —un promotor, una familia que va a construir su casa, una cadena hotelera— ve espacios bonitos, pero no sabe qué problema resolvió el estudio, con qué presupuesto de partida ni en qué tipo de encargos es especialmente bueno. El texto aporta contexto explícito a buscadores y asistentes, sin depender únicamente de la interpretación de imágenes.
Un diseño web para arquitectos que merezca llamarse premium no consiste en añadir efectos a esa cuadrícula. Consiste en decidir qué debe entender el visitante de cada obra y construir la página para que lo entienda.
La ficha de obra: siete partes que la hacen legible.
La ficha de proyecto es la página más importante de la web de un estudio. Es donde se decide si alguien escribe.
Una imagen de apertura elegida
No la más espectacular, sino la que resume la decisión principal del proyecto. Si la obra se explica por su relación con el terreno, la apertura es exterior; si se explica por un patio, es el patio.
El encargo en dos líneas
Qué se pidió, para quién y con qué condicionantes. Es el texto que más falta en las webs de arquitectura y el que más ayuda a un futuro cliente a reconocerse.
Los datos de la obra
Ubicación, año, superficie, tipología, estado —construida, en obra, concurso— y alcance del trabajo del estudio. Ordenados siempre igual, para poder comparar un proyecto con otro.
Planos que se puedan leer
Una planta y una sección dicen lo que veinte fotografías no alcanzan. Deben estar dibujadas para pantalla: línea limpia, escala gráfica, ampliables en móvil y con un pie que indique qué mirar.
Una secuencia con ritmo
Exterior, llegada, espacio principal, detalle, material. El orden de las imágenes reproduce un recorrido. Alternar tamaños evita que el visitante pase las fotografías sin verlas.
Los créditos
Equipo, colaboradores, constructora y, siempre, quien firma la fotografía. Acreditar bien es una cuestión de rigor y también una señal de cómo trabaja el estudio.
Una salida
Al final de la ficha, el visitante debería poder ir a una obra relacionada o iniciar una conversación. Una ficha que termina en el pie de página desaprovecha el momento de mayor interés.
Una obra que se construye mientras se lee.
En lugar de describirlo, lo enseñamos. Estas dos piezas están hechas con código, sin vídeo ni imágenes: una maqueta que se levanta por fases y una planta que se dibuja trazo a trazo. Avanzan al desplazarte; también puedes reproducirlas o mover el control.
Qué puedes esperar de una animación así.
- Que el proyecto se entienda. Una maqueta que se levanta por fases explica estructura, forjados y cerramientos mejor que un párrafo. Una planta que se dibuja enseña a leerla.
- Que pese poco. Son dibujo vectorial generado con código, sin vídeo y sin librerías externas. Están planteadas para limitar recursos externos. Su impacto debe medirse en la página completa y en dispositivos reales; estar hechas con código no garantiza un tiempo de carga concreto.
- Que funcione en cualquier pantalla. Se adaptan al móvil, se manejan con el dedo o con el teclado y, si alguien tiene reducido el movimiento en su dispositivo, muestran directamente el resultado final.
- Que sea vuestra. Se construye a partir de los planos o del modelo del estudio, con su propia línea gráfica. Aquí la vivienda es inventada; en tu web sería una obra real.
- Lo que no promete. No sustituye a la fotografía ni garantiza encargos. Su objetivo es facilitar la comprensión del proyecto. El tiempo de permanencia y las consultas deben comprobarse con datos.
Web de galería o web con dirección editorial.
| Aspecto | Web de galería | Web con dirección editorial |
|---|---|---|
| Portada | Carrusel de imágenes. | Una posición: qué hace el estudio y para quién. |
| Archivo | Todas las obras con el mismo peso. | Obras destacadas y archivo completo, con filtros. |
| Ficha | Fotografías y un párrafo. | Encargo, datos, planos, secuencia y créditos. |
| Texto | Mínimo, a menudo dentro de imágenes. | Texto real, que leen personas, buscadores y asistentes de IA. |
| Móvil | La cuadrícula, apilada. | Otra secuencia, pensada para una pantalla estrecha. |
| Contacto | Un correo en el pie. | Un recorrido distinto para cada tipo de encargo. |
Ninguna de las dos es más «bonita». La segunda trabaja más para el estudio. Lo desarrollamos en la guía sobre diseño web editorial.
Cómo ordenar un archivo con muchas obras.
Un estudio con veinte años de trabajo puede tener más de cien proyectos. Enseñarlos todos igual es la forma más rápida de que no se vea ninguno.
- Pocas obras destacadas. Entre seis y doce, con ficha completa. Son las que definen al estudio hoy y las que atraen el tipo de encargo que quiere repetir.
- Un archivo para el resto. Una vista más ligera, con imagen, nombre, lugar y año, que demuestra trayectoria sin exigir una ficha desarrollada por proyecto.
- Filtros que respondan a cómo busca el cliente. Tipología —vivienda, hotel, oficina, retail—, escala y estado. El año interesa al estudio; la tipología, a quien va a contratar.
- Una forma sencilla de añadir obra. Si publicar un proyecto nuevo requiere a un programador, la web se queda parada en el año en que se lanzó.
Dirección editorial aplicada al espacio.
En A-ESTUDIO trabajamos con marcas cuyo valor hay que mirar despacio: clínicas, hoteles, joyería. Un estudio de arquitectura o de interiorismo plantea el mismo reto con otro material. Así trasladamos a una web de obra lo que hacemos en diseño web premium.
- Enfoque
- Dirección editorial
- Idiomas
- Español, inglés y otros
- Sedes
- Madrid · Tenerife
- Dirección
- Ainhoa Vázquez
Una idea por obra.
Cada proyecto abre con su tesis
Antes de la primera fotografía, una frase que diga qué resolvió el proyecto. El visitante mira las imágenes sabiendo qué buscar en ellas.
La planta también se lee.
Dibujo y fotografía, en la misma secuencia
El plano no va al final como un anexo. Aparece cuando ayuda a entender la imagen que tiene al lado.
Pocas obras, bien contadas.
Formatos distintos para pesos distintos
Las obras que definen al estudio reciben una página con desarrollo propio. El resto vive en un archivo ordenado por tipología.
El lugar, antes que el servicio.
La atmósfera como información
La luz, el material y el entorno se muestran con el tamaño que necesitan. Es lo que hicimos en Ibiza Sovereign: la web abre con la villa y el horizonte.
Hablemos de tu proyecto.
El contacto como conclusión
El formulario distingue el tipo de encargo —vivienda, promoción, hotel, reforma— y llega cuando el visitante ya ha visto cómo trabaja el estudio.
Una obra no se enseña. Se explica.
Más sobre este enfoque en el estudio de diseño web editorial y en diseño web para marcas premium.
Interiorismo: lo que cambia respecto a la arquitectura.
El proceso de decisión en interiorismo depende del tipo de encargo, su presupuesto y las personas implicadas. Mira la web con una pregunta concreta: ¿harían algo así en mi casa, en mi restaurante, en mi hotel?
- El material, de cerca. Maderas, piedras, tejidos y herrajes necesitan imágenes de detalle. Un interior se juzga por lo que se toca.
- El antes y el después. En reformas, mostrar el estado inicial explica el trabajo mejor que cualquier texto.
- Residencial y contract, separados. Una familia y una cadena hotelera buscan cosas distintas y deben encontrar su recorrido sin pasar por el del otro.
- El proceso. Fases, plazos orientativos y qué incluye el servicio —proyecto, dirección de obra, mobiliario—. Reduce la primera barrera para escribir.
Cuando el encargo es un hotel o un restaurante, la web del estudio y la del negocio se parecen en una cosa: las dos deben trasladar una atmósfera sin esconder la información práctica. Lo tratamos en diseño web para hospitality y en la guía de diseño web para hoteles de lujo y resorts.
Estudios que trabajan en varios países.
Un estudio con obra en más de un país necesita que su web responda también a quien no lo conoce de nada.
- Idiomas con traducción propia. Cada versión se escribe, no se pasa por un traductor automático. Los nombres de tipologías y los términos técnicos cambian de un mercado a otro.
- Prensa, premios y publicaciones. Con fecha, medio y enlace. Para un cliente que llega de fuera son la primera prueba de solvencia.
- Un dossier descargable. Promotores e instituciones siguen pidiendo un PDF. Conviene que salga de la misma web y se actualice con ella.
- Velocidad con imágenes grandes. Las fotografías de arquitectura pesan. Formatos modernos, tamaños adaptados y carga progresiva permiten enseñarlas a pantalla completa sin castigar al visitante.
- Texto que puedan leer los asistentes de IA. Tipología, ciudad, año y descripción en texto real hacen que una obra pueda aparecer cuando alguien pregunta por estudios con experiencia en ese tipo de proyecto. Más en web preparada para Google y la IA.
9 comprobaciones para la web de tu estudio.
Marca las que tu web cumple hoy.
Una web de estudio no necesita más obras. Necesita que cada obra se entienda.
Preguntas frecuentes.
¿Qué debe tener la web de un estudio de arquitectura?
Una portada que diga qué hace el estudio y para quién, un archivo de obras con filtros por tipología, fichas de proyecto con encargo, datos, planos, fotografías y créditos, una página del estudio con equipo y reconocimientos, y un contacto que distinga el tipo de encargo.
¿Cuántos proyectos conviene mostrar en la web de un estudio?
Entre seis y doce obras destacadas con ficha completa, y el resto en un archivo más ligero. Mostrar todos los proyectos con el mismo peso hace más difícil ver los que mejor representan al estudio.
¿En qué se diferencia la web de un estudio de interiorismo?
Necesita más imagen de detalle y de material, casos de antes y después en reformas, recorridos separados para residencial y contract, y una explicación clara del proceso y de lo que incluye el servicio.
¿Una web de arquitectura con muchas imágenes puede cargar rápido?
Sí. Con formatos de imagen actuales, tamaños adaptados a cada pantalla y carga progresiva, las fotografías pueden mostrarse a gran tamaño sin penalizar la velocidad ni el posicionamiento.
¿Cómo puede aparecer un estudio de arquitectura en ChatGPT o en Gemini?
No hay garantía, pero ayuda que cada obra tenga texto real con tipología, ubicación, año y descripción, que la web use datos estructurados y que el estudio aparezca citado en medios y directorios del sector.
¿Cuánto cuesta la web de un estudio de arquitectura?
Depende del número de obras con ficha desarrollada, de los idiomas y del nivel de diseño y animación. En A-ESTUDIO una web esencial parte de 2.300 € y un proyecto extenso puede superar los 30.000 €.
Si la web de tu estudio enseña menos de lo que construís.
Cuéntanos qué proyectos definen hoy a tu estudio y a qué tipo de cliente quieres llegar. Revisamos tu web actual y te decimos qué cambiaríamos.
Cuéntanos tu proyecto