Web y portfolio para arquitectos y diseñadores: casos, jerarquía y conversión
Los estudios de arquitectura y diseño de interiores tienen un problema particular con su web: gestionan un producto altamente visual con clientes de decisión larga y presupuesto elevado, en un canal que la mayoría trata como una tarjeta de presentación online. El resultado es predecible: webs bonitas que no convierten, o webs que convierten mal, atrayendo consultas de proyectos que no encajan y consumiendo horas del equipo en descartarlas. Este artículo trata la web de estudio como lo que debería ser: un dispositivo de captación cualificada, filtrado y construcción de reputación, con reglas concretas que se pueden aplicar sin necesidad de rehacer todo desde cero.
Vamos a recorrer la arquitectura de contenido secuencia por secuencia, tres tipologías reconocibles de web de estudio y cuándo elegir cada una, cómo presentar proyectos para que el visitante se enganche sin scroll infinito, qué CMS elegir en función de tu contexto, cómo gestionar el rendimiento cuando tu contenido es fundamentalmente imagen, el SEO local que aún nadie mira en el sector, la trampa del formulario y varios ejemplos reales del panorama español para calibrar referencias.
El objetivo real de la web de un estudio
Antes de decidir tecnología o diseño, conviene aclarar qué debe hacer esta web. Muchos estudios responden "enseñar los proyectos". Es una respuesta parcial. La web debe hacer cuatro cosas simultáneas y, cuando se optimiza una a costa de las otras, empieza a fallar. Primero, cualificar: filtrar al visitante entre "posible cliente que encaja", "posible cliente que no encaja", "prensa o prescriptor", "candidato buscando trabajo" y "estudiante o curioso". Segundo, construir credibilidad: transmitir en pocos segundos el nivel del estudio para que el cliente que encaja no dude en escribir. Tercero, contener SEO: aparecer cuando alguien busca "estudio de interiorismo Madrid boutique" o "arquitecto vivienda unifamiliar Barcelona". Cuarto, servir como referencia comercial durante la conversación de venta, cuando el cliente ya está hablando contigo y consulta la web para reafirmarse.
Esta multiplicidad de funciones exige jerarquía. No todas las páginas pueden tener el mismo peso. La página de proyectos es la más visitada y la que más decide; la página "sobre nosotros" es la segunda más consultada por clientes premium que quieren saber con quién van a trabajar; la home es el filtro rápido; contacto convierte. El resto del sitio (blog, prensa, equipo detallado) es material de refuerzo.
Arquitectura de contenido: qué páginas y en qué orden
Un estudio de arquitectura o interiorismo profesional necesita, como mínimo, seis páginas o secciones claramente diferenciadas. Este es el esqueleto probado que funciona en la práctica, sin adornos:
1. Home visual y directa
La home no es un lugar donde contar la historia del estudio: es un filtro. En 5 segundos el visitante tiene que saber (a) qué tipo de proyectos hacéis, (b) el nivel al que trabajáis y (c) si sigue leyendo o se marcha. La composición ganadora es una imagen a pantalla completa del proyecto emblema, un titular breve que ancla el posicionamiento (no un eslogan poético, algo específico: "Interiorismo residencial de alta gama en Madrid y Costa del Sol"), y debajo un scroll con una selección curada de entre 6 y 12 proyectos en formato grid grande. Ni servicios, ni testimonios, ni logos de clientes en la primera pantalla. Solo trabajo.
La razón es sencilla: el visitante interesado quiere ver rápido si el estilo del estudio encaja con lo que busca. Si le pones un carrusel de logos o una lista de servicios antes que las imágenes, le obligas a hacer trabajo mental que no ha venido a hacer. Los proyectos venden solos si son buenos y están bien presentados. Todo lo demás es ruido en la home.
2. Proyectos: la pieza central
La página de proyectos es el corazón del sitio. Debe permitir dos modos de exploración: navegación libre en grid (para el cliente que quiere hacer scroll y absorber estilo) y navegación filtrada por tipología, año o localización (para el cliente que ya sabe qué busca). Los filtros no deben ser obligatorios ni ocupar la mitad de la pantalla; se colocan en la parte superior con opciones simples: residencial, retail, hostelería, oficinas, showroom, todos.
Cada tarjeta de proyecto muestra una imagen dominante, el nombre, la tipología y opcionalmente el año o localización. Al hacer clic, se abre la ficha completa del proyecto, que trataremos en detalle más adelante. La lista debe contener todos los proyectos publicables, no una selección. Un estudio con 15 años de trayectoria y 40 proyectos publicables debería mostrarlos todos, no dejar 8 en la home y ocultar el resto.
3. Filosofía o "estudio"
Aquí es donde el estudio se diferencia del competidor de estilo similar. La página de filosofía cuenta el enfoque: cómo trabajáis, qué defendéis, en qué creéis. No es la biografía cronológica del fundador (eso va en equipo). Es la respuesta a "¿por qué te contrato a ti y no al estudio de al lado?". Textos honestos, sin la palabra "pasión" ni frases hechas. Un cliente de 500.000 euros de proyecto necesita saber que tenéis criterio y que hablar con vosotros va a ser una conversación adulta.
4. Equipo
Fotografía profesional del equipo, individuales y de conjunto. Nombres, rol, breve trayectoria. Los clientes premium quieren saber quién va a estar en las reuniones. No hace falta que aparezca todo el mundo, pero sí los responsables. Un estudio pequeño puede reducirlo a la ficha del fundador o de los dos socios.
5. Servicios
Aquí se explica qué se puede contratar. En arquitectura e interiorismo hay confusión habitual sobre alcance: proyecto básico, proyecto de ejecución, dirección de obra, interiorismo integral, home staging, decoración, consultoría. La página de servicios ordena esto. No hace falta poner precios (raramente conviene), pero sí modalidades: "diseño y proyecto", "diseño y dirección de obra", "llave en mano", etc.
6. Contacto y RFQ
La página de contacto es donde ocurre la conversión. Es la más importante después de proyectos y la más maltratada. Volveremos a ella con detalle en la sección de formulario RFQ.
Páginas opcionales
Blog (solo si vais a mantenerlo), prensa o publicaciones (donde os han citado, con lógica cronológica y logos de medios), y una página de contacto extendida con showroom físico si lo hay. Todo lo demás sobra.
Tres tipologías de web de estudio y cuándo elegir cada una
No todos los estudios necesitan la misma web. Hay tres tipologías reconocibles en el sector, cada una apropiada para un momento y un tipo de cliente objetivo.
Tipología A: Portfolio puro tipo Behance
El sitio es esencialmente una colección de proyectos con mínima superestructura. Home con grid grande, click al proyecto, listado y contacto. Nada más. Estilo minimal, tipografía cuidada, protagonismo absoluto de la imagen. Es la opción de estudios muy jóvenes con pocos proyectos pero bien fotografiados, o de estudios muy consolidados que ya no necesitan explicar quiénes son porque el mercado los conoce.
Ventajas: rápido de construir y mantener, muy visual, transmite seguridad. Desventajas: mal SEO, poca capacidad de cualificar al visitante, poco espacio para diferenciación argumental.
Tipología B: Agencia con casos comentados
Es la tipología que recomendamos por defecto para estudios en crecimiento. Combina el portfolio visual con narrativa: cada proyecto tiene ficha completa con contexto, briefing, proceso, materiales, resultado y opcionalmente testimonio del cliente. La home tiene selección de proyectos y también un bloque de propuesta de valor.
Ventajas: cualifica bien, permite SEO por proyecto y tipología, construye argumentario comercial, sirve como material durante la venta. Desventajas: más trabajo de creación de contenido, requiere mantener textos actualizados.
Tipología C: Showroom digital
Menos frecuente. La web funciona como una revista digital del estudio: proyectos publicados como reportajes largos, con fotografía de altísima calidad, planos, croquis, textos extensos, referencias, entrevistas. El estudio se posiciona más como autoridad cultural que como proveedor.
Ventajas: máxima diferenciación, atrae prensa y clientes de gama muy alta. Desventajas: caro de producir, exige coherencia editorial sostenida, no todos los estudios tienen contenido suficiente para justificar el formato.
| Tipología | Cuándo elegirla | Coste orientativo | Mantenimiento |
|---|---|---|---|
| A · Portfolio puro | Estudio joven o muy consolidado, foco 100% visual | 1.500-4.000 € | Muy bajo |
| B · Agencia con casos | Estudio en crecimiento, quiere captar activamente | 6.000-14.000 € | Medio |
| C · Showroom digital | Estudio de gama alta con voluntad editorial | 12.000-25.000 € | Alto |
Cómo presentar los proyectos: la ficha ganadora
La ficha de proyecto individual es donde se juega la partida. Un cliente que ha llegado hasta aquí ya tiene interés; lo que vea en la ficha decide si escribe o se marcha. Estos son los elementos que funcionan en las fichas de proyecto con mejor conversión, ordenados por prioridad.
Imagen de portada grande. Idealmente pantalla completa o cerca. La primera fotografía es la que decide el impacto. Debe estar corregida en color, con la iluminación correcta y la composición pensada para presentar el espacio en su mejor ángulo. No una foto amateur del cliente entregando el proyecto.
Título y meta datos básicos. Nombre del proyecto (si tiene) o descripción breve ("Vivienda en el Ensanche de Barcelona"), tipología, año, superficie, localización. Nada más en la cabecera.
Descripción del proyecto. Entre 150 y 400 palabras. Cuenta el encargo, el contexto, el planteamiento y el resultado. Sin adjetivos vacíos: "espacio único, especial, contemporáneo" no aporta. Sí aportan las decisiones concretas: por qué se eligió ese suelo, por qué se abrió esa pared, cómo se resolvió el problema del cliente. La ficha tiene que sonar como habla el arquitecto en una comida de trabajo, no como una nota de prensa mala.
Galería de imágenes. Entre 8 y 20 fotografías del proyecto. Todas del mismo fotógrafo, misma corrección de color, misma pauta compositiva. Alternancia entre generales (transmiten el conjunto), medios (muestran ambientes) y detalles (rematan la sensación de acabado). Si la obra tiene planos publicables, se pueden incluir al final.
Materiales o proveedores destacados. Especialmente en interiorismo, listar las marcas de mobiliario o materiales usados es un detalle que aporta credibilidad y también sirve para posicionamiento cruzado con esos proveedores.
Testimonio o cita del cliente. Opcional pero muy potente. Una o dos frases del propietario en las que se reconozca el proyecto ("nos entregó lo que soñábamos y algunas cosas que no sabíamos que queríamos"). Con nombre completo si es posible, o al menos con inicial y actividad.
Créditos. Fotografía, colaboradores, estilismo. Rigor profesional que valoran los prescriptores.
Navegación al siguiente proyecto. Al final de la ficha, un enlace al siguiente proyecto (previo/siguiente) y otro al listado completo. Nunca dejar al lector en un cul-de-sac.
Grid, cards y overlays: cómo compone la página de proyectos
La página de proyectos es donde se decide el estilo de exploración. Hay tres composiciones principales, cada una con sus tradeoffs.
Grid regular a dos o tres columnas. La opción más limpia y previsible. Todas las tarjetas del mismo tamaño, mismo ratio de aspecto, misma altura de texto. Ventaja: sensación de orden, muy adecuado para estudios de estética minimalista. Desventaja: si tienes proyectos muy dispares (unos horizontales, otros verticales), obliga a recortar en algún caso.
Grid irregular o mosaico. Tarjetas de diferentes tamaños que se acomodan como en un puzzle. Ventaja: más dinámico, permite dar prioridad visual a proyectos más importantes. Desventaja: puede parecer caótico si no está bien resuelto, más complejo técnicamente.
Lista vertical grande. Cada proyecto ocupa el ancho completo con una imagen de portada muy grande y algunas líneas de texto al lado. Ventaja: cinemática, cada proyecto tiene protagonismo. Desventaja: exige scroll largo para ver todo el catálogo, menos apto para estudios con muchos proyectos.
Sobre los overlays al pasar el ratón sobre una tarjeta: sí funcionan, pero con moderación. La lógica es que la imagen sea el protagonista y al hover aparezca la información (nombre, tipología). En móvil, donde no hay hover, esa información debe estar siempre visible o aparecer con un tap. Los overlays con muchos elementos (texto largo, botones, iconos) matan la elegancia visual y complican la comprensión.
CMS: Webflow, WordPress, Cargo, Semplice, Framer
La elección de CMS marca el ritmo de trabajo posterior, el coste de mantenimiento y las posibilidades de evolución. Estas son las cinco opciones más habituales para estudios de arquitectura y diseño en España.
| CMS | Coste anual | Curva aprendizaje | Ideal para | Punto débil |
|---|---|---|---|---|
| Webflow | 250-500 € | Media | Estudios que quieren control visual sin desarrollo | Precio si crece mucho el tráfico |
| WordPress | 150-400 € | Baja pero engañosa | Blogs densos, multi-idioma, ecosistemas grandes | Mantenimiento y seguridad continuos |
| Cargo | 170-250 € | Muy baja | Portfolios visuales minimalistas | Poco flexible fuera de sus plantillas |
| Semplice | 200 € licencia inicial + hosting | Media | Diseñadores y estudios sobre WordPress | Requiere hosting propio |
| Framer | 180-400 € | Media-baja | Puesta en marcha rápida, animaciones | CMS aún menos maduro que Webflow |
Webflow es la opción por defecto de la mayoría de estudios que empiezan hoy. Combina control visual muy fino con un CMS decente para gestionar la colección de proyectos. La curva de aprendizaje inicial existe, pero una vez montado el sistema, añadir un proyecto nuevo son 15 minutos. El coste sube si la web crece mucho en tráfico, pero para un estudio no es un problema real.
WordPress sigue vivo. Es la opción si necesitas multi-idioma robusto, un blog denso con SEO agresivo, o si quieres integraciones con e-commerce (por ejemplo, para vender piezas de mobiliario propio). Con temas como Semplice o desarrollos a medida, el resultado visual puede ser excelente. El coste oculto es el mantenimiento: actualizaciones, seguridad, plugins que rompen. Requiere alguien que lo cuide.
Cargo es la elección clásica del portfolio de diseñador. Plataforma cerrada, plantillas curadas, resultado muy limpio. Adecuado para estudios que quieren un portfolio sobrio y no piensan complicar la web con blog, e-commerce, ni funcionalidades exóticas.
Semplice es un tema y sistema de construcción sobre WordPress dirigido específicamente a diseñadores. Muy visual, con plantillas de proyecto pensadas para portfolio. Requiere hosting propio y algo de dominio técnico para instalar y configurar.
Framer ha ganado tracción en los dos últimos años. Muy visual, animaciones fluidas, publicación rápida. El CMS ha mejorado mucho, aunque sigue por detrás de Webflow. Para un estudio que quiere publicar la web en tres semanas y no en tres meses, es una opción muy competitiva.
Como regla práctica: si dudas entre Webflow y WordPress y no tienes desarrollador de confianza, ve con Webflow. Si tienes desarrollador, WordPress sigue siendo más flexible a largo plazo.
Micro-interacciones: memorable sin sobrecargar
Las micro-interacciones son animaciones pequeñas que dan personalidad a la web sin distraer del contenido. Un cursor personalizado, una transición suave entre proyectos, un hover que agranda ligeramente la imagen, un scroll suave que revela texto. Bien usadas, hacen que la web se sienta cuidada. Mal usadas, la vuelven pesada, ilegible y frustrante.
La regla es simple: la micro-interacción debe apoyar la lectura o el descubrimiento, no ser el protagonista. Si el visitante nota más la animación que el proyecto, has cargado la mano. Estudios como Lagranja Design o Sandra Tarruella tienen webs que se sienten cuidadas sin necesidad de fuegos artificiales; ese es el nivel al que hay que aspirar.
Ojo también con las transiciones de página con retardo. Cargar 300 milisegundos entre página y página por hacer una animación bonita significa 300 milisegundos que el usuario está esperando en vez de leyendo. Multiplicado por 10 clics en una sesión, son 3 segundos de espera acumulados. En una web con mucho contenido eso es un problema.
Core Web Vitals para webs con muchas imágenes
Google mide desde 2021 tres indicadores de experiencia (Largest Contentful Paint, Interaction to Next Paint y Cumulative Layout Shift) que afectan al posicionamiento y, sobre todo, a la percepción del usuario. Una web de estudio con 30 proyectos y 500 fotografías puede degradar mucho si no se optimizan las imágenes.
Las medidas concretas que hay que aplicar sí o sí:
- Formato WebP o AVIF. Ahorros del 25 al 50% de peso respecto a JPEG con calidad indistinguible al ojo. Prácticamente todos los navegadores actuales los soportan.
- Lazy loading nativo. Atributo loading="lazy" en todas las imágenes que no estén en la primera pantalla. El navegador carga solo lo que ve.
- Responsive images con srcset. Servir versión reducida al móvil, media al portátil, grande al monitor 4K. Sin esto, un móvil descarga imágenes de 3 MB que solo va a mostrar a 400 píxeles de ancho.
- CDN de imágenes. Cloudinary, Imgix o ImageKit sirven las imágenes desde ubicaciones cercanas al usuario, con conversión automática de formato y tamaño. Coste orientativo entre 30 y 100 euros al mes para un estudio.
- Preload de la imagen hero. La imagen principal de la home o de una ficha se marca como prioritaria para que se descargue en paralelo al HTML.
- Compresión antes de subir. Aunque el CMS optimice, es mejor subir imágenes ya comprimidas. Herramientas como Squoosh o TinyPNG bajan el peso a la mitad sin pérdida visible.
- Video en lugar de GIF. Los GIFs pesan una barbaridad. Convertirlos a MP4 o WebM reduce el peso al 5 o 10% del original.
Con estas siete medidas, una web con 200 imágenes carga en menos de 2 segundos y aprueba con nota los Core Web Vitals. Sin ellas, se arrastra por encima de 5 segundos y Google la penaliza en resultados de búsqueda.
SEO local: la mina que casi nadie explota
Muchos estudios de arquitectura e interiorismo dependen de captación local. Alguien busca "interiorista Madrid centro", "arquitecto Barcelona vivienda", "estudio interiorismo Valencia". Aparecer bien en esas búsquedas trae consultas que no pasan por publicidad ni por referrals.
Las dos palancas que hay que trabajar son el Google Business Profile y el schema.org LocalBusiness en la web.
Google Business Profile
Es la ficha gratuita que aparece a la derecha o en el mapa cuando alguien busca tu nombre o servicios en tu ciudad. Requiere: dirección real, teléfono, horario, categoría correcta (arquitecto o diseñador de interiores, no una categoría genérica), sitio web enlazado, entre 15 y 40 fotografías de proyectos (no de la oficina), respuesta a reseñas (todas, positivas y negativas, en menos de una semana), y publicaciones periódicas con actualizaciones o proyectos.
Los estudios que trabajan bien esta ficha aparecen en el pack de mapas al buscar "interiorista + ciudad" y reciben entre 20 y 80 consultas al mes solo por ese canal. Es de los canales con mejor retorno del sector y el que menos gente cuida.
Schema.org LocalBusiness
Marcado estructurado en el código de la web que le dice a Google exactamente qué eres, dónde estás y qué haces. Se implementa como bloque JSON-LD en el head de cada página. Un ejemplo mínimo incluye tipo de negocio (por ejemplo, ProfessionalService o InteriorDesigner), nombre, dirección postal, teléfono, coordenadas, horario, rango de precios y enlaces a redes sociales.
Combinado con schema Article para las fichas de proyecto y BreadcrumbList para la navegación, refuerza el posicionamiento local. Es un trabajo de una hora del desarrollador y no se repite.
El formulario de contacto: menos es más
El formulario de contacto de la mayoría de webs de arquitectura tiene entre 8 y 15 campos. Nombre, apellidos, email, teléfono, empresa, dirección, tipo de proyecto, superficie, presupuesto, plazos, ubicación, cómo nos ha conocido, mensaje, aceptación de política de privacidad, aceptación de comunicaciones comerciales... Cada campo extra reduce la conversión aproximadamente entre un 3 y un 8%. Un formulario de 12 campos convierte típicamente un tercio menos que uno de 5 campos con la misma calidad de tráfico.
El formulario de contacto ideal para un estudio de arquitectura o interiorismo tiene cinco campos:
- Nombre y apellidos
- Email de contacto
- Tipología del proyecto (dropdown: residencial, retail, hostelería, oficinas, otros)
- Superficie aproximada (dropdown por rangos: menos de 100 m², 100-300 m², 300-800 m², más de 800 m²)
- Presupuesto orientativo (dropdown por rangos: menos de 50.000 €, 50-150.000 €, 150-400.000 €, más de 400.000 €)
Opcionalmente un sexto campo de texto libre para "cuéntanos brevemente el proyecto". Teléfono opcional, no obligatorio. Nada más.
La lógica es la siguiente: con esos cinco campos ya sabes si el proyecto encaja con vosotros. Si no encaja (por tipología o presupuesto), respondes con amabilidad recomendando otro estudio o cerrando. Si encaja, agendas una llamada de 30 minutos donde obtienes todo lo demás: plazos, ubicación exacta, contexto, expectativas. La llamada es donde se cierra la venta, no el formulario.
Añadir campos "para ahorrar tiempo" es una falsa economía. Reducen conversión, filtran a clientes que sí encajarían pero que no completan el formulario, y no aportan información que no puedas obtener mejor en una conversación.
Casos reales del panorama español
Referencias para calibrar el nivel al que aspirar. No son las únicas ni necesariamente las mejores, pero sirven como marcadores del sector premium en España.
Lázaro Rosa-Violán. Uno de los interioristas con mayor proyección internacional en hostelería y retail. Su web tipología B, con casos comentados y galería extensa. Fotografía uniforme, textos breves, alta densidad visual. Buen ejemplo de cómo un estudio consolidado presenta trayectoria sin caer en la ostentación.
Sandra Tarruella. Estudio barcelonés con foco en hostelería premium. Web muy sobria, tipografía cuidada, protagonismo total de la fotografía. Ejemplo de tipología C con menos volumen editorial pero mucha coherencia visual.
Estudio 4B. Interiorismo residencial y comercial en Madrid. Web tipología B con muy buena estructura de fichas, textos descriptivos honestos y un sistema de filtros funcional.
Alto Interiorismo. Estudio granadino con proyección nacional en residencial de alta gama. Web con storytelling denso en cada proyecto, incluyendo proceso y detalles constructivos. Buen ejemplo de cómo la narrativa suma cuando el estilo por sí solo no diferencia lo suficiente.
Lagranja Design. Diseño y arquitectura de espacios comerciales. Web con carácter, uso creativo de tipografía y una ficha de proyecto que combina fotografía profesional con planos, croquis y contexto. Ejemplo de tipología B llevada al máximo detalle.
Otras referencias útiles: nuestra guía sobre visual branding de estudios de interiorismo profundiza en el sistema visual que debe acompañar a estas webs, y el framework de contenido en Instagram explica cómo prolongar la conversación fuera de la web.
Errores comunes que hunden la conversión
Los estudios cometen los mismos errores una y otra vez. La lista abreviada:
- Home con vídeo autoplay pesado que tarda 6 segundos en cargar y hace que el usuario cierre la pestaña antes de ver nada.
- Splash screen con "Entrar" o "Enter" antes de la home real. Nadie lo pide, todos lo odian.
- Menú con nombres crípticos ("Universo", "Manifiesto", "Piezas") que obligan al usuario a adivinar dónde están los proyectos.
- Proyectos sin descripción, solo imágenes. Se pierde el argumentario comercial y el SEO.
- Fotografía de proyecto con diferentes iluminaciones, ángulos y correcciones de color, delatando distintos fotógrafos en distintos años.
- Formulario de contacto en modal que se cierra al hacer clic fuera y pierde lo escrito.
- Ausencia total de textos "sobre" o filosofía, dejando al visitante sin argumentos para elegirte frente a otro.
- Blog con la última entrada de 2022. Mejor sin blog que con uno abandonado.
- Testimonios inventados o excesivamente entusiastas que suenan a agencia mala.
- Falta de política de cookies, aviso legal y política de privacidad. Multas de la AEPD por incumplimiento del RGPD y consumer trust hundido.
Cada uno de estos errores es reparable en horas o días. Ninguno requiere rehacer la web desde cero.
Comparativa de campos por objetivo del formulario
| Campo | Aporta cualificación | Coste en conversión | Decisión |
|---|---|---|---|
| Nombre y email | Alta | Muy bajo | Obligatorio |
| Tipología del proyecto | Alta | Bajo | Obligatorio |
| Superficie por rangos | Alta | Bajo | Obligatorio |
| Presupuesto por rangos | Muy alta | Medio | Obligatorio |
| Teléfono | Media | Medio | Opcional |
| Empresa | Baja en residencial | Medio | Opcional o eliminar |
| Dirección postal | Muy baja | Alto | Eliminar |
| Plazos deseados | Media | Alto | Preguntar en llamada |
| Cómo nos ha conocido | Baja | Bajo | Opcional |
| Aceptación marketing | Cero | Alto | Eliminar (usar opt-in) |
Cuánto invertir y qué esperar
Los rangos de inversión razonables para un estudio profesional en España, con datos de 2026:
- Plantilla premium autogestionada (Framer, Webflow con template, WordPress con Semplice): 1.500 a 4.000 euros de puesta en marcha, más 200-500 al año de licencias y hosting. Adecuado para estudios que empiezan o quieren renovar sin gran presupuesto.
- Web a medida con estudio de diseño: 6.000 a 14.000 euros para tipología B completa, plazos entre 8 y 14 semanas. Incluye estrategia de contenido, diseño, desarrollo, migración y formación.
- Web premium con dirección creativa: 15.000 a 30.000 euros para tipología C o proyectos con animaciones y desarrollo a medida. Plazos entre 4 y 6 meses.
- Fotografía profesional del portfolio: 800 a 2.500 euros por proyecto, entre 5 y 15 proyectos al año dependiendo del volumen. Es la partida más rentable a largo plazo.
El retorno se ve en tres frentes: número de consultas cualificadas al mes, tasa de cierre de esas consultas, y ticket medio de proyecto. Un estudio con web bien resuelta duplica típicamente las consultas cualificadas respecto a una web mediocre, y sube ticket medio al filtrar mejor por presupuesto.
Cómo se conecta la web con el resto del sistema
La web no funciona aislada. Es el punto de aterrizaje al que llega tráfico desde Google, Instagram, LinkedIn, prensa, prescriptores y referrals. Cada uno de esos canales tiene lógicas propias que hay que alinear.
El Instagram del estudio y la web deben tener coherencia visual absoluta: la fotografía que aparece en Instagram tiene que reconocerse como del mismo estudio al aterrizar en la web. Nuestro artículo sobre feed coherente de Instagram profundiza en cómo se resuelve esa coherencia.
El LinkedIn del fundador o socias, si se trabaja como marca personal de arquitecta, envía tráfico cualificado de otros profesionales, prensa y clientes corporativos. La web tiene que estar preparada para recibir a ese perfil, no solo al cliente residencial.
Las fotografías del portfolio son el activo central. Sin fotografía profesional bien hecha, ninguna web funciona. Aprovechad las sesiones para generar material que sirva simultáneamente para web, Instagram, dossier de prensa y presentaciones comerciales. Nuestro artículo sobre fotografía de proyectos de interiorismo explica cómo dirigir esas sesiones para obtener el máximo material aprovechable.
Los reels que enseñan procesos o resultados (por ejemplo, reels de antes y después de reformas) también funcionan integrados en la web, especialmente en la ficha de proyecto, como refuerzo al bloque de fotografía estática.
Mantenimiento: la parte que casi nadie planifica
Una web de estudio necesita mantenimiento constante o se degrada rápido. Los tres bloques principales son actualización de proyectos, actualización de contenido y actualización técnica.
Actualización de proyectos. Cada proyecto entregado debería estar publicado en la web en un plazo máximo de tres meses desde la entrega. Con la fotografía profesional lista, la ficha se redacta en dos o tres horas y se publica en menos de un día. Retrasar la publicación un año, como hacen muchos estudios, significa perder la actualidad y desincentivar la fotografía.
Actualización de contenido. Textos "sobre nosotros", biografía del equipo, servicios, precios (si los hay), datos de contacto. Revisar cada 6 meses.
Actualización técnica. Certificado SSL, seguridad del CMS, plugins (si es WordPress), rendimiento, enlaces rotos. Revisar cada 3 meses. Un enlace roto en un caso de éxito publicado hace dos años transmite descuido y perjudica el SEO.
Presupuestar el mantenimiento suele estar entre 150 y 400 euros al mes según CMS y volumen, o contratarlo por horas al estudio de desarrollo original.
Conclusión operativa
La web de un estudio de arquitectura o interiorismo no es un catálogo pasivo. Es un instrumento activo de cualificación, credibilidad y captación local. Los estudios que aciertan tratan la web como un activo comercial estratégico y no como un extra decorativo, y aplican tres reglas: los proyectos son el protagonista absoluto, la jerarquía y la coherencia mandan sobre la creatividad gratuita, y el formulario de contacto respeta el tiempo del cliente. Todo lo demás son detalles que refinan estas tres piezas centrales.
Un rediseño acertado no requiere presupuestos elevados: requiere criterio para elegir tipología, disciplina para editar el catálogo, y compromiso con actualizarlo. Ejecutado con esas condiciones, la web pasa de ser una tarjeta de visita cara a ser el canal comercial más rentable del estudio.
¿Repensamos juntos la web de tu estudio?
Auditamos arquitectura, jerarquía y conversión, y proponemos un rediseño acorde a tu tipología y presupuesto.
Agenda una llamada gratis →