007 · PROJECT
FORMA Showroom
A SCROLL-DRIVEN LUXURY FURNITURE SHOWROOM YOU WALK THROUGH
THE SITE ISN'T A CATALOGUE FOR THE HOUSE. THE HOUSE IS THE CATALOGUE.
OVERVIEW
FORMA is a concept furniture brand with one idea at its core: instead of scrolling through a grid of products, you walk through a home that's furnished entirely from the collection. The page opens outside a golden-hour villa; scrolling carries you through the entrance into the living room, the dining room, the bedroom, and a gallery of the collections, before pulling back for a final wide view at dusk. Scroll position is the only animation driver. The journey plays forward and backward at exactly the pace of your thumb.
Commerce is layered onto the walkthrough rather than separated from it. Product hotspots sit on the actual furniture in each room (the sofa, the pendant, the wardrobe) and open cards with INR pricing, dimensions, materials and enquiry actions. A nine-piece shop mirrors the walkthrough one-to-one: everything tappable in a room is buyable, and nothing else is. Navigation stays accessible throughout, so no one is forced through the cinematic to reach a product.
The craft is in the details: the seven room scenes are AI-generated photoreal renders held together by a byte-identical Architectural Digest-style prompt preamble, so they read as one house in one light. The nav and collection cards are real-refraction "liquid glass": a vendored WebGL library, patched to sample a live canvas of whichever room is currently behind them. The build degrades gracefully: reduced-motion users get still crossfades, phones get a simplified experience, and the architecture is pre-wired for a fully scroll-scrubbed cinematic video chain as its next phase.
HIGHLIGHTS
- Scroll-scrubbed walkthrough of six spaces with per-room pacing: slower dwell where the copy peaks, brisk through transitions
- Seven photoreal scenes generated with an identical style preamble for a single cohesive golden-hour world
- Product hotspots on the real furniture in each room; a shop that maps one-to-one onto what the walkthrough shows
- WebGL liquid-glass nav and cards with genuine refraction of the room behind them, tuned for text contrast
- Full shop UX: category filters, product detail, cart, and enquiry, with lakh-formatted INR pricing
- Reduced-motion fallback, phone-hardened scrolling, lazy-loaded scenes
STACK
Vanilla JS · scroll-world scrub engine · WebGL (liquid-glass, patched) · gpt-image-2 scene renders · Vercel