15 — Project

NovaCraft Studio

A bold, motion-heavy landing page for a Vancouver creative production studio.

Creative AgencyLanding Page

Live Preview

NovaCraft Studio

Download Preview

Overview

NovaCraft is a creative production studio that makes brand films, campaigns, and experiential content. Their old site was a WordPress template that looked nothing like their work. We built a landing page that matches the studio's energy — cursor-reactive, motion-forward, and unapologetically bold.

Tools & Stack

Next.jsTailwind CSSFramer MotionGSAPVercel

Features

Cursor-reactive hero with custom particle canvas animation
Horizontal scroll project showcase with video previews
Showreel embed with custom branded video player controls
Client logo marquee with hover-reveal project links
Split-screen service comparison with animated transitions
Magnetic CTA button with spring physics

Results

Inbound inquiry volume doubled within three weeks of launch. The studio closed two major brand campaign deals they attribute directly to how the site presented their work — both clients mentioned the site specifically during their first call.