Guía · Arquitectura
Cómo armar el portfolio web de tu estudio de arquitectura
Qué obras mostrar, qué datos lleva cada ficha, cómo separar fotos de renders y qué hacer para que te encuentren en Google y en Maps.
Equipo Patroclo13 min de lectura
En esta guía
- Portfolio en PDF, Instagram o web propia: para qué sirve cada uno
- Qué tiene que tener la web de un estudio de arquitectura
- Cuántas obras mostrar y cuáles elegir
- Cómo ordenar las obras: construidas, en obra y proyectos
- La ficha de obra: qué datos lleva cada proyecto
- Fotos y renders: qué rotular y a quién nombrar
- Fotos grandes que no hacen lenta la web
- Que te encuentren en Google y en Maps
- Checklist antes de publicar tu portafolio web
- Preguntas frecuentes
- Fuentes
En corto
- Mostrá las obras que tengan fotos buenas y ficha completa, cada una en su propia página.
- La ficha lleva ubicación, año, m², estado, tu rol y los créditos de fotos y renders.
- Rotulá cada render y nombrá al fotógrafo: la Ley 11.723 pide que la foto publicada lleve el nombre o la marca de su autor o editor.
- La foto de portada carga con prioridad y nunca en diferido. Las de abajo pueden esperar.
- Para Google, ficha de Maps con el nombre real del estudio y una página por obra en su ciudad, sin clonar páginas para cada localidad.
Esta guía es para estudios que quieren que su portfolio web les traiga encargos. Cada dato tiene su fuente al final.
Portfolio en PDF, Instagram o web propia: para qué sirve cada uno
Los tres conviven. El problema aparece cuando uno hace el trabajo de otro: un PDF pesado que nadie abre en el celular, o un Instagram que tiene que explicar una obra entera en un carrusel.
| Formato | Para qué sirve | Dónde se queda corto |
|---|---|---|
| Concursos, postulaciones y propuestas para una persona puntual. | Se lee mal en el celular y queda viejo con cada obra nueva. | |
| Mostrar la obra en proceso y que te conozca gente nueva. | No tiene una página por obra con su ficha, ni datos que le digan a Google qué hace tu estudio y dónde. | |
| Web propia | Una página por obra, con ficha, fotos y planos. | Hay que mantenerla: cada obra terminada tiene que llegar a la web. |
Resumen nuestro, con las fuentes al final.
Si ya tenés el PDF, subilo como descarga con una página que lo resuma, como recomienda Nielsen Norman Group en un artículo de 2020.
Qué tiene que tener la web de un estudio de arquitectura
Lo mínimo son estas cinco partes, empezando por las obras:
- Obras, cada una en su página. Con ficha, fotos y planos. Si todo vive en una sola página larga, es difícil mandar el link de una obra puntual.
- El estudio, con caras reales. En las pruebas de usabilidad que Nielsen Norman Group publicó en 2019, la gente quería saber quién está detrás y valoró ver fotos del equipo real.
- Qué hacés. Vivienda, interiorismo, dirección de obra o proyectos para desarrollistas, con las palabras que usa quien te contrata.
- Contacto a la vista. Teléfono, WhatsApp y mail en el menú y al pie, y la dirección con link al mapa. Nielsen Norman Group (2019) recomienda que el formulario esté junto al teléfono, nunca en su lugar.
- Novedades. Una obra tarda años. Contar avances mantiene la web viva mientras tanto, como recomienda Monograph.
Snøhetta o Adamo-Faiden dejan el contacto detrás de un link, y a un estudio al que ya buscan por nombre le alcanza. Si necesitás consultas nuevas, el WhatsApp va a un toque.
Los precios de 2026 están en cuánto cuesta la página web de un estudio de arquitectura.
Cuántas obras mostrar y cuáles elegir
No hay un número oficial. Nuestra regla: entra la obra que tiene fotos buenas y ficha completa. Si eso te deja con pocas, está bien. Una obra bien contada dice más que una grilla de fotos sueltas.
Para elegir, pensá en el próximo encargo que querés. Si buscás casas, las casas van primero: quien entra busca algo parecido a lo suyo.
- Construidas: primero, con fotos de la obra terminada.
- En obra: suman si dicen que están en obra y se actualizan con fotos del avance.
- Proyectos y concursos: entran como proyecto, con renders que digan que son renders.
- Obras hechas en otro estudio: solo con tu rol escrito tal cual fue.
- Trabajos de la facultad: van en un CV. En la web de un estudio ocupan el lugar de una obra que alguien podría visitar.
Cómo ordenar las obras: construidas, en obra y proyectos
Ordená primero por estado y después por tipo. A un estudio chico le alcanzan esos dos niveles. Dentro de cada grupo, arriba va la obra que mejor representa lo que querés que te encarguen.
Así ordenan estudios conocidos. El de Sean Godsell separa su web en obras construidas, en construcción y sin construir. Adamo-Faiden, de Buenos Aires, filtra por "Construido", "En proceso" y "Proyecto", y también por tipo: residencial, oficina, cultura, salud y otros.
- Llamá a la sección "Obras" o "Proyectos". Revisamos los menús de 16 estudios de Buenos Aires y Córdoba, y ninguno usa la palabra portfolio ni sus variantes.
- Sin categorías vacías. Un filtro "En obra" sin nada adentro hace pensar que el estudio está parado.
- Cada obra con su propio link. Si la galería carga más obras al bajar, Google pide que cada tanda tenga su propia URL. Una página por obra lo resuelve.
La ficha de obra: qué datos lleva cada proyecto
La ficha tiene dos tamaños: una línea corta debajo de cada foto, en la lista de obras, y la ficha completa en la página de cada obra.
La línea corta, en la lista
El nombre de la obra y, debajo, cuatro datos separados por puntos: barrio y ciudad, tipo, año y superficie. Alcanza para elegir qué obra abrir.
La ficha completa
Una ficha de ArchDaily lista arquitectos, ubicación, superficie, año, fotógrafo y proveedores. La de Herzog & de Meuron para la Tate Modern suma los años de cada etapa, el equipo con sus roles, los asesores por disciplina y los planos aparte. Esta es la versión para un estudio argentino:
| Campo | Qué poner |
|---|---|
| Obra | Un nombre corto, que también es el título de la página. |
| Ubicación | Barrio y ciudad.En una casa habitada, mejor sin la dirección exacta. |
| Año | De proyecto y de obra, por separado. |
| Superficie | Metros cuadrados construidos y, aparte, los del terreno. |
| Estado | Construida, en obra o proyecto. |
| Tipo | Vivienda, edificio, local, oficina o interiorismo. |
| Comitente | Solo con su permiso. |
| Equipo y rol | Quién proyectó, quién dirigió y qué etapas hizo tu estudio. |
| Asesores | Estructura, instalaciones, paisajismo, iluminación. |
| Constructora | El nombre de la empresa. |
| Fotografía | © y nombre del fotógrafo. |
| Imágenes digitales | Quién hizo los renders. |
| Planos | Planta y corte que se lean en una pantalla. |
Campos tomados de las fichas de ArchDaily, Herzog & de Meuron y Adamo-Faiden, revisadas el 12 de octubre de 2026.
Debajo de la ficha van dos o tres párrafos. ArchDaily pide contar qué hace única a la obra y lo que no muestran las fotos ni los planos. En una casa, eso puede ser el pedido de la familia o una decisión tomada en obra.
Si sos desarrollista
Quien compra una unidad necesita más números: tipologías, lote, superficie total y el plano con medidas. En la web de CALA Desarrollos, cada proyecto abre una ficha con todo eso, y el formulario de consulta pregunta qué proyecto le interesa a la persona.
Fotos y renders: qué rotular y a quién nombrar
Rotulá cada render y nombrá al fotógrafo en cada foto. Antes de publicar, tené por escrito el permiso para usar las fotos.
Fotos de obra
Conviene que las fotos las haga un fotógrafo de arquitectura. Es lo que pide ArchDaily para publicar una obra construida, junto con al menos 15 imágenes de 2.880 píxeles de ancho o más, con la perspectiva corregida y buena exposición. Es una buena vara para la foto de tu portada.
Renders
No encontramos una norma que diga cómo rotular un render en la web de un estudio. Lo que hay son ejemplos: Adamo-Faiden acredita por separado "Fotografías" e "Imágenes digitales", y las bases de los Dezeen Awards 2026 piden directamente no subir renders ni visualizaciones digitales.
En tu web, que cada render diga "Render" sobre la imagen. Si una imagen está hecha o retocada con inteligencia artificial, aclaralo también. Google aconseja contar cómo se usó la IA cuando quien lee puede preguntárselo.
Si sos desarrollista, tené presente el artículo 8 de la Ley 24.240 de Defensa del Consumidor: las precisiones de la publicidad se tienen por incluidas en el contrato con el consumidor y obligan a quien ofrece. Si tu web muestra una terminación o una vista, que sea la que vas a entregar.
Créditos y permisos
La Ley 11.723 de propiedad intelectual tiene tres artículos que te tocan:
- Artículo 34: la foto publicada tiene que llevar, entre otros datos, el nombre o la marca de su autor o editor.
- Artículo 54: que te vendan o te cedan una fotografía no incluye el derecho a reproducirla, salvo pacto en contrario. Pedí por escrito una licencia que cubra la web, las redes y la prensa.
- Artículo 31: poner en el comercio el retrato fotográfico de una persona requiere su consentimiento expreso. Vale para el equipo y para quien aparezca en las fotos de obra.
Entre colegas, el Instituto Americano de Arquitectos (AIA) cuenta no dar crédito entre las faltas éticas más frecuentes. El CPAU, el consejo profesional porteño, advierte en su manual de 2020 contra adjudicarse una autoría omitiendo a los coautores y pide aclarar qué rol tuviste y qué etapas hiciste.
Fotos grandes que no hacen lenta la web
Las fotos grandes no hacen lenta la web si cada una está subida en varias medidas y la de portada carga primero. Según el Web Almanac 2025 de HTTP Archive, en el 76% de las páginas en celular lo más grande de la primera pantalla es una imagen. En la web de un estudio, suele ser la foto de portada.
Google mide cómo carga y responde una página con tres números, las Core Web Vitals. Para aprobar, una página tiene que quedar en "Bien" en al menos el 75% de las visitas, en celular y en computadora por separado.
| Métrica | Qué mide | Bien | Mal |
|---|---|---|---|
| LCP | Cuánto tarda en verse lo más grande de la pantalla. | 2,5 segundos o menos | Más de 4 segundos |
| INP | Cuánto tarda en responder cuando tocás algo. | 200 milisegundos o menos | Más de 500 milisegundos |
| CLS | Cuánto se mueve el contenido mientras carga. | 0,1 o menos | Más de 0,25 |
Umbrales de web.dev, consultados el 12 de octubre de 2026. Entre "bien" y "mal" queda la franja "necesita mejorar".
Pedile esto a quien te haga la web:
- Formatos modernos. WebP o AVIF, que en general comprimen mejor que JPEG, con un JPEG de respaldo.
- Varias medidas por foto. Con srcset y sizes, el navegador baja la más chica que alcanza. El celular no necesita la foto de 2.880 píxeles que mandaste a ArchDaily.
- La portada, primero. Con prioridad alta (fetchpriority="high") y nunca con carga diferida (lazy loading), que queda para las fotos de abajo. El Web Almanac 2025 encontró que entre el 16% y el 17% de las páginas difieren justo esa imagen.
- Medidas declaradas. Ancho y alto en cada imagen, para que el texto no salte mientras cargan.
- Nada de fotos como fondo de CSS. Google no las indexa, así que no aparecen en Google Imágenes.
- Nombre y texto alternativo. Un archivo casa-patio-mendiolaza.jpg dice más que IMG00023.JPG, y el texto alternativo le cuenta la foto a Google y a quien usa lector de pantalla.
Que te encuentren en Google y en Maps
En Maps te encuentran por tu ficha de Google. En la búsqueda común, por las páginas de tus obras.
La ficha de Google
Para búsquedas como "arquitecto en Villa Allende", Google muestra un mapa con fichas de negocios, ordenadas por relevancia, distancia y prominencia. La prominencia depende en parte de cuántas webs enlazan a tu negocio y de tus reseñas.
- El nombre real del estudio, sin sumarle palabras de búsqueda como "arquitectos Córdoba". Google no permite agregar información innecesaria al nombre.
- Pocas categorías y bien específicas. Escribí "arquitecto" en el campo de categoría y elegí la opción más parecida a lo que hacés.
- Si trabajás en el terreno o en la obra y no recibís gente en tu casa, ocultá la dirección y marcá la zona donde atendés. Las oficinas virtuales no se aceptan.
- Fotos de tus obras en JPG o PNG, de entre 10 KB y 5 MB. Google recomienda 720 × 720 píxeles.
Una página por obra, en su ciudad real
La forma honesta de competir por "casa en Mendiolaza" es tener una obra en Mendiolaza con su página y la ciudad en la ficha. Google pide un título único y claro para cada página, y una obra bien documentada lo trae resuelto.
Lo que no conviene es clonar páginas tipo "arquitecto en [ciudad]" para cada ciudad de la zona. Las políticas de spam de Google dan como ejemplo de abuso las páginas armadas para ciudades o regiones que llevan todas al mismo lugar, a las que llama páginas puerta.
Los datos para Google
Una web puede decirle a Google, en un código que el visitante no ve, qué es el estudio y dónde está. El vocabulario de esos datos, schema.org, no tiene un tipo para arquitectos. Google recomienda usar el tipo de negocio local más específico, con nombre, dirección, teléfono y web.
Publicar en medios también suma: ArchDaily, que acepta obras construidas y terminadas después de 2014, pide la web del estudio en su formulario de envío.
Checklist antes de publicar tu portafolio web
Recorré esta lista con el celular en la mano:
- Cada obra tiene su página, su ficha y su estado.
- Cada render dice que es un render, y cada foto nombra a su fotógrafo.
- Tenés por escrito el permiso del fotógrafo para la web, las redes y la prensa.
- Quienes aparecen en las fotos dieron su consentimiento.
- Tu rol en cada obra está escrito tal cual fue.
- La foto de portada aparece rápido con datos móviles.
- WhatsApp y teléfono funcionan con un toque, y la dirección abre el mapa.
- Mandaste una consulta de prueba por el formulario y llegó.
- Cada página tiene su título y cada foto su texto alternativo.
- La ficha de Google tiene el nombre real y el link a la web.
- El dominio está a nombre del estudio.
Si preferís que te la hagamos nosotros, la Web Fundador de Patroclo sale online en 72 horas desde que tenemos logo, fotos y brief, con la ficha de Google Maps, el dominio a tu nombre y el hosting del primer año. Cuesta $289.990 por transferencia hasta el 12 de noviembre de 2026 o hasta que se completen los 10 lugares; después, $449.990. Hay más ejemplos en webs para arquitectura.
Preguntas frecuentes
No hay un número oficial. Mostrá las obras que tengan fotos buenas y ficha completa, y sumá las nuevas a medida que se terminan.
El PDF es un documento cerrado que mandás a una persona o a un concurso, y se lee mal en el celular. La web tiene una página por obra que se abre bien en el teléfono y que actualizás sin reenviar nada. Si ya tenés el PDF, subilo como descarga dentro de la web.
Sí, rotulados: que cada render diga que es un render y que el proyecto figure como proyecto, separado de lo construido. Si sos desarrollista, mostrá lo que vas a entregar, porque la Ley 24.240 incluye en el contrato lo que precisa la publicidad.
Instagram sirve para mostrar la obra en proceso y que te conozca gente nueva. Lo que no te da es una página por obra con su ficha, ni los datos que le dicen a Google qué hace tu estudio y dónde. Conviene usar los dos y que Instagram lleve a la web.
Las tres se usan. La RAE registra "porfolio", la forma que propuso FundéuRAE en 2008; la FAU UNLP y la FAUD UNC escriben "portfolio" o "portafolio", y desde Argentina Google completa la búsqueda con "portafolio". Para el menú no hace falta elegir: ninguno de los 16 estudios argentinos que revisamos usa esas palabras, así que llamá a la sección "Obras" o "Proyectos".
Subí cada foto en WebP o AVIF y en varias medidas, para que el celular baje la más chica que necesita. La foto de portada carga primero y nunca en diferido; las de abajo pueden esperar. Google considera bueno que lo más grande de la pantalla se vea en 2,5 segundos o menos.
Para un CV o una beca, sí. En la web de un estudio que busca encargos conviene mostrar obras construidas o en marcha, y proyectos o concursos rotulados como proyecto.
Conviene acordarlo por escrito: según el artículo 54 de la Ley 11.723, ceder o vender una fotografía no incluye el derecho a reproducirla, salvo que se pacte. Pedí una licencia que cubra la web, las redes y la prensa, y nombrá al fotógrafo en cada foto.
Depende de quién la haga y de tener listas las fotos y los datos de cada obra. En Patroclo, la Web Fundador sale online en 72 horas desde que tenemos logo, fotos y brief, y antes podés ver una portada gratis en 48 horas.
Fuentes
- Nielsen Norman Group: PDF en la web (2020), páginas "Nosotros" (2019) y páginas de contacto (2019). PDF como descarga, fotos del equipo y formulario junto al teléfono. Consultada el 12 de octubre de 2026.
- Monograph, sobre las webs de estudios (2025). Novedades frecuentes. Consultada el 12 de octubre de 2026.
- ArchDaily: guía de publicación, envío de obras y una ficha de obra. Ficha, imágenes, texto y requisitos de envío. Consultada el 12 de octubre de 2026.
- Dezeen Awards 2026, bases. Piden no subir renders ni visualizaciones digitales. Consultada el 12 de octubre de 2026.
- Webs de Herzog & de Meuron, Adamo-Faiden, Sean Godsell y Snøhetta. Fichas, orden por estado y tipo, créditos y contacto. Consultada el 12 de octubre de 2026.
- InfoLEG: Ley 11.723, artículos 31, 34 y 54, y Ley 24.240, artículo 8. Consultada el 12 de octubre de 2026.
- AIA, atribución de crédito, y CPAU, manual de ejercicio profesional, capítulo C-11 (2020), punto 2.10. Crédito y autoría. Consultada el 12 de octubre de 2026.
- Google Search Central: Google Imágenes, contenido útil, indexación para celular, carga diferida y Page experience. Imágenes, uso de IA, versión para celular, carga diferida y relevancia. Consultada el 12 de octubre de 2026.
- web.dev: Web Vitals, LCP, INP, CLS, mejorar el LCP, mejorar el CLS, formatos y srcset. Umbrales, percentil 75 e imágenes. Consultada el 12 de octubre de 2026.
- HTTP Archive, Web Almanac 2025, Performance (publicado el 15 de enero de 2026). Porcentaje de páginas con una imagen como LCP y de las que la difieren. Consultada el 12 de octubre de 2026.
- Ayuda de Google Business Profile: pautas, ranking local y fotos. Nombre, categorías, dirección, ranking y fotos. Consultada el 12 de octubre de 2026.
- Google Search Central: políticas de spam, guía de SEO y negocio local; y schema.org. Páginas puerta, títulos únicos y la falta de un tipo para arquitectos. Consultada el 12 de octubre de 2026.
- Para la ortografía: Real Academia Española, porfolio y portafolio; FundéuRAE (2008); FAU UNLP y FAUD UNC. Consultada el 12 de octubre de 2026.
- Revisión propia de los menús de 16 webs de estudios de Buenos Aires y Córdoba y de las sugerencias de búsqueda de Google desde Argentina, consultada el 12 de octubre de 2026.
