CASO 03 / ARQUITECTURA

Cota EstudioSitio web para estudios de arquitectura

Sitio web para estudios de arquitectura

Comunicar criterio de arquitectura y obra sin parecer una galería decorativa.

Vista principal de Cota Estudio

EL PUNTO DE PARTIDA

Una hoja de obra digital con proyectos jerarquizados, decisiones espaciales y superficies que responden.

Demostración independiente diseñada y desarrollada para mostrar una experiencia comercial completa.

Dirección
Brutalismo editorial
Interacción
Materia activa
Estado
Archivo de obra

LECTURA DEL CASO

Una identidad que responde al negocio.

EL RETO

Un estudio de arquitectura no necesita mostrar imágenes aisladas: necesita explicar cómo piensa, qué prioriza y por qué una obra se siente inevitable. El reto era ordenar portfolio, manifiesto y materiales sin caer en un masonry accidental.

DIRECCIÓN

Cota Estudio usa una retícula visible, blanco cálido, negro de asfalto y un naranja óxido muy medido. El tratamiento brutalista no se apoya únicamente en el color: también aparece en la escala tipográfica, las líneas de construcción y la jerarquía del archivo.

EXPERIENCIA

El hero se construye por capas con una fotografía dominante y un plano anclado. Después, los proyectos se presentan con jerarquía editorial; los principios se expanden para explicar decisiones y el selector de superficies permite explorar concreto, madera, piedra y metal.

RESULTADO

El resultado es una demostración independiente que convierte el criterio espacial en una experiencia navegable. La página muestra cómo una identidad puede sostener fotografía, texto, interacción y responsive sin que el contenido compita consigo mismo.

DECISIONES

Lo visual tiene que resolver algo.

01

El hero se construye por capas con una sola fotografía dominante.

02

El portfolio usa una jerarquía principal, estudios de escala y un cierre, no masonry accidental.

03

Los principios se expanden para respaldar el manifiesto con decisiones concretas.

DESKTOP / MOBILE

La identidad no termina en un ancho.

Las composiciones cambian de estructura sin perder orden, jerarquía ni acceso a las acciones importantes.

Cota Estudio en escritorio
Cota Estudio en móvil

SISTEMA VISUAL

Una familia, no una colección de ocurrencias.

Asphalt#171918
Chalk#E0DFD4
Oxide#D7835C

Tipografía

Archivo BlackIBM Plex Mono

ENTREGABLES DEMOSTRADOS

La experiencia completa.

01

Portfolio jerárquico

02

Principios expandibles

03

Selector de superficies

04

Brief de proyecto

FUENTES Y CRITERIOS

Decisiones respaldadas y verificables.

Estas referencias explican los criterios técnicos aplicados. Es una demostración independiente y no atribuye clientes, testimonios ni resultados comerciales inexistentes.

01
WAI — Page Structure and Headings

Referencia para que manifiesto, obras, criterios y materiales conserven un orden semántico.

02
CSS Grid Layout

Especificación que sustenta la retícula editorial y su reorganización responsive.

SIGUIENTE CASO

InmobiliariaUmbral Casa