All ProjectsVisit Live SiteBook a Call
Agency PortfolioDemo build
Marble Wood Brass
A visually immersive portfolio for a high-end interior design studio, featuring smooth scroll animations and editorial typography.
GSAP Motion · Image-optimized
- Next.js
- GSAP
- Tailwind CSS
- Framer Motion
Shipped10 days · Agency Portfolio
StackNext.js · GSAP · Tailwind CSS
Outcome (lab)GSAP Motion · Image-optimized
marblewoodbrass.vercel.app
marblewoodbrass.vercel.app
The Challenge
Concept brief: a luxury studio site that feels as bespoke as the interiors — cinematic scroll, editorial type, fast images.
The Solution
Next.js + GSAP for fluid scroll motion, content in typed local data modules, and next/image optimization (AVIF/WebP, long cache).
Key Outcomes (lab)
- Cinematic scroll experience
- Optimized images + static prerender
- Typed, easily editable content
Engineering outcomes (lab)
Measured on Demo Deploys
Images
Unoptimized uploads
Before
AVIF/WebP, 30-day cache
After
Pages
Template-locked
Before
Static prerender
After
Content Edits
Developer-only
Before
Typed data files
After
Lab-measured on demo deploys (Lighthouse + manual timing) — not client Google Analytics or Stripe revenue data. No client affiliation implied.
Next Project
Web Application