02 / 12 — Web Development

Vanta
Studio.

A high-performance studio site for a creative agency. Custom scroll-driven animations, CMS-backed case studies, and a sub-second Lighthouse score — without a single JavaScript framework on the client.

Client
Vanta Studio
Year
2025
Timeline
4 weeks
Role
Design & Development
Stack
Webflow · GSAP · Contentful
01 — Context

A Studio That Needed
to Look Like One.

Vanta Studio is a boutique creative agency with genuinely exceptional work — but their site was a generic WordPress theme from 2019. Clients were arriving at calls already half-disappointed. The work was great; the digital front door wasn't.

The brief was clear: the site had to feel like the work. Every pixel had to carry the same craft and intentionality as the brand identities they were selling. And it had to be fast — a slow portfolio site is a contradiction in terms.

02 — Approach

Craft at Every
Scroll Position.

I designed directly in the browser, running weekly Loom recordings for async feedback. The animation system was built in layers — CSS-first for simple transitions, GSAP only where physics mattered, no JavaScript where vanilla CSS could do the job.

  • Week 1 — Art directionType scale, motion language, grid system. Established in Figma, stress-tested in the browser within 72 hours.
  • Week 2 — Core templatesHome, case study listing, single case study. CMS schema defined and populated with five existing projects.
  • Week 3 — Scroll animationsParallax hero, horizontal case study scroll, staggered entry animations. GSAP ScrollTrigger with IntersectionObserver fallbacks.
  • Week 4 — Performance passImage optimisation (AVIF + WebP), font subsetting, critical CSS inlining. Lighthouse 99/100 across the board.
03 — Results

First Impressions,
Fixed.

Within a month of launch, the studio reported that every new-business call started with the client mentioning the website. Inbound lead quality improved measurably. The team could update case studies themselves in under ten minutes.

99
Lighthouse
performance score
4 wks
Design to
live deployment
0.8s
LCP on mobile
3G connection
10 min
To publish a new
case study (self-serve)
Clients started mentioning the site before we even started the pitch. That never happened before.Priya K. — Founder, Vanta Studio