Skip to content
Back to projects

Sangil Studio

Professional portfolio for Yago and Juan Luis, who have set up an architecture studio in Pamplona

Live site(opens in a new tab)Source(opens in a new tab)
Sangil Studio first screen: a full-bleed photograph of the concrete portico of a social housing development in Pamplona, with the serif headline «Architecture with a reason behind every decision» and the project caption below.
My role
Design, development, content model and deployment
Year
2026
Status
In production

Portfolio site for Sangil Studio, an architecture practice in Pamplona. This is the project the methodology came from, later reused across the rest: one branch per environment, content in Sanity, and a static architecture with webhook revalidation.

On an architecture site, typography and whitespace are 90 % of the work: any interface element competing with a photograph of the built work is one element too many.

What's inside

  1. Project order editable by drag-and-drop in the panel, using lexorank: reordering twenty works does not rewrite twenty documents.

  2. Images are served and transformed by Sanity’s CDN through a custom next/image loader: a 25 MB photograph arrives light without anyone preparing it, and it consumes no Vercel optimisation quota.

  3. Two separate Vercel environments (test and production) with indexing restricted to the main branch, so the test copy never competes in Google with the client domain.

Stack

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