uzdowski.design

← WorkPlan and sectionClient work · Live

YONO Architecture

A portfolio site for an architecture and interior-design studio in Toruń and Poznań.

Type
Studio website with CMS
Role
Design (Figma), development, CMS, SEO
Year
2026
For
Client work
Stack
Next.js 16 · React 19 · TypeScript · Sanity · Tailwind 4 · Resend · Vercel

Visit yonoarchitecture.com

YONO Architecture homepage: a full-bleed photograph of a modern house with the headline “Nowoczesna architektura”.
Live site

02

Context

An architecture studio’s site is its portfolio. It has to let photographs lead, and it has to be easy for the studio to keep up to date.

03

Role

Client work delivered through Binary Brain Technologies. I designed the site in Figma first, then built it and set up the content model, CMS and SEO.

04

Idea

Sharp edges, owned content.

Radius is zero everywhere - the interface uses the same straight edges as the drawings it presents.

The studio owns its structure: project and publication categories are content in the CMS, not code, so filtering follows whatever taxonomy the studio decides on.

4 7503 7503 500
Drawing: plan lines at zero radius.

05

Experience

  • Projects filtered by category, each with a slider and lightbox; publications written in rich text.
  • Service pages for architecture and interior design, and landing pages for the cities the studio works in.
  • A contact form that sends through a server action, with a honeypot instead of a captcha.
  • Sanity Studio embedded in the site for editing.
YONO Architecture homepage on a phone.

06

System

  1. InterfaceNext.js 16 App RouterTailwind 4Motion for route transitions
  2. ContentSanity schemas for projects, categories, publications, hero and testimonialsIncremental static regeneration
  3. FormsServer Action + ResendValidation, escaping, honeypot
  4. SEOStructured data, sitemap and per-page metadataIndexing gated to the production environment
  5. InfrastructureVercel

07

Details

Previews stay out of search

Robots rules and metadata allow indexing only in the production environment with the canonical domain, so preview deployments never compete with the real site.

08

Output

A live studio website with an editable CMS at yonoarchitecture.com.

09

Reflection

The design and the build came from the same hands: the straight edges drawn in Figma are the same ones the CSS enforces, and the content model lets the studio run the site by itself.