Scroll-Driven Layout
Pinned hero, parallax project imagery, and choreographed section reveals that guide the visitor through the studio narrative.
Company ProfileFormique Architecture (Case Studies)2026
An architecture studio website built to feel as considered as the buildings.
A portfolio piece — a scroll-driven company profile for a fictional architecture studio specialising in residential cluster housing across Indonesia.
ArchitectureMotion UIScroll Animation
ClientFormique Architecture (Case Studies)
ScopeCompany Profile Design · Scroll Animation · Motion UI · Frontend Development · SEO
Timeline2 weeks
Year2026
ClientFormique Architecture (Case Studies)
CategoryCompany Profile
ServiceCompany Profile Design, Scroll Animation, Motion UI, Frontend Development, SEO
Timeline2 weeks
Year2026
01
The Brief
Architecture firms in Indonesia often rely on generic WordPress templates or marketplace listings that flatten their work into thumbnail grids. The brief was to design a studio website where the digital experience reflects the same spatial awareness and material sensibility as the built projects.
02
The Build
We designed a scroll-driven company profile with GSAP-powered section transitions that mirror architectural movement — slow reveals, deliberate pacing, and generous whitespace. Project showcases use parallax imagery and pinned layouts that let each residential cluster breathe on screen the way it would in person.
03
What We Shipped
Every component we built, and the brief behind it.
Project Showcases
Full-bleed image layouts for residential cluster projects with location tags, specs, and smooth gallery transitions.
Motion Typography
GSAP-animated headlines with staggered character reveals and slow easing tuned to match the architectural tone.
Mobile-First Build
Reduced motion for mobile, touch-friendly navigation, and optimised image loading for Indonesian mobile networks.
04
Impact & Results
The real-world outcomes and performance indicators.
6+Scroll sequences
1Seamless experience
2Weeks to build
05
Tech Stack
Next.jsGSAPScrollTriggerTailwind CSSVercel