Corporate Website

Creative Agency Website

A site loud enough to be remembered, calm enough to read.

Year
2024
Duration
4 weeks
Role
Design + Front-end
Status
Case study
Creative Agency Website
Overview

A boutique creative agency wanted a homepage that pitched the work for them. We built a scroll-driven narrative: the headline holds, the case studies sweep in horizontally, and the CTA appears at the exact moment the reader is convinced.

Content lives in Sanity so the team can update reels and case studies without a dev in the loop.

Challenges
  • 1

    Pull off heavy motion design without breaking accessibility.

  • 2

    Render long-form case studies that feel like print, on the web.

  • 3

    Give the team an editor that does not require a tutorial.

What was built
🎬

Reels above the fold

Auto-playing, muted, looping case-study reels with a graceful poster fallback.

🌀

Horizontal case studies

GSAP scroll-pinned section that turns vertical scroll into a horizontal storyline.

✍️

Long-form case studies

Editorial layouts with pull quotes, captions and gallery rows.

🛠️

Sanity-powered CMS

Custom Sanity Studio configured around the agency's actual content model.

Tech stack
Next.js 16GSAPTailwind CSS v4SanityFramer MotionVercel
Results
+3.2× / mo
Inbound briefs
4m 38s
Avg. time on site
96 / 100
Lighthouse perf
Gallery
Hero — auto-playing reel
Hero — auto-playing reel
Horizontal case-study scroll
Horizontal case-study scroll
Sanity Studio — edit view
Sanity Studio — edit view

Have a project in mind?

I help small teams ship polished, performant web products. Tell me what you are building.