Yevhen HolotaWeb UI/UX Designer Available for workKyiv --:--

← BackCase 01 / 05Studio siteShipped, no longer online

Architecture Studio

A site for a contemporary architecture practice where the projects speak and the interface steps back.

Client
Name TBD
Industry
Architecture
Role
Web designer, art direction
Year
2026
Visual direction
Swiss, minimalism
Services
Information architecture, Art direction, Visual design, Front end
Open the site ↗

Concept

Architects judge a studio by its buildings, not by its website. The site works as a quiet, precise frame: a strict grid, large photography, and typography that reads like a drawing title block.

Every project page follows the same rhythm (context, idea, plans, photography, facts) so a visitor can compare the work and the studio can add projects without a designer.

Challenge

The studio had a portfolio of strong buildings and a site that hid them: slow galleries, inconsistent project pages, and no clear path for clients, developers, or candidates.

  • Let the projects lead, with the interface staying in the background
  • One project template the team can fill on its own
  • Clear routes for clients, press, and candidates

Structure

Home: selected projects
  1. 01Projects: index with filters by type and status
  2. 02Project page
  3. 03Studio: approach, team, awards
  4. 04Journal
  5. 05Careers
  6. 06Contact

Visual system

Typefaces

Aa
Inter TightDisplay and textABCDEFGHIJKLM abcdefghijklm 0123456789

Palette

  • Paper#F1F0EC
  • Ink#111111
  • Concrete#9A9993
  • Shadow#3D3C38
  • Signal#D9442B

Grid

12 col · 24 px gutter · 1440

Key pages

Project indexSwitches between an image grid and a dense list with year, type, location, and status, like an architect’s archive.
Project pageFull-bleed photography, plans and sections on a light background, and a facts block in the same place on every project.
Typography as a systemOne grotesque, two weights, and a 12-column grid that holds every page together.

Then and now

OriginalRefresh 2026

Same structure and content model; new grid, type, and image handling, and a coded build that loads fast on mobile.

Results at launch

+XX%
project page views per session
+XX%
enquiries from the site
X.Xs
LCP on mobile after the refresh
Next case · 02Digital Magazine