Valent Architect · Caso de estudio

Un despacho de arquitectura, presentado en su totalidad.

Una maqueta de presentación en plástico transparente de la Residencia Veleros, una casa de Valent Architect: dos volúmenes unidos por un puente alrededor de una piscina en el patio, con palmeras, árboles y arbustos, en 3D
Resumen del proyecto
Un desarrollo WordPress a medida para un estudio del sur de Florida con veinte años de trabajo a sus espaldas, pensado para que los proyectos sostengan al despacho y el estudio pueda seguir publicando sin mí.
Servicios
  • Estructura
  • Dirección de diseño
  • Un sitio que es del estudio
  • Lanzamiento
Fecha
Septiembre de 2026
Cliente
Valent Architect
Ubicación
Sur de Florida
Recorrido por valentarchitect.com: la página de inicio, dos páginas interiores, el sitio en teléfonos y el logotipo de Valent Architect

Lo que el sitio tenía que hacer.

Patrick Valent lleva más de veinte años diseñando casas y edificios en todo el sur de Florida, y el trabajo es el argumento. El sitio tenía que poner los proyectos primero y hacer que el despacho fuera fácil de entender antes de que alguien tome el teléfono.

Lo construí para que el estudio sea su dueño: cada página, fotografía y proyecto se puede editar en WordPress, sin tocar una plantilla.

  • 10Proyectos, filtrables por sector
  • 5Páginas principales, una sola jerarquía
  • NCARBCertificación, dicha con claridad en la página
  • Sep 2026Lanzado
Secciones del sitio de Valent Architect dispuestas en ángulo

Lo que tenía que cambiar.

  1. El trabajo tenía que ir al frente, al tamaño que la fotografía merece.

  2. Diez proyectos tenían que poder encontrarse por sector, ubicación y estado, no pasarse de largo al desplazarse.

  3. Las credenciales del despacho tenían que ser claras: veinte años, certificación NCARB y un número de registro de Florida.

  4. El estudio tenía que poder agregar el siguiente proyecto por su cuenta, sin llamarme.

La página de trabajo de Valent Architect con el titular Across scales, sectors, and sites, con filtros para los diez proyectos, residencial a medida y multifamiliar
Trabajo · Filtrable por sector, con ubicación y estado de obra en cada proyecto
  • La página de inicio desplazándose, grabado de valentarchitect.com
  • La página de inicio al cargar, grabado de valentarchitect.com
  • El menú principal, grabado de valentarchitect.com

Pantallas

Cada página, un solo sistema.

El inicio, el trabajo, la página de un proyecto, el enfoque, la información del estudio y el contacto comparten una retícula, una escala tipográfica y un color de acento, de modo que la fotografía marca la diferencia entre ellas.

  • La página Proyectos desplazándose, grabado de valentarchitect.com
  • La página Residencia Veleros desplazándose, grabado de valentarchitect.com
  • La página Enfoque desplazándose, grabado de valentarchitect.com
  • La página Nosotros desplazándose, grabado de valentarchitect.com

El mismo despacho en el teléfono.

La mayoría de la gente conoce el trabajo de un arquitecto en un teléfono. La fotografía principal, la lista de proyectos y la forma de iniciar una conversación conservan ahí el mismo orden y el mismo peso.

El menú del teléfono abriéndose, grabado de valentarchitect.com en un teléfono
La página de inicio en un teléfono, grabado de valentarchitect.com en un teléfono
La página Proyectos en un teléfono, grabado de valentarchitect.com en un teléfono

Wireframes

La estructura de fondo.

Las mismas páginas sin el estilo visual: una retícula, una escala tipográfica y el mismo conjunto de componentes en cada ruta.

Páginas de Valent Architect dibujadas como wireframes, dispuestas en ángulo: tarjetas, botones y campos en contorno, barras grises para el texto y dibujos lineales de las fotos

Sistema visual.

Índigo sobre un papel cálido, con los renders y las fotografías aportando el color. Archivo compone los titulares y las etiquetas, Inter el texto de lectura, y nada compite con los edificios.

Tipografía · Archivo

  • #211E45
  • #302B6B
  • #9A7D5D
  • #D9D2C8
  • #F7F5F0

Resultado.

Valent Architect tiene ahora un sitio que muestra el trabajo a tamaño completo, ordena diez proyectos por sector, ubicación y estado, y presenta con claridad las credenciales del despacho.

El estudio publica el siguiente proyecto por su cuenta: el texto de las páginas, las fotografías, el carrusel de la página de inicio y el color de acento se pueden editar en WordPress, y las consultas llegan directamente al estudio.

Cómo se armó este proyecto.

Cuatro pasos, y lo que cada uno tenía que resolver.

  1. Estructura

    Definí lo que un visitante necesita antes de llamar a un arquitecto: el trabajo, cómo trabaja el estudio, quién es y una sola forma de iniciar una conversación.

  2. Dirección de diseño

    Construí la escala tipográfica, la retícula y el acento en torno a fotografías a sangre completa, para que un render pueda ocupar todo el ancho de la pantalla sin que la página se desarme a su alrededor.

  3. Un sitio que es del estudio

    Escribí un tema a medida y un plugin complementario que sostienen la estructura de los proyectos, para que las páginas, las fotografías, el carrusel y los colores sigan siendo editables y la estructura no se pueda desactivar por accidente.

  4. Lanzamiento

    Pasé el sitio al dominio en producción con una migración por etapas, con el sitio anterior archivado y cada archivo verificado contra su suma de comprobación antes y después.