Saltar al contenido

Sangil Studio

Portfolio profesional para Yago y Juan Luis, que han montado un estudio de arquitectura en Pamplona

Primera pantalla de Sangil Studio: fotografía a sangre del pórtico de hormigón de una promoción de vivienda social en Pamplona, con el titular en serif «Arquitectura con una razón detrás de cada decisión» y el pie de obra debajo.
Mi papel
Diseño, desarrollo, modelo de contenido y despliegue
Año
2026
Estado
En producción

Web de portfolio para Sangil Studio, estudio de arquitectura en Pamplona. Es el proyecto del que salió la metodología que después reutilicé en el resto: modelo de ramas por entorno, contenido en Sanity y una arquitectura estática con revalidación por webhook.

En una web de arquitectura la tipografía y el aire son el 90 % del trabajo: cualquier elemento de interfaz que compita con una fotografía de obra está de más.

Lo que tiene dentro

  1. Orden de los proyectos editable arrastrando en el panel, con lexorank: reordenar veinte obras no reescribe veinte documentos.

  2. Las imágenes las sirve y transforma la CDN de Sanity mediante un loader propio de next/image: una foto de obra de 25 MB llega ligera sin que nadie la prepare, y no consume cuota de optimización de Vercel.

  3. Dos entornos separados en Vercel (test y producción) con indexación restringida a la rama main, para que la copia de test no compita en Google con el dominio del cliente.

Stack

  • Next.js 16
  • TypeScript
  • Tailwind CSS 4
  • Sanity
  • lexorank
  • Vercel