AI KID
RE/MAX Patagon
Mateo Caño
En esta guía
#01¿Por qué conviene elegir un template en vez de empezar de cero?
El camino que evitan la mayoría de las guías
Casi todas las guías para armar la web de un estudio de arquitectura arrancan por el mismo lado: elegir plataforma, registrar un dominio, contratar hosting y recién después pensar en el diseño. La guía de Wix es un buen ejemplo de ese orden, igual que varias guías de arquitectos que explican ventajas de tener web propia pero no bajan al paso a paso real.
Ese orden tiene sentido si vas a programar algo a medida, como se explica en la guía de vibecoding con IA. Pero si lo que necesitás es publicar rápido, sin presupuesto de diseño, hay un camino más corto: comprar un template ya armado en un marketplace, pensado para portfolios creativos, y adaptarlo con IA a tu estudio real. El diseño ya está resuelto. Lo que falta es tu contenido real, no un layout nuevo.
Ese es el camino que recorre esta guía: elegir el template correcto, adaptar textos e imágenes con IA, y mostrar la demo lista antes de publicar.
Ver cómo aplicar esta guía a mi marca
#02¿Cómo elegís el template correcto para tu estudio?
Cinco criterios antes de pagar
No todos los templates de un marketplace sirven para un estudio de arquitectura. Un template pensado para una tienda online, por ejemplo, va a tener secciones de carrito y catálogo que no aportan nada a un portfolio de proyectos.
| Criterio | Qué mirar en el template |
|---|---|
| Tipo de proyecto de ejemplo | Que el demo sea un portfolio creativo o de arquitectura, no un e-commerce |
| Estructura de secciones | Portfolio de proyectos, sobre el estudio y contacto, como mínimo |
| Peso de las imágenes | Que la demo cargue rápido, sin fotos pesadas sin optimizar |
| Edición sin código | Que cada bloque de texto e imagen se reemplace sin tocar código |
| Licencia | Pago único del marketplace, sin suscripción oculta de por vida |
El template Sesvenna, hecho por Bright Ajiboye y disponible en el Marketplace de Framer, cumple esos criterios para un portfolio de proyectos: secciones de trabajos, galería de imágenes grandes y una página de contacto simple, todo editable sin escribir una línea de código.
Elegir bien en este paso ahorra horas más adelante. Un template con la estructura correcta necesita solo reemplazar contenido. Uno mal elegido te obliga a reordenar secciones enteras antes de poder adaptar nada.
#03¿Cómo adaptás los textos del template con IA?
Contexto completo, no un resumen
El error más común al adaptar un template es escribirle a la IA un resumen vago de tu estudio en el prompt, en vez de darle el texto real completo. Cuanto menos contexto real recibe el modelo, más rellena con frases genéricas.
- TTenés el template Sesvenna cargado con texto de ejemplo. Te paso el texto real de mi estudio: nombre, años de trayectoria, los tres proyectos que quiero mostrar y la bajada de cada uno. Reemplazá cada bloque de ejemplo por este contenido, manteniendo la misma estructura y una longitud similar.
- AListo. Reemplacé el texto de portada, la bajada del portfolio y las tres fichas de proyecto con tu contenido real, sin tocar el layout ni el orden original de las secciones.
El mismo criterio de cargar contexto real y completo, en vez de adjetivos sueltos, es el que explica la guía del archivo de marca: el agente necesita los datos exactos, no un resumen de lo que creés que es tu estudio.
Después de la primera pasada, revisá cada sección contra la información real. Si algo quedó genérico, casi siempre es porque esa parte del prompt original estaba incompleta. Corregí ese dato puntual y volvé a pedir solo ese bloque, no el template entero de nuevo.
#04¿Cómo reemplazás las fotos de stock por fotos reales con IA?
El detalle que más se nota
Un estudio de arquitectura con fotos de stock genéricas en su web se nota de inmediato, y el portfolio real es justo lo primero que un cliente potencial compara.
Las imágenes de stock que trae cualquier template se repiten en miles de sitios y delatan que nadie adaptó el contenido.
Subir las fotos reales de los proyectos, aunque sean de celular, y pedirle a una herramienta de IA que ajuste encuadre, luz y proporción para que entren en el mismo espacio que dejó el template.
No hace falta una producción fotográfica profesional para este paso. Lo que sí hace falta es que cada imagen del template termine siendo una foto real de un proyecto del estudio, no una imagen descargada de un banco. Este mismo problema, el de un sitio que se nota armado con IA sin adaptar del todo, está tratado con más herramientas en la guía de 5 herramientas para que tu web no parezca hecha con IA.
#05¿Cómo armás y mostrás la demo antes de publicar?
El paso que casi nadie muestra
Con los textos y las fotos ya reemplazados, el último paso antes de publicar es grabar un recorrido corto de la web adaptada. El formato de referencia es el que publicó @thatwebdesignguy en TikTok: un recorrido breve de pantalla que muestra portada, portfolio y contacto ya con contenido real, antes de que el sitio salga a producción.
Ese video cumple dos funciones. Primero, te obliga a revisar la web completa como la vería un visitante real, no sección por sección de forma aislada. Segundo, si publicás ese recorrido como parte de tu propia difusión, mostrás el antes y el después del template sin adaptar frente al resultado final con tu estudio real.
Grabar esa demo antes de publicar es la diferencia entre un template genérico con tu logo arriba y una web que efectivamente representa a tu estudio.
#06¿Esto reemplaza contratar una agencia o un diseñador?
Honestidad antes de cerrar
Este camino resuelve un problema puntual: publicar rápido la web de un estudio chico o mediano, sin presupuesto de diseño, partiendo de un template real en vez de una hoja en blanco. No resuelve estrategia de contenido, SEO avanzado ni un sistema de marca completo detrás del sitio.
Para esa parte, un criterio que ayuda incluso con un template comprado es mantener coherencia visual entre el template adaptado y la identidad real del estudio, algo que se explica en la guía del archivo de marca. Si en algún momento el estudio crece y necesita algo a medida en vez de un template, el camino alternativo con código está en la guía de armar una web con Claude Code y Framer Motion.
#07¿Cuál es el combo final?
Los próximos pasos
Si vas a arrancar hoy, este es el orden:
- Elegí un template de portfolio creativo en un marketplace como Framer, por ejemplo Sesvenna.
- Juntá el texto real completo del estudio: nombre, trayectoria y los proyectos que querés mostrar.
- Pasale ese texto a una IA y pedile que reemplace el contenido de ejemplo, sección por sección.
- Reemplazá cada foto de stock por una foto real del estudio, ajustada con IA si lo necesita.
- Grabá un recorrido corto de la web ya adaptada, antes de publicarla en serio.
Ningún paso de esta guía depende de empezar a programar desde cero ni de pagar un desarrollo a medida. Depende de elegir bien el punto de partida y de no publicar el template sin adaptar del todo.
Quiero aplicar a mi caso la guía "Cómo armar la web de tu estudio de arquitectura con IA" de Claura. Guía: https://claura-ai.com/resources/web-para-estudio-de-arquitectura-con-ia Mi caso: [a qué me dedico, qué herramientas uso y qué quiero lograr] La guía cubre: - ¿Por qué conviene elegir un template en vez de empezar de cero? - ¿Cómo elegís el template correcto para tu estudio? - ¿Cómo adaptás los textos del template con IA? - ¿Cómo reemplazás las fotos de stock por fotos reales con IA? - ¿Cómo armás y mostrás la demo antes de publicar? - ¿Esto reemplaza contratar una agencia o un diseñador? - ¿Cuál es el combo final? Lee la guía (si no puedes abrir el link, trabaja con los temas de arriba). Si te falta información sobre mi caso, hazme hasta 3 preguntas antes de empezar. Después arma un plan para aplicar la guía paso a paso a mi caso y dime qué puedo hacer hoy en menos de una hora.
Cópialo y pégalo en tu agente: te pregunta lo que le falta de tu caso y arma el plan con los pasos de esta guía. ¿Prefieres que lo armemos nosotros? Agenda una llamada.
También te puede interesar5 herramientas para que tu web no parezca hecha con IA?Preguntas frecuentes sobre crear la web de un estudio de arquitectura con IA
¿Por qué elegir un template en vez de armar la web desde cero?
Porque la mayoría de las guías de "cómo armar una web de arquitectura", como la de Wix, te hacen elegir plataforma, registrar dominio y contratar hosting antes de mostrarte nada visual. Un template ya armado en un marketplace invierte ese orden: arrancás con un diseño completo, pensado para estudios creativos, y recién después resolvés lo técnico. El camino completo está en la sección de elegir el template correcto de esta guía. Si tu caso no encaja en ningún template disponible, la alternativa es armar algo a medida, como se explica en la guía de vibecoding.
¿Qué template conviene para un estudio de arquitectura?
Uno pensado para portfolios creativos, con secciones de proyectos, galería de imágenes grandes y una página de contacto simple. El template Sesvenna, de Bright Ajiboye, es un ejemplo real disponible en el Marketplace de Framer con esa estructura. Los criterios concretos para evaluar cualquier template, no solo este, están en la sección 02.
¿Cómo le paso los textos reales del estudio a la IA sin que invente datos?
Dándole el texto real del estudio completo, no un resumen escrito de memoria en el prompt. Cuanto más contexto real le das (nombres de proyectos, ubicación, años de experiencia), menos inventa. El mismo criterio de cargar contexto completo en vez de un resumen vago está explicado en la guía del archivo de marca. El paso a paso de esta guía está en la sección 03.
¿Qué hago si no tengo fotos profesionales de los proyectos?
Usás las fotos reales que tengas, aunque sean de celular, y le pedís a una herramienta de IA que ajuste encuadre, luz y proporción para que entren en el espacio del template. No es lo mismo que una producción fotográfica, pero evita las fotos de stock genéricas que delatan un template sin adaptar, un problema que también se toca en la guía de herramientas para que una web no parezca hecha con IA. El detalle está en la sección 04.
¿Cómo armo la demo que se pide comentar "VIDEO" para recibir esto?
Grabás la pantalla navegando la web ya adaptada, mostrando portada, portfolio y contacto en un recorrido corto, antes de publicarla en serio. El formato de referencia es el video de @thatwebdesignguy en TikTok, que muestra justo ese tipo de recorrido con un template adaptado. El paso a paso completo está en la sección 05.
Fuentes e inspiración
Un envío al mes con guías de Claude, prompts y automatización. Cero spam.
