Diseño Web

Diseño web para arquitectos: cuando el portafolio es la página

Cómo diseñar la página web de un arquitecto: portafolio primero, una ficha por proyecto, fotos pesadas que cargan rápido y un formulario que filtra.

Diseño web para arquitectos: cuando el portafolio es la página

En resumen

  • La primera pantalla es una obra a pantalla completa, sin texto que la tape.
  • Proyectos filtrables por tipo: vivienda, comercial, interiores.
  • Cada proyecto con su ficha: área, ubicación, año, alcance y fotos.
  • Las fotos de arquitectura pesan mucho: optimizarlas es parte del diseño.
  • El formulario debe preguntar tipo de proyecto, ciudad y presupuesto aproximado.
Tabla de contenidos
  1. Cómo decide quien contrata a un arquitecto
  2. La estructura
  3. Una obra a pantalla completa
  4. Proyectos que se pueden filtrar
  5. Una ficha por proyecto
  6. Obra construida y render, por separado
  7. Servicios para quien no sabe qué pedir
  8. El estudio y su gente
  9. Un formulario que filtra
  10. Las fotos: el reto técnico
  11. Textos para un estudio de arquitectura
  12. Cuánto cuesta

Un arquitecto no necesita convencer con palabras: su trabajo habla. El problema es que muchas páginas de arquitectos esconden ese trabajo detrás de textos sobre “la armonía entre espacio y luz”, sliders que tardan en cargar o portafolios en PDF de 40 MB.

Todavía no tenemos un estudio de arquitectura en nuestro portafolio, así que esta guía no tiene caso de éxito propio. Lo que sí tiene es la estructura que yo le haría a un estudio, basada en cómo decide un cliente que va a invertir en una obra.

Cómo decide quien contrata a un arquitecto

Alguien que va a construir o remodelar su casa, o a adecuar un local, hace tres preguntas antes de escribir:

  1. ¿Este arquitecto ha hecho algo parecido a lo que quiero?
  2. ¿Me gusta su estilo?
  3. ¿Está dentro de lo que puedo pagar?

La página web debe responder las tres, en ese orden.

La estructura

Boceto de estructura de una página web para arquitectos con obra a pantalla completa, proyectos filtrables, ficha de proyecto, servicios, estudio y formulario

Una obra a pantalla completa

La primera pantalla es una fotografía de tu mejor obra, de lado a lado. Sin texto encima que la tape y sin un slider que cambie antes de que el visitante la vea. El nombre del estudio y el menú, discretos.

Proyectos que se pueden filtrar

El cliente quiere ver lo que se parece a su proyecto. Filtros simples ayudan: vivienda, comercial, interiores, remodelación. Si alguien busca una casa campestre, no tiene por qué recorrer tus oficinas corporativas.

Una ficha por proyecto

Cada proyecto con su propia página:

DatoPor qué importa
Tipo y ubicaciónEl cliente busca algo parecido y cercano
Área construidaLe da escala para comparar con su proyecto
AñoMuestra que el estudio sigue activo
AlcanceDiseño, licencia, dirección de obra, interiores
Fotos y planosEl trabajo, de cerca
El retoQué problema resolvía ese diseño

Una ficha así también ayuda a que Google muestre ese proyecto cuando alguien busca algo parecido.

Obra construida y render, por separado

Los renders muestran tu propuesta de diseño; las obras construidas demuestran que llevas los proyectos hasta el final. Las dos sirven, pero márcalas. Un cliente que descubre que lo que creía una casa construida era un render pierde confianza.

Servicios para quien no sabe qué pedir

Muchos clientes no saben si necesitan un diseño, una licencia, una dirección de obra o todo junto. Explica cada servicio en una línea: qué incluye, cuándo se necesita y en qué etapa del proyecto entra.

El estudio y su gente

Fotos del equipo, trayectoria, matrícula profesional. La relación con un arquitecto dura meses; el cliente quiere saber con quién va a trabajar.

Un formulario que filtra

Pide tipo de proyecto, ciudad, área aproximada y presupuesto aproximado. No es para descartar a nadie: es para que tu respuesta sea útil desde el primer mensaje.

Las fotos: el reto técnico

La fotografía de arquitectura es pesada y no puede perder calidad. Lo resolvemos así:

  • Formato WebP y cada foto al tamaño en que se muestra.
  • Carga diferida: las fotos de abajo se cargan cuando el visitante baja.
  • Nombre de archivo y texto alternativo descriptivos: “casa-campestre-la-calera-fachada.webp”, no “DSC_0234.jpg”. Así tus obras pueden aparecer en Google Imágenes, donde muchos clientes buscan inspiración.
  • Nada de portafolios en PDF como única forma de ver tu trabajo.

Textos para un estudio de arquitectura

Las páginas de arquitectura suelen caer en dos extremos: textos poéticos que no dicen nada o fichas técnicas que nadie entiende. Un punto medio que funciona:

En vez deMejor
“Creamos espacios que dialogan con la luz y la materia”“Diseñamos casas, locales y oficinas en Bogotá y la Sabana”
“Soluciones arquitectónicas integrales”“Diseño, licencia de construcción y dirección de obra”
Un párrafo largo por proyectoCinco datos clave y el reto que resolvía el diseño

El cliente quiere entender rápido si haces lo que necesita. La sensibilidad de tu trabajo la muestran las fotos.

Cuánto cuesta

Un estudio con un portafolio de pocos proyectos cabe en la página informativa de $950.000 COP. Si tienes muchos proyectos, se cotiza según el tamaño en nuestro cotizador de páginas web. Los planes están en diseño de páginas web en Bogotá.

Cuando el portafolio esté en línea, el siguiente paso es que te encuentren: revisa SEO para arquitectos y Google Ads para arquitectos.

Fuentes

  1. Google Search Central: prácticas recomendadas de SEO para imágenes
  2. Consejo Profesional Nacional de Arquitectura y sus Profesiones Auxiliares
Sebastián Torres

Escrito por

Sebastián Torres

Especialista en Marketing Digital, SEO y Google Ads

Fundó su agencia de publicidad en Bogotá en 2016 y trabaja en marketing digital, SEO y Google Ads desde 2018. Certificado por Google en Google Ads Search y, con Marketing CPE, Google Partner desde 2026. Ha gestionado cuentas de Google Ads de más de 100 empresas en Colombia, Estados Unidos, Canadá, Puerto Rico, México, Hungría y Eslovaquia, y +10 auditorías SEO en Colombia y Estados Unidos.

Certificado Google Ads SearchGoogle Partner desde 2026+100 empresas gestionadas en 7 países+10 auditorías SEO (Colombia y EE. UU.) LinkedIn ↗ Ver perfil →

Cuéntanos tu objetivo. Te decimos cómo llegar.

SEO, Google Ads y diseño web con foco en clientes, no en métricas de vanidad.

Solicitar propuesta