07Client website

YONO Architecture

Architecture, given room on screen.

Discipline
Web Development
Client
YONO Architecture
YONO Architecture / PRODUCT VIEW01
An image-led introduction to the architecture studio
An image-led introduction to the architecture studio

The problem to structure.

An architecture portfolio needs to communicate space, material and atmosphere while helping visitors explore the studio’s work. YONO brings architecture, interiors and completed projects into a clear collection.

02Implementation

How the pieces connect.

A Next.js and TypeScript website with Sanity-managed projects and publications. Category filters organize the portfolio, while dedicated project pages combine descriptions, photography, galleries and a lightbox. The studio and contact pages complete the path from discovering the work to making an enquiry.

03Inside the system

Below the interface.

01

Space for the work

Photography / Project galleries

A photographic homepage opens into a portfolio with category filters. Each project has a dedicated page with its own description, images and gallery viewer.

02

A publishing system behind the portfolio

Sanity / Next.js / Portable Text

Projects and publications are structured content in Sanity. Titles, categories, descriptions and galleries feed reusable page layouts, so the collection can grow without rebuilding each page.

03

From browsing to an enquiry

Studio / Services / Contact

Studio and service pages provide context around the portfolio. The contact page offers direct contact details and a validated enquiry form.

05Delivered

A live client website with a filterable architecture portfolio, individual project galleries, publications and project enquiries.

Next / your project

A similar challenge?

An idea, a bottleneck, a system that has outgrown its tools. Tell us where you are.

Tell us about it