INEX — Estudio de Arquitectura
Un sitio web rápido y centrado en la imagen para un estudio de arquitectura, construido con Next.js y PayloadCMS para que el equipo publique nuevos proyectos sin un desarrollador.
Stack
Next.jsTypeScriptPayloadCMSTailwind CSSPostgreSQLVercel
Caso de estudio
- Problema
- El trabajo de un estudio de arquitectura es su portafolio, pero su sitio anterior escondía los proyectos tras galerías lentas y una plantilla que nadie del equipo podía actualizar.
- Lo que hice
- Diseñé y construí un sitio rápido y centrado en la imagen con un CMS que el estudio gestiona por sí mismo.
- Contexto
- INEX es un despacho de arquitectura cuya reputación descansa por completo en su obra construida. Su sitio anterior era una plantilla rígida —galerías de imágenes pesadas, lentas de cargar e imposibles de actualizar sin un desarrollador—, así que el portafolio siempre estaba meses desactualizado.
- Decisiones
- Convertí cada proyecto en una entrada de Payload CMS con campos estructurados para imágenes, ubicación y programa, de modo que el equipo publica obra nueva sin tocar código. Optimicé la entrega de imágenes de forma agresiva —fuentes responsivas y carga diferida— porque para un estudio de arquitectura la fotografía es el producto.
- Resultado
- Un sitio centrado en la galería que el estudio actualiza por su cuenta, con páginas de proyecto que cargan rápido y dejan hablar a la arquitectura.
Resumen
INEX es un estudio de arquitectura cuya reputación se construye sobre su obra terminada. El sitio es una vitrina rápida y centrada en la imagen de ese trabajo, respaldada por un CMS que el equipo gestiona sin un desarrollador.
Aspectos destacados
- Páginas de proyecto centradas en la galería, construidas en torno a fotografía amplia y responsiva
- Entradas de proyecto estructuradas —imágenes, ubicación, programa y año— editables en Payload
- Optimización agresiva de imágenes con fuentes responsivas y carga diferida
- Modelo de contenido bilingüe (inglés y español)
- Páginas de proyecto y de estudio optimizadas para SEO
Enfoque
Cada proyecto es una entrada de Payload CMS, así que el estudio publica obra nueva desde el panel de administración en lugar de editar código. Como la fotografía es en la práctica el producto, la entrega de imágenes se afinó primero: fuentes responsivas, carga diferida y un diseño que deja que la imagen a sangre completa lleve cada página.