Skip to content
pmLet’s talk
All projects

FORMA

Architecture, read as a measured dossier.

Forma presents architecture through the spaces themselves. A large framed photograph opens beside a narrow project archive, giving each interior room to speak before the studio describes its approach. Selecting a project changes its image, facts, material palette, and spatial study. The page then follows the scale of a physical dossier: a measured plan, a broad detail photograph, a smaller material crop, and quiet practice notes. Paper, charcoal, hairline rules, and compact technical labels recall an architect’s presentation board. The nested volume symbol expresses the relationship between structure and the lives it holds.

FORMA website and interaction detail in a layered presentation
Role
Brand identity and frontend design
Year
2026
Platform
Responsive website
Status
live
FORMA website in a physical product mockup
Physical product mockup

The problem

An architecture practice needs to show the experience of a room and the decisions behind it. Photographs, plans and material facts should stay connected to the selected project.

What I built

A responsive architecture archive with project selection, original spatial studies and a coordinated material dossier.

The choices behind it.

Brand identity and frontend design

Give the room the first word

A large interior photograph sits beside a narrow project archive. The restrained frame and compact facts keep the opening closer to a presentation board than a promotional banner.

Keep a project through the dossier

Selecting a residence changes its image, facts, material palette and spatial study. The dossier follows with a measured plan and unequal detail photographs.

Structure around the lives it holds

An open, nested architectural volume represents the dialogue between structure and the lives it holds.

FORMA phone layout: Architecture, read as a measured dossier.
Phone layout

From start to finish.

  1. Choose a project from the archive

  2. Study its room and spatial plan

  3. Read material and practice notes

Build details Stack, scope, and implementation

Built with

  • React 19
  • TypeScript
  • Vite
  • CSS

Areas

  • Web design
  • Brand identity
  • Architecture
  • Interior design
  • Studio
  • Editorial