BC dealership group and Vancouver creative agency (confidential)
Motion Reel: Coded Ads & Reels
Animated ads, reels and brand films built in code with Claude, Remotion and GSAP, including my own showreel.
- Role
- Motion design and code
- Timeline
- 2026
- Tools
- Claude, Remotion, GSAP
- Type
- Employer
Client details are confidential. Names, logos and data are removed, and some screens are recreated or redacted.
The problem
Ads, reels and logo stings, built in code instead of a timeline editor, using Claude, Remotion and GSAP.
My role and constraints
I designed and built each piece in code with Claude, Remotion and GSAP. Client names, logos and phone numbers are kept out of everything shown here.
How a coded reel comes together
Write it as code
Scenes are React components in Remotion, with GSAP for motion. Claude helps write the code.
Time drives everything
Every frame is a function of time, so a timing or copy change is one edit.
Render the formats
The same source renders the 16:9 film and the 9:16 reel.
The reels
Previews are muted and loop. Play any reel with sound.
The whole loop
A 66-second brand film on how I take a project from design to code to marketing. Every frame is code, built with Claude and Remotion.
Showreel
A 50-second vertical reel of my work: LotStudio AI, the car rental audit, Meta ads, AI voice agents and live sites. Designed and coded with AI.