Folio Claro
Fondo blanco y composición editorial en columnas. El negro queda para el pie de página.
Incluye: Portada completa, en español.
Abrir Folio ClaroRediseño web · Tercera ronda · Octubre 2026
Propuestas para la nueva web de RETAILAB
Reunimos aquí todas las propuestas desarrolladas a partir de su guía del 27 de septiembre. Todas usan el mismo contenido: su posicionamiento como estudio de arquitectura, sus textos de portada y los proyectos verificados. Cambian el equilibrio entre fondo claro y oscuro, la composición y el tono gráfico.
Cómo revisarlas
Empiecen por las tres primeras: son la misma página en claro, mixto y oscuro. Después compárenlas con las dos versiones basadas en su identidad actual y con la dirección oscura acordada. Las exploraciones previas quedan más abajo, por si algún detalle merece rescatarse.
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. Las propuestas nuevas están en español; la versión inglesa se prepara sobre la elegida.
01 · Claro, mixto y oscuro
Una misma página, tres equilibrios de fondo
Su guía pide fondo negro. Para que puedan decidir con todas las opciones a la vista, mostramos también una versión clara y una mixta; la oscura sigue su indicación al pie de la letra. Contenido y orden de secciones son los mismos en las tres.
Encuadre Mixto
Portada clara con una fotografía amplia; los proyectos y el contacto, sobre negro.
Incluye: Portada completa, en español.
Abrir Encuadre Mixto
Índice Oscuro
Fondo negro y un registro de proyectos: se elige un proyecto y se abre su ficha.
Incluye: Portada completa, en español.
Abrir Índice Oscuro02 · Desde la identidad actual
Dos versiones que parten de su web actual
Recuperan rasgos de la web que ya tienen: el naranja como bloque, títulos en mayúsculas espaciadas y fotografía en blanco y negro. El contenido es el aprobado en su guía.
Identidad actual
La barra lateral naranja de su web actual, titulares en mayúsculas y la lista completa de servicios.
Incluye: Portada completa, en español.
Abrir Identidad actual
Contraste
Bloques sólidos de negro y naranja, titulares rotundos y un proyecto destacado a toda anchura.
Incluye: Portada completa, en español.
Abrir Contraste03 · La dirección acordada
La dirección oscura, en tres composiciones
Nuestra primera lectura de su guía, con fondo negro en toda la página: la estructura del concepto 02, la atmósfera del 03 y la tipografía del 01. Disponible en español e inglés.
Editorial
Texto y fotografía en columnas, lo más cercano al concepto 02.
Incluye: Portada y una página de proyecto.
Abrir Editorial
Cinemático
La fotografía a sangre como fondo, con el texto encima; los proyectos, como bandas a pantalla completa.
Incluye: Portada, proyectos, dos páginas de proyecto, servicios, estudio, internacional y contacto.
Abrir Cinemático
Archivo
Una retícula de fichas, como un archivo de trabajo, con la ubicación y el alcance de cada proyecto a la vista.
Incluye: Portada, índice de los 16 proyectos y ficha de cada uno.
Abrir Archivo04 · Exploraciones previas
Variantes anteriores de las familias Folio, Encuadre e Índice
Versiones anteriores, todas en oscuro, de las tres primeras propuestas. Las incluimos por si algún recurso merece incorporarse a la elegida.
-
Folio Pliegos
Segunda versión de la familia Folio.
-
Encuadre Dintel
Segunda versión de la familia Encuadre.
-
Índice Ficha
Segunda versión de la familia Índice.
-
Folio
Primera versión de la familia Folio.
-
Encuadre
Primera versión de la familia Encuadre.
-
Índice
Primera versión de la familia Índice.
05 · Lo común
Lo que es igual en todas
Estos elementos salen de su guía y no cambian entre propuestas.
06 · Comparación
Comparación rápida
| Fondo | Composición | Fotografía | Ideal cuando | |
|---|---|---|---|---|
| Folio Claro | Blanco | Editorial, en columnas | Desaturada | Quieren una web luminosa y sobria |
| Encuadre Mixto | Blanco y negro | Fotografía amplia; proyectos sobre negro | Desaturada | Buscan equilibrio entre luz y atmósfera |
| Índice Oscuro | Negro | Registro de proyectos con ficha | Desaturada | Siguen la indicación de fondo negro |
| Identidad actual | Blanco, barra naranja | Barra lateral y listas | Blanco y negro | Quieren continuidad con la web actual |
| Contraste | Crema, negro y naranja | Bloques rotundos | Blanco y negro | Buscan una imagen más llamativa |
| Dirección acordada | Negro | Tres composiciones | Color | Quieren lo ya acordado, en dos idiomas |
07 · Decisión
Lo que necesitamos que decidan
Con su respuesta cerramos una única versión y preparamos el resto de páginas.
- Qué familia prefieren: claro, mixto u oscuro; identidad actual; o la dirección acordada.
- Dentro de esa familia, qué propuesta concreta, o qué combinar de varias.
- Correcciones a los textos de proyectos, servicios, método y equipo.
- La validación de cifras, fechas y países de cada proyecto.
08 · Material
Lo que necesitamos de ustedes
Para completar la web necesitamos este material.
- Fotografía de Kave Home Francia: no tenemos ninguna.
- Interiores de MANGO King's Road y de RH Madrid Gallery.
- Fotografía del estudio y retratos de mayor resolución de Edgar Doniz y Cecilia Zoido.
- Fotografía de proyecto en alta resolución: parte del dossier se ve poco nítida a pantalla completa.
- La fecha de La Catrina en el Mercado de Chamberí: el dossier indica julio de 2023 y nuestros datos, 2022.
- Confirmar el año de fundación, 2018.
- El naranja definitivo: su logotipo usa #E94E1B y su web actual, #DA551D.
- Su logotipo en vector y en versión para fondo oscuro; la que usamos es una adaptación nuestra.
Primera ronda · Referencia
Las tres propuestas iniciales
De ellas salió la dirección acordada. Se mantienen aquí como referencia.
Concepto 01 · Dossier editorial
Precisión 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
Confianza comercial
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
Galería arquitectónica
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