Portafolio de arquitectura basado en WordPress a medida

Web del despacho MANO Arquitectura

Desarrollo web corporativo y de portafolio para MANO Arquitectura, un estudio que trabaja arquitectura, interiorismo y urbanismo con proyectos como Pleta Arriu en Baqueira Beret o Casa Aiguablava en la Costa Brava, con una web orientada a mostrar su obra y su manera de entender el espacio.

Portafolio online para un estudio de arquitectura, interiorismo y urbanismo - Web del despacho MANO Arquitectura

¿Cómo abordé el proyecto?

MANO Arquitectura se presenta como un estudio que diseña de forma cuidadosa y detallada, con una clara influencia del lugar y de las personas que habitan los espacios, trabajando con materiales nobles y un manejo sutil de la luz para crear atmósferas atemporales. La web debía reflejar esa sensibilidad, convirtiéndose en un portafolio ordenado de proyectos como Pleta Arriu, Casa Aiguablava, Casa Ibiza o Isard Homes, y en un lugar donde explicar su manera de entender la arquitectura, el interiorismo y el urbanismo. Desarrollé un sitio sobre WordPress, con estructura a medida y foco en el proyecto construido, la narrativa del estudio y la claridad visual.

Resultado clave: Un estudio de arquitectura necesita una web que muestre su obra, pero también su manera de mirar el lugar, la luz y los materiales, con la misma atención al detalle que ponen en sus proyectos.

Portafolio como columna vertebral

La web se estructuró alrededor del portafolio de proyectos, dando protagonismo a obras como Pleta Arriu, Casa Aiguablava o Casa Ibiza, y permitiendo descubrir otras viviendas y desarrollos.

Arquitectura, interiorismo y urbanismo

El portal refleja la triple dimensión del estudio: proyectos de vivienda, intervenciones de interiorismo y trabajos de urbanismo, con secciones que explican cada ámbito.

Narrativa sobre lugar y materiales

Se cuidó la presentación de textos que hablan de la influencia del lugar, de los materiales nobles y de la luz, en coherencia con el discurso del estudio.

Desarrollo sobre WordPress a medida

El sitio se implementó en WordPress con theme y plantillas personalizadas, adaptadas a la estructura de proyectos, secciones y contenidos del estudio.

Mi workflow

01

Entender la filosofía de MANO Arquitectura

Analicé su discurso: diseño cuidadoso y detallado, influencia del lugar y de las personas, materiales nobles y luz como generadores de atmósfera, y aspiración a una arquitectura atemporal.

02

Diseño de la arquitectura de portafolio

Definí la estructura del sitio para organizar proyectos destacados y otros trabajos, facilitando que el visitante entienda el alcance del estudio y sus líneas principales.

03

Desarrollo del theme personalizado

Implementé un theme propio en WordPress, adaptado a las necesidades de un portafolio arquitectónico: imágenes a gran formato, textos breves y navegación limpia.

04

Plantillas para proyectos y secciones

Creé plantillas específicas para proyectos (viviendas, promociones, intervenciones) y para páginas como estudio, filosofía y contacto.

05

Cuidado de la experiencia visual

Trabajé la maquetación para que la web respirara: uso de espacios, jerarquía tipográfica y protagonismo de la fotografía de arquitectura.

06

Preparación para nuevos proyectos

Dejé el sistema listo para incorporar nuevas obras y contenidos, sin romper la coherencia visual ni la estructura general del portafolio.

Stack técnico

La web del despacho se construyó sobre WordPress con desarrollo a medida, priorizando la presentación de proyectos arquitectónicos, la claridad visual y la facilidad de actualización.

  • WordPress como base del portafolio
  • Theme y plantillas personalizadas para proyectos y secciones
  • Custom post types para obras y categorías de proyecto
  • HTML, CSS y Javascript orientados a una experiencia visual limpia
2014 Portafolio de arquitectura, interiorismo y urbanismo con foco en proyectos construidos
Wordpress Arquitectura Portafolio Interiorismo

Preguntas frecuentes

¿Qué tipo de proyectos presenta la web de MANO Arquitectura?

La web de MANO Arquitectura está pensada como un escaparate ordenado de los proyectos que definen la trayectoria del estudio. El visitante encuentra viviendas como Pleta Arriu en Baqueira Beret, intervenciones en la Costa Brava como Casa Aiguablava, proyectos como Casa Ibiza o promociones residenciales como Isard Homes. Cada proyecto se muestra como una pieza que combina arquitectura e interiorismo, destacando la relación con el lugar, el tratamiento de la luz y el uso de materiales nobles. La web se dirige a clientes potenciales que buscan un estudio capaz de abordar desde viviendas unifamiliares hasta desarrollos residenciales de mayor escala, pasando por proyectos de interiorismo. La estructura permite recorrer proyectos destacados y, al mismo tiempo, hacerse una idea de la diversidad de escalas y contextos en los que trabaja el despacho.

¿Cómo refleja la web la filosofía del estudio respecto al lugar, la luz y los materiales?

La web incorpora el discurso del estudio sobre el lugar, la luz y los materiales no solo en forma de texto, sino también a través de cómo se presentan las imágenes y los proyectos. Los textos explican que MANO Arquitectura diseña con una clara influencia del lugar y de las personas que habitan los espacios, y que elige materiales nobles que, combinados con un manejo sutil de la luz, generan atmósferas que activan los sentidos y la memoria. Visualmente, esto se refuerza con fotografías que enfatizan la relación entre interior y exterior, las vistas, las texturas y los detalles constructivos. La estructura del sitio deja espacio para que estas imágenes respiren, evitando recargar la página, de modo que el visitante sienta, aunque sea de forma virtual, parte de esas atmósferas. En conjunto, la web se convierte en una extensión coherente de la filosofía del estudio.

¿Cómo está estructurado el portafolio para que un visitante entienda el alcance del estudio?

El portafolio se ha organizado para que un visitante pueda entender, en pocos clics, el alcance y la diversidad del trabajo de MANO Arquitectura. Los proyectos destacados muestran obras significativas en distintos contextos —montaña, costa, entornos urbanos— y escalas —desde viviendas individuales hasta promociones de varias decenas de viviendas. Cada proyecto cuenta con una página propia, donde se combinan texto e imágenes para explicar el tipo de intervención, el contexto y los elementos clave del diseño. Esta estructura permite que un potencial cliente que busca, por ejemplo, una casa en la costa, pueda fijarse en proyectos como Casa Aiguablava, mientras que alguien interesado en desarrollos residenciales vea reflejada su necesidad en promociones como Pleta Arriu o Isard Homes. De este modo, el portafolio no es solo un listado de obras, sino una herramienta para mostrar cómo el estudio se adapta a distintos retos.

¿Qué aporta el desarrollo sobre WordPress a medida en un portafolio de arquitectura?

El uso de WordPress con un desarrollo a medida permite combinar la flexibilidad de un gestor de contenidos conocido con el control necesario en un portafolio de arquitectura. Para MANO Arquitectura, esto se traduce en la posibilidad de añadir nuevos proyectos, actualizar textos o reorganizar secciones sin renunciar a la coherencia visual ni a la calidad de la maquetación. El theme y las plantillas personalizadas garantizan que cada nueva obra se integre en el sitio respetando la misma estructura y el mismo lenguaje visual que las existentes. Al no depender de una plantilla genérica, el estudio mantiene un control preciso sobre cómo se muestran las imágenes, los textos y los elementos de navegación, algo clave cuando la web debe transmitir el cuidado por el detalle que caracteriza al trabajo del despacho.

¿Cómo se ha tenido en cuenta la experiencia del usuario que llega por primera vez a la web?

La experiencia del usuario que llega por primera vez a la web se ha planteado como un recorrido claro y sin ruido. La página de inicio propone proyectos destacados y un breve texto que introduce la filosofía del estudio. Desde ahí, la navegación permite acceder rápidamente al portafolio, a la sección donde se explica la forma de trabajar y a los canales de contacto. El diseño evita menús demasiado complejos o jerarquías profundas, de modo que el visitante no se pierda. La prioridad es que, en pocos minutos, pueda responder a tres preguntas: qué tipo de arquitectura hace el estudio, en qué contextos trabaja y cómo contactar si siente afinidad con lo que ve. Esta simplicidad aparente es el resultado de un trabajo consciente de diseño y desarrollo, en el que se ha priorizado la claridad sobre la acumulación de elementos.

¿Qué puede esperar un cliente que contacta al estudio a través de la web?

Un cliente que contacta a MANO Arquitectura a través de la web llega probablemente atraído por algún proyecto que le resuena: una casa en la costa, una vivienda en la montaña o una promoción residencial. La web está preparada para canalizar ese interés mediante formularios y datos de contacto claros. El cliente puede esperar que, a partir de ese primer contacto, el estudio se interese por el contexto del encargo: ubicación, programa, presupuesto, plazos y, sobre todo, cómo se imagina vivir o usar el espacio. La web, al mostrar previamente el tipo de trabajo que realiza el despacho y su filosofía, actúa como filtro natural: quien se anima a escribir ya comparte, en cierta medida, la sensibilidad arquitectónica del estudio. Esto facilita que la conversación arranque desde un terreno común, en el que la web ha actuado como carta de presentación honesta y precisa.

¿Qué diferencia esta web de otros portafolios de arquitectura más genéricos?

La web de MANO Arquitectura se diferencia de portafolios más genéricos en que está profundamente alineada con la manera en que el estudio entiende la arquitectura. No se trata solo de una galería de imágenes, sino de un espacio donde se combinan proyectos concretos con una narrativa sobre el lugar, la luz, los materiales y el tiempo. El diseño y el desarrollo han buscado evitar plantillas estándar que podrían valer para cualquier estudio, en favor de una estructura que enfatiza la relación entre texto e imagen, la respiración de las páginas y la sensación de continuidad entre proyectos. Esta especificidad hace que el visitante perciba la web como una extensión natural de la práctica del despacho, no como un envoltorio genérico. Para un cliente, esto se traduce en una percepción más clara de la personalidad del estudio y de lo que puede esperar si decide confiarle su proyecto.