[ CASE_002 ]2024

Kinetic Flow

A motion-first brand world for a generative audio platform.

Kinetic Flow — detail
[ Client ]
Kinetic Studios
[ Category ]
MOTION DESIGN / WEBGL
[ Duration ]
9 weeks
[ Year ]
2024

The Brief

Kinetic Flow needed a launch surface that could carry sound. We designed an editorial brand world where every scroll, hover, and pause is a beat — a generative system of orbiting forms reacting to live audio analysis.

The hero set piece is a custom Three.js scene with a hand-authored shader pipeline. The rest of the site holds back, letting type and silence frame the work.

Delivered in nine weeks end-to-end, from brand language and motion principles to performant production code shipping at 60fps on mid-tier devices.

Kinetic Flow — secondary view

Outcomes_

[ Launch-day signups ]
12.4k
[ Avg. session length ]
4m 22s
[ Lighthouse perf ]
94
Live_Session