Referencia visual: Son Daven · The First The Last, Maksym Stepenko e Ivan Chopei · Proyecto y créditos en Awwwards.
Una galería puede enseñar una obra sin llegar a explicarla. Se ven buenas fotografías, se intuye una atmósfera y, al terminar, todavía cuesta saber qué se encargó al estudio, qué decisiones tomó o cómo se organiza el espacio. La web ha mostrado material. El proyecto sigue medio escondido.
Presentar proyectos de arquitectura en una web consiste en ordenar fotografía, planos, texto y datos para que alguien ajeno al encargo pueda entenderlo. Esa persona puede ser un futuro cliente, un colaborador o alguien que compara estudios. No tiene por qué conocer vuestro proceso ni saber leer el proyecto solo a través de sus imágenes.
La ficha necesita una secuencia editorial y una estructura que pueda mantenerse. Puede ser visualmente sobria, expresiva o muy contenida. Pero debe funcionar también con el siguiente proyecto, con una pantalla pequeña y con una visita que llega directamente desde Google sin pasar por la portada.
1. Decide qué debe entender el visitante
Antes de elegir la primera foto, escribe en dos frases qué hace singular el encargo. Puede ser una relación con el paisaje, una transformación del uso, una organización espacial o una respuesta material. No es un eslogan: es el criterio que te ayudará a seleccionar y ordenar el resto.
Después pregunta qué necesita saber alguien para valorar el trabajo del estudio. El tipo de proyecto, su contexto, vuestro papel y el estado de la obra suelen aportar una base. Una ficha debería distinguir con claridad una propuesta de concurso, una obra en curso y una obra terminada.
No hace falta contar todo el proceso. Hace falta elegir qué información convierte una colección de imágenes en una explicación. Si una fotografía es magnífica pero no añade nada a esa lectura, puede quedar fuera. El portfolio también se diseña quitando material; la carpeta completa ya la tenemos en el disco.
2. Construye una secuencia de fotografías
La imagen inicial debe introducir el proyecto, no ganar una competición aislada de dramatismo. A veces será una vista general; otras, una relación entre edificio y entorno. Si empiezas con un detalle abstracto, procura que la información cercana permita situar lo que estamos viendo.
Un orden útil puede pasar de contexto a conjunto, de conjunto a recorrido y después a detalles. No es una receta universal. Sirve para comprobar si el visitante entiende la obra antes de encontrarse con diez variaciones del mismo rincón.
Alterna escalas cuando aporten información: exterior, acceso, espacio principal y solución material. Dos fotografías muy parecidas pueden ser útiles si explican una transformación; si solo compiten por cuál es más bonita, probablemente sobra una. La repetición no siempre añade profundidad. A veces añade desplazamiento de pantalla.
Prueba los recortes de portada y de listado por separado. Una imagen horizontal puede funcionar muy bien en una ficha y perder su sentido dentro de una miniatura vertical. El CMS debería permitir una selección o un encuadre adecuado para cada uso sin obligar a resolverlo a golpes de edición de imagen.
3. Utiliza planos que expliquen algo en pantalla
Un plano aporta una lectura que la fotografía no puede sustituir: distribución, relación de niveles, sección o vínculo con la parcela. Escoge el que ayude a entender la idea principal. Publicar todas las láminas disponibles no equivale a explicar mejor.
Prepara una versión legible para web. Comprueba grosores, contraste, leyendas y tamaño del texto. Si una planta solo se entiende ampliándola mucho, decide qué detalle debe verse en la ficha y si conviene ofrecer una vista mayor. La imagen incrustada no tiene por qué resolver todos los niveles de consulta.
El pie puede orientar con una frase: qué nivel se muestra o qué relación conviene observar. Evita que la explicación dependa únicamente de números que han quedado diminutos al reducir el archivo. También ayuda situar el plano cerca de las fotografías con las que dialoga.
En proyectos con renders y fotografía terminada, identifica cada material. Las dos cosas pueden convivir y explicar una evolución, pero el visitante debería saber qué está viendo. La ficha gana claridad cuando diferencia propuesta, proceso y resultado sin obligar a adivinarlo.
4. Diseña una ficha con datos útiles y texto breve
Los datos básicos pueden presentarse en una tabla o bloque de lectura rápida. Elige campos que tengan sentido para vuestro trabajo y admite que algunos no se utilizarán siempre. Es mejor ocultar un campo vacío que publicar una etiqueta seguida de un guion en todos los concursos.
| Contenido | Qué debería aclarar |
|---|---|
| Título y localización | Qué proyecto se presenta y dónde se sitúa, con el detalle adecuado. |
| Programa, año y estado | Tipo de encargo y si es una propuesta, una obra en curso o una obra terminada. |
| Papel del estudio | Qué trabajo realizó y con qué equipos o colaboradores. |
| Texto de presentación | Contexto, decisión principal y relación entre las piezas que se muestran. |
| Galería y planos | Una secuencia seleccionada para entender espacio, proceso y materialidad. |
| Créditos | Autorías y colaboraciones, incluida la fotografía según corresponda. |
Para el texto, empieza por una explicación directa del encargo y desarrolla una o dos decisiones. Evita encadenar adjetivos que podrían aparecer en cualquier estudio. «Un espacio único, contemporáneo y singular» ocupa sitio, pero ayuda bastante poco a entender dónde está la aportación.
Un ejemplo hipotético: «La intervención reorganiza las zonas de trabajo alrededor de un patio y conserva la estructura existente. La ficha muestra cómo esa decisión relaciona iluminación, circulación y lugares de encuentro». Después vendrían las imágenes que permiten comprobarlo. No es un proyecto real del portfolio; es una forma de escribir que da una tarea al material.
5. Integra créditos y contexto editorial
La autoría de las imágenes debe formar parte del modelo de contenido. Prepara el nombre del fotógrafo y los créditos del equipo con el formato y las condiciones acordadas para su publicación. El editor debería poder incorporarlos de forma consistente en cada ficha.
Si se muestran referencias externas, sepáralas del trabajo propio y enlaza su fuente. La referencia visual de esta guía es Son Daven, un proyecto presentado en Awwwards; sus créditos aparecen en la cabecera. No forma parte de los encargos de JED. Esta claridad también es útil cuando un estudio publica inspiración junto a obra realizada.
En las colaboraciones, explica el papel del estudio con precisión. Una participación en un equipo no debe parecer un encargo completo en solitario. No se trata de llenar la ficha de aclaraciones: se trata de que la persona que consulta el portfolio entienda qué capacidad está valorando.
Las publicaciones, premios o recursos relacionados pueden ayudar si son relevantes y se identifican bien. Evita convertir el final de cada proyecto en una colección automática de enlaces. Una referencia concreta tiene más sentido que varios destinos que no añaden contexto.
6. Da una entrada y una salida a cada proyecto
Una ficha puede recibir la primera visita del usuario. Incluye suficiente contexto para entender qué estudio la firma y cómo consultar más obra. No dependas de que la persona haya visto una introducción animada en la portada.
El listado también necesita criterio. Puedes ordenar por una selección editorial, por fechas o por categorías cuando aporten valor. Si hay filtros, utiliza nombres que el visitante entienda y asegúrate de que los proyectos tienen una clasificación consistente. «Otros» como cajón principal suele ser una pista de que falta trabajo.
Al terminar una ficha, propón una continuación relevante. Puede ser otra obra que dialogue con ella, el servicio asociado o una invitación a hablar de un encargo parecido. No hace falta interrumpir cada tres fotos con un botón de contacto. Basta con que el siguiente paso exista y se entienda.
Los enlaces internos deben describir el destino. «Ver el trabajo de arquitectura paisajística» orienta mejor que una flecha sin contexto. El diseño puede mantener su lenguaje visual y ofrecer al mismo tiempo una navegación que se pueda interpretar sin ensayo y error.
7. Piensa en móvil, carga y lectura desde el principio
La ficha no se termina al reducir una galería de escritorio. En una pantalla pequeña, revisa el orden de lectura, el tamaño de los datos, la consulta de planos y la relación entre cada imagen y su pie. Un díptico que funciona en horizontal quizá necesite dos piezas consecutivas.
Prepara archivos adecuados para sus usos y comprueba cómo se sirven las imágenes a distintos tamaños. Una buena fotografía no necesita descargarse siempre con la resolución del original de archivo. El proyecto debe conservar calidad visual sin convertir la primera visita en una espera innecesaria.
En vídeos o recorridos especiales, decide qué información queda disponible si la persona no reproduce el material o no utiliza la interacción prevista. El trabajo del estudio debe poder entenderse a través de una estructura estable, además de los recursos expresivos que se añadan.
Revisa también textos alternativos, contraste y navegación con teclado en los componentes del proyecto. La descripción de una imagen debe aportar el contexto que corresponda a su función; repetir una palabra clave en todas las fotografías no explica mejor la arquitectura.
8. Qué observar en los proyectos de JED
Studio Arcos es una referencia de sistema editorial que integra obra, planos y proceso. Sirve para hablar de cómo una estructura de fichas mantiene la consulta del portfolio y admite nuevas publicaciones.
En Karl Land Architecture, la presentación se centra en la obra, una retícula contenida y fotografía amplia. Es otro punto de partida para valorar cuánto espacio necesita cada pieza y qué papel debe tener la interfaz.
AR+ reúne portfolio, servicios y equipo dentro de una presentación visual limpia. Ayuda a pensar la relación entre las fichas y el resto de la información del estudio, especialmente cuando un visitante necesita valorar algo más que las imágenes.
Estos casos muestran decisiones de diseño web. No son una prueba de resultados comerciales ni implican que JED sea autor de las obras arquitectónicas o de toda su fotografía. El papel que se presenta es el del proyecto digital.
9. Prepara una ficha piloto antes de encargar todo el archivo
Escoge una obra representativa, reúne el material y prepara su secuencia completa. Añade título, datos, explicación, fotografía, planos, pies y créditos. Comprueba después un segundo proyecto que tenga menos recursos o una estructura diferente. Ese contraste revela si necesitas un sistema flexible o varias plantillas.
Haz que la persona que mantendrá la web pruebe la edición de la ficha. ¿Puede ordenar la galería, revisar un crédito y publicar el siguiente proyecto sin romper la composición? Ese trabajo forma parte del encargo y conviene probarlo antes de cargar todo el archivo.
Acordad una comprobación breve antes de publicar: estado del proyecto, nombres y créditos, secuencia de imágenes, consulta de planos y enlaces de continuación. El objetivo es tener un método repetible, no otra ceremonia de aprobación. Un control pequeño y concreto ayuda a mantener el archivo cuando participan distintas personas.
Si el sistema actual no permite presentar bien el material, revisa diseño web para estudios de arquitectura y la guía de presupuesto web de arquitectura para 2027. Podemos partir de una ficha real para definir el alcance. Suele ser una conversación muy productiva: dejamos de imaginar el portfolio y empezamos a ver qué necesita.
