← All projectsClient site / Architecture · 2025

INEX — Architecture Studio

A fast, image-forward website for an architecture studio, built with Next.js and PayloadCMS so the team publishes new work without a developer.

Stack
Next.jsTypeScriptPayloadCMSTailwind CSSPostgreSQLVercel

Case study

Problem
An architecture studio's work is its portfolio, but their old site buried projects behind slow galleries and a template no one on the team could update.
What I did
Designed and built a fast, image-forward marketing site with a CMS the studio manages itself.
Context
INEX is an architecture firm whose reputation rests entirely on its built work. Their previous site was a rigid template — heavy image galleries, slow to load, and impossible to update without a developer — so the portfolio was always months out of date.
Decisions
Made every project a Payload CMS entry with structured fields for imagery, location, and program, so the team publishes new work without touching code. Optimized image delivery aggressively — responsive sources and lazy loading — because for an architecture studio the photography is the product.
Outcome
A gallery-first site the studio updates on its own, with project pages that load fast and let the architecture speak.

Overview

INEX is an architecture studio whose reputation is built on its finished work. The site is a fast, image-forward showcase of that work, backed by a CMS the team manages without a developer.

Highlights

  • Gallery-first project pages built around large, responsive photography
  • Structured project entries — imagery, location, program, and year — editable in Payload
  • Aggressive image optimization with responsive sources and lazy loading
  • Bilingual content model (English and Spanish)
  • SEO-optimized project and studio pages

Approach

Every project is a Payload CMS entry, so the studio publishes new work through the admin panel rather than editing code. Because the photography is effectively the product, image delivery was tuned first: responsive sources, lazy loading, and a layout that lets full-bleed imagery carry each page.