Versión A
Editorial
Texto y fotografía en columnas, con la portada del concepto 02. La lectura más ordenada y la que menos depende de la fotografía.
Incluye: Portada y una página de proyecto.
Abrir la versión A
Rediseño web · Segunda ronda · Septiembre 2026
A partir de su guía de desarrollo del 27 de septiembre hemos construido la dirección acordada: la estructura del concepto 02, la atmósfera del concepto 03 y la tipografía del concepto 01, al servicio de un estudio de arquitectura. La presentamos en tres versiones. El contenido, la paleta, la tipografía y el orden de las secciones son los mismos en las tres; solo cambia la composición.
Abran cada versión en una pestaña nueva y recórranla de la portada al contacto. Fíjense en cuál transmite mejor el estudio y sus proyectos. Las tres están en español y en inglés; el selector de idioma está en la cabecera.
Los textos de proyectos, servicios, método y equipo son una redacción nuestra para que ustedes la corrijan. Las fotografías proceden de su dossier; los huecos marcados como «imagen pendiente» son fotografías que aún no tenemos.
01 · Versiones
Las tres respetan lo acordado: fondo oscuro, naranja solo como acento, titulares contenidos y las siete secciones de portada en el orden de su guía.
Versión A
Texto y fotografía en columnas, con la portada del concepto 02. La lectura más ordenada y la que menos depende de la fotografía.
Incluye: Portada y una página de proyecto.
Abrir la versión A
Versión B
La fotografía a sangre como fondo y el texto sobre ella; los proyectos aparecen como bandas a pantalla completa. La más atmosférica, y la que más fotografía de calidad necesita.
Incluye: Portada, proyectos, dos páginas de proyecto, servicios, estudio, internacional y contacto.
Abrir la versión B
Versión C
Una retícula de fichas, como un archivo de trabajo: cada proyecto con su ubicación y su alcance a la vista. La más informativa, y la que mejor admite muchos proyectos.
Incluye: Portada, índice de los 16 proyectos y ficha de cada uno.
Abrir la versión C02 · Lo común
Estos elementos salen de su guía y no cambian entre versiones.
03 · Comparación
| Composición | Lectura | Depende de la foto | Ideal cuando | |
|---|---|---|---|---|
| A · Editorial | Texto e imagen en columnas | Ordenada | Media | Quieren la estructura del concepto 02 tal cual |
| B · Cinemático | Fotografía a sangre, texto encima | Pausada e inmersiva | Alta | Hay fotografía de calidad para cada proyecto |
| C · Índice | Retícula de fichas | Rápida e informativa | Media | Quieren mostrar muchos proyectos con su alcance a la vista |
04 · Decisión
Con su respuesta cerramos una única versión y preparamos el resto de páginas.
05 · Material
Para completar la web necesitamos este material.
Primera ronda · Referencia
De ellas salió la dirección acordada. Se mantienen aquí como referencia.
Concepto 01 · Dossier editorial
Un dossier técnico convertido en portfolio: información clara, atribución rigurosa y espacio para explicar alcance, método y experiencia.
La dirección más sólida para documentar proyectos con detalle técnico.
Abrir el concepto
Concepto 02 · Apertura
Tipografía directa, contraste marcado y un recorrido que lleva al visitante desde su momento de apertura hasta una conversación concreta.
La dirección más inmediata de comprender y la más orientada a generar contacto.
Abrir el concepto
Concepto 03 · Espacios
Una presencia oscura y contenida, dirigida por los proyectos y la fotografía, para transmitir experiencia internacional y atención al detalle.
La dirección con mayor presencia de marca, siempre que haya fotografía de calidad.
Abrir el concepto