// case study
D+S Arquitectos
Arquitectura contemporánea y diseño — vivienda y comercio en la Ciudad de México.
Online ↗
Problema
D+S se dedica a la conceptualización y construcción de vivienda y comercio, con un portafolio de más de 45 proyectos terminados y varios más en proceso. El sitio tenía que mostrar ese volumen de trabajo — cada proyecto con su propia ubicación y galería — sin volverse imposible de mantener conforme la lista sigue creciendo.
Contexto
Catálogo de 45+ proyectos terminados y 5 en proceso, cada uno con su propia página (título, ubicación, galería de fotos) — el sitio tiene que sostener altas nuevas conforme D+S cierra proyectos. [¿algo más de contexto — cómo llegaste al proyecto, alguna restricción de tiempo/entregable? — ajústalo]
Mi rol
Diseño, desarrollo y código completo del sitio, de principio a fin — página por página, para cada uno de los 45+ proyectos del portafolio.
Decisiones de frontend
Estado
Sitio estático — el único elemento dinámico real son los sliders de imágenes (7 banners en home, galería propia en cada página de proyecto).
Datos
Página HTML individual por cada proyecto, con su propia carpeta de imágenes — sin backend ni JSON, todo escrito directo en el marcado siguiendo una convención de nombre y carpeta.
Componentes
Slider de banners en home, grid de Portafolio (45+ proyectos) y Proyectos en proceso (5), página individual por proyecto (título, ubicación, galería), sección de Publicaciones, y Contacto.
Ruteo
Multi-página real (no anclas) — nav fija con D+S, Portafolio, Proyectos en proceso, Publicaciones y Contacto, más una URL individual por cada uno de los 45+ proyectos.
Accesibilidad
[¿Qué revisaste? — ajústalo]
Performance
[¿Qué optimizaste y cómo lo mediste? — ajústalo]
Testing
Probado en celular, más feedback directo del cliente.
Qué no hice, y por qué
No monté un CMS ni backend — con 45+ páginas de proyecto, cada una sigue la misma convención de nombre y carpeta de imágenes, así que agregar un proyecto nuevo es copiar el patrón en vez de mantener un panel de administración que nadie más va a tocar.
Cómo revisé el trabajo
Probado en celular, con feedback directo del cliente. El sitio tiene
Google Analytics instalado, aunque con un ID viejo de Universal
Analytics (UA-22475375-1) — Google apagó UA en julio de
2023, así que vale la pena confirmar si de verdad sigue recibiendo
datos en vivo o si conviene migrarlo a GA4.
Resultado
Con 45+ proyectos documentados y actualizándose desde 2007, el sitio ya funciona como el portafolio de referencia del despacho. Los números que reporta ese tag de Analytics (215 usuarios, 1.7 mil vistas, 204 nuevos en el periodo consultado) parecen seguir llegando, pero dado que es un ID de UA descontinuado, confírmalos con cautela — si migras a GA4 vamos a tener un número más confiable para esta sección.
Con más tiempo
[¿Qué mejorarías? — ajústalo]