Anatoli Kopadze · Launch Video Breakdown: Hook, Pacing & Motion Design
They quoted him $18,000. He opened Claude instead. Same result. One afternoon. $20/month. The gap between knowing how to use Claude and not knowing is worth $18,000. This article below fixes that.
Scene-by-scene timeline & spoken transcript
The Hook
Hero Model Introduction
“(No spoken dialogue — background hip-hop music and vocal sample beat)”
- On screen
- Me: Relats We make mobility safer across all industries
- Camera
- Fixed POV looking down at laptop screen and keyboard
- Motion
- Interactive 3D model rotation triggered by trackpad scroll
Product Reveal
Interactive Sleeving Catalog
“(No spoken dialogue — background music continues)”
- On screen
- PLAS8 NA Periflex PS Revitex VSCTF RW Construction machines Hybrid & electric Buses & trucks Military Agriculture machines
- Camera
- Slight handheld sway over laptop keyboard and screen
- Motion
- Carousel snap transitions with smooth 3D object rotation and spec overlays
Feature Teaser
Metric Milestone & Application Cards
“(No spoken dialogue — background music continues)”
- On screen
- Relats produces 150,000,000 meters of sleeving per year
- Camera
- Handheld static framing focused on screen updates
- Motion
- Counter increment animation followed by card flip transition into industrial footage
Call to Action
X-Ray Machine Dissection
“(No spoken dialogue — background music continues)”
- On screen
- Industrial installations Heat Ovens
- Camera
- Stable POV over laptop screen
- Motion
- 3D wireframe X-ray fade revealing highlighted wiring harness on truck model
Motion design primitives
Synthesizable in Remotion · key components of the interactive-web-showcase template.
ScrollDriven3DObject
Rotates and scales a 3D asset along the Z and Y axes linked directly to scroll progress.
+ Code construction recipe
Map scroll offset or Remotion frame count using interpolate to Three.js mesh rotation euler angles with dampening.
MetricCounterOverlay
Dynamic number ticker scaling up and counting to 150M centered on screen.
+ Code construction recipe
Use Math.round with interpolate from 0 to 150000000, formatted with commas, combined with opacity fade.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Hook
Purpose. Establish high visual fidelity of the project.
Execution. User swipes trackpad to reveal 3D braided cable model.
- 2
Catalog Browse
Purpose. Demonstrate UX versatility across multiple SKUs.
Execution. Rapid trackpad flicks transitioning between product specs.
- 3
Data Proof & Context
Purpose. Display enterprise scale and real-world machinery integration.
Execution. Large numerical stat card followed by 3D truck wireframe reveal.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
EV Battery Pack Website ShowcaseHow the recipe adapts
Replace braided sleeving with cylindrical battery modules, swap stats to kWh capacity counters, and end with an X-ray chassis reveal of an electric vehicle.Remix blueprint · interactive-web-showcase
Scene durations (4 scenes, 15s)
Key Remotion components
Related AI Agents Product Launches
Explore all AI Agents launches →
To ensure that artificial general intelligence benefits all of humanity
Gopuff introduces Go, an AI shopping assistant built with SpaceXAI: say what you need and the order is placed.
Iliad (Troy) trailer made by Grok Imagine 1.5, which was just released