Web Experience — Forma Studio
Forma Studio creates photorealistic architectural visualisations for top-tier firms. I designed an immersive web experience that lets the work speak for itself.
How it is now.
A scroll-driven narrative where each project unfolds as a full-bleed cinematic sequence. Large-scale imagery paired with restrained typography and generous pacing. A modular page-builder system lets the team assemble new case studies without a designer.
How it was then.
Their previous website was a basic grid of thumbnails that did nothing to convey the cinematic quality of their renders. Most studio websites default to generic portfolio grids — Forma needed something that felt as considered as the work itself.
Want to dive into the details?
The scroll-driven narrative approach
Each project unfolds as a full-bleed cinematic sequence rather than a gallery grid. Scroll position triggers transitions between renders, letting visitors experience the spatial quality of each visualisation as they move through the page.
Performance optimisation and lazy loading
High-resolution architectural renders are heavy. We implemented responsive image sets, intersection-observer-based lazy loading, and optimised animations that respect reduced-motion preferences — keeping Lighthouse scores above 90.
Modular page-builder for the team
The CMS uses a block-based system so the Forma team can assemble new case studies from pre-designed sections without needing a designer for every update. Each block has built-in responsive rules and animation defaults.