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
- Next.js 15
- TypeScript
- Sanity
- Tailwind CSS
- Vercel
ATELIER
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-transitionsAPI 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
Jan 2026
Discovery & architecture
Interviews with designers, audit of the existing site, picking the stack and content model together with the team.
Feb 2026
Design system & MVP
Component scaffolding, type ramp, transitions. First working version with three projects in the portfolio.
Mar 2026
Content admin
Sanity schemas for projects, team, services. Live preview before publishing, media CDN.
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
Tell usabout it.
Describe what you're building — we'll reply within 48 hours with a clear next step. No fluff, no templates.
- 48h reply
- Personal touch
- No commitment

