Cuando un arquitecto decide salir a internet con su propio estudio, la web no puede ser un panfleto digital. Necesita funcionar como portfolio profesional y como puerta de entrada de clientes nuevos, las dos cosas a la vez. Ese fue el encargo de Ignacio Pedreira para passivarq.com.
El cliente y el punto de partida
Ignacio Pedreira es arquitecto por la Escuela Técnica Superior de Arquitectura de San Sebastián. Su perfil profesional combina obra nueva, rehabilitación y proyectos con foco en eficiencia energética, una línea cada vez más demandada en España. Cuando llegó a Colorvivo, no tenía web propia y partíamos de cero. La idea no era solo presentar su trabajo, sino dejarle un sistema que pudiera mantener él mismo, sin depender del desarrollador para subir un proyecto nuevo o publicar una nota.
Qué pedía passivarq.com
El brief tenía tres exigencias muy concretas:
- Mostrar el portfolio con calidad fotográfica, sin que la web tarde una eternidad en cargar.
- Permitir publicar noticias y novedades del estudio sin tocar código.
- Diferenciar las áreas de servicio (proyecto, dirección de obra, rehabilitación, eficiencia energética) y dejarlas accesibles desde la home.
A esto se sumaba algo que en arquitectura pesa mucho: la web tenía que funcionar igual de bien en una pantalla grande, donde se aprecian planos y renders, que en el móvil de un cliente al que le llega el enlace por WhatsApp.
La solución: WordPress como CMS y maquetación a medida
Elegimos WordPress como gestor de contenidos por una razón muy práctica. Ignacio quería autonomía para actualizar la web cuando entrega un proyecto, y WordPress es el CMS que mejor cubre el hueco entre flexibilidad y curva de aprendizaje razonable. Si te interesa el detalle de por qué seguimos eligiéndolo en proyectos así, lo explicamos en nuestro repaso de los mejores gestores de contenidos con WordPress como líder.
El diseño se montó alrededor de cuatro secciones principales:
- Proyectos, organizados por tipo de obra y con galerías internas que muestran cada trabajo con varias imágenes y la descripción del encargo.
- Servicios, con una ficha por especialidad y enlaces a casos relacionados.
- Noticias, alimentada desde el panel de WordPress sin pasar por el desarrollador.
- Sobre el estudio, con la trayectoria de Ignacio y sus datos de contacto.
Las galerías internas son el corazón del portfolio. En arquitectura, una sola foto rara vez cuenta el proyecto: hace falta el plano, varios renders y un par de fotografías del resultado. Por eso cada ficha admite varias imágenes ordenadas, con lightbox para verlas en grande sin recargar la página.
Detalles técnicos que importan
Más allá del diseño, hay decisiones que no se ven y que notan tanto los usuarios como Google:
- Estructura de URLs limpia y semántica, con un proyecto por slug.
- Imágenes servidas en formatos modernos para que la galería no penalice la velocidad.
- Marcado SEO en cada ficha de proyecto para que los buscadores entiendan el contenido.
- Editor visual configurado para que el cliente publique sin miedo a romper la maquetación.
Trabajar la web como un sistema, y no como un conjunto de páginas estáticas, es la diferencia entre una web que envejece bien y otra que termina abandonada al cabo de dos años. Lo hemos visto en encargos similares, como en el rediseño WordPress responsive de Domingo Torres, donde el cliente tampoco quería depender de nadie para mantener su web viva.
Resultado
Passivarq.com salió online con un portfolio navegable, una zona de noticias activa y una base SEO técnica preparada para competir por búsquedas locales del sector. Ignacio puede subir un proyecto en quince minutos y las galerías mantienen la coherencia visual sin necesidad de retocar el código.
Si te interesa cómo planteamos un proyecto de portfolio y CMS para perfiles profesionales, también puedes ver el caso de D+PV, un estudio de diseño en Madrid con planteamiento parecido.
Preguntas frecuentes
¿Por qué WordPress para una web de arquitectura?
Porque el cliente debía poder actualizar portfolio y noticias sin pasar por el desarrollador. WordPress ofrece la curva de aprendizaje más asequible para perfiles no técnicos y deja margen para personalizar el diseño sin atarse a una plantilla rígida.
¿Se puede mantener la web sin saber programar?
Sí. Ignacio gestiona proyectos, noticias y servicios desde el panel de WordPress, con campos personalizados que evitan tener que tocar el código.
¿Cuánto tarda en cargar una galería con varias imágenes?
Las imágenes se sirven optimizadas y con tamaños adaptativos según el dispositivo. Una galería con seis o siete piezas carga sin espera perceptible en conexiones móviles normales.
¿Es responsive de verdad o solo se adapta?
Está construida con un enfoque mobile-first: las maquetaciones se diseñan primero para móvil y luego se expanden a tablet y escritorio, no al revés. Eso evita el típico efecto de webs que en el móvil parecen una versión amputada de la versión grande.
¿Se puede ampliar la web con tienda o área privada?
Sí. Sobre WordPress es natural añadir WooCommerce para vender libros o cursos, o un área privada para clientes con material descargable. Son extensiones que se integran sin reescribir la web entera.
