Back to projects
Live·2026·Pinned·Built by Kata

Atelier

A portfolio site for an interior-design studio. Dark typography, smooth transitions, and a custom admin built for non-technical editors.

  • Next.js 15
  • TypeScript
  • Sanity
  • Tailwind CSS
  • Vercel
  • Year2026
  • Duration3 months
  • Team2 people
  • RoleBuilt by Kata
Stack
  • Next.js 15
  • TypeScript
  • Sanity
  • Tailwind CSS
  • Vercel

ATELIER

Preview · placeholderFX-001

Context

The studio has been doing interior work for six years, but their site was originally built "by a friend" in year one — on a page builder, with no editing flow and a stack of manual fixes layered on top. They didn't ask us to "rebuild it" — they asked us to rethink it: simplify the content, speed up publishing, and ship a site they wouldn't be embarrassed to put on the first line of search results.

The main pain was publishing. Each new project took two hours and a developer's help, so the portfolio kept showing work from two years ago.

What we built

Moved the site to Next.js + Sanity. Two layers:

  • Sanity — where projects, team, and services live. Editors get familiar fields, previews, and change history.
  • Next.js — where rendering, ISR, transitions, and SEO live.

Design

Dark palette, matching how the in-house designers actually work — they live in Figma's dark mode and wanted the site to feel like an extension of that workspace. Type: Söhne for UI, GT Sectra for headings.

Content model

Every project is:

  • Cover (16:9 or 4:5)
  • Up to 12 media blocks (photo, video, before/after slider)
  • Metadata: year, location, area, type
  • Relations to team and services

Inspiration from studio-thonik.com and studio-bruch.com.

Technical choices

  • ISR at 60s — Sanity publishes propagate almost instantly without per-request load.
  • Image CDN via Sanity → next/image with automatic WebP.
  • Transitions — native view-transitions API with a CSS fallback.
  • i18n — RU/EN baked in, no full reload on switch.

Post-launch metrics

  • Lighthouse — 98/100/100/100
  • LCP — 1.1s on 4G
  • Project publish time — from 2 hours down to ~10 minutes
  • In the first month the team shipped 8 new projects — more than in the entire prior year

What's next

We're in talks about a second phase — micro-pages per service and a CRM integration so site leads land in the funnel directly.

Milestones · Timeline

  1. Jan 2026

    Discovery & architecture

    Interviews with designers, audit of the existing site, picking the stack and content model together with the team.

  2. Feb 2026

    Design system & MVP

    Component scaffolding, type ramp, transitions. First working version with three projects in the portfolio.

  3. Mar 2026

    Content admin

    Sanity schemas for projects, team, services. Live preview before publishing, media CDN.

  4. Apr 2026

    Launch

    Cutover from the staging domain, analytics wiring, redirects from the old site, monitoring.

Up next

More from the studio

Start a project