
- Client
- Ockham
- Role
- Creative engineering
- Stack
- Next.js 16, TypeScript, Lenis, ffmpeg
- Year
- 2026
01Challenge
The site had to feel like the work it sells: direct, heavy, and a little raw. Off-the-shelf animation libraries would have softened it.
It also had to prove the company can automate production, not just describe it.
02Approach
We wrote a custom motion system on Lenis — magnetic buttons, parallax offsets, text reveals, a scroll progress bar, and modal-aware scroll pausing — instead of composing one from a library.
A render script generates 360 SVG frames and pipes them through ffmpeg to produce a 15-second MP4 from the command line.
Open Graph images, JSON-LD, sitemap, robots, and security headers are generated for every response.
03Outcome
A portfolio whose animation system and content pipeline are as hand-made as the work it presents.
The ad pipeline runs headless, so a new cut is a command, not a project.