Interaction · Launch Video Breakdown: Hook, Pacing & Motion Design
After almost two years in Palo Alto, Interaction is moving to San Francisco.
Scene-by-scene timeline & spoken transcript
The Hook
App Icon Notification
“(No spoken dialogue — Driving, arpeggiated synth bass and percussive synth melody. Subtle electronic percussion. Energetic and forward-moving.)”
- On screen
- Poke cognition just sent onboarding docs to y...
- Camera
- Static shot of an app icon, then a notification bubble appears above it. The camera slowly zooms out to reveal a phone screen.
- Motion
- Scale-up and fade-in for notification, slow camera zoom-out.
Problem Agitation
Message Thread Reveal
“(No spoken dialogue — High-energy audio transition at 0:04, followed by a sub-bass impact at 0:05. Music maintains upbeat rhythm.)”
- On screen
- 9:41 Edit Messages Silas Emily Marvin Heard the news? Erling When are we moving to the new office? cognition just sent onboarding docs to your gmail ..wait what Message Poke
- Camera
- The camera quickly zooms into a message thread on the phone, revealing a conversation.
- Motion
- Rapid zoom-in, text message bubble animation (typing and sending).
Product Reveal
Acquisition Announcement
“(No spoken dialogue — High-energy transition at 0:08, leading into a sub-bass drop at 0:09. Consistent, upbeat rhythm.)”
- On screen
- what we joined cognition? yes ... new Poke chapter don't tell me they're going to make me play scott wu in super smash bros "Sure" Yes let's do it! Why not. Message Poke
- Camera
- The message thread continues to animate, revealing more dialogue.
- Motion
- Sequential text message bubble animation, simulating a real-time conversation.
Call to Action
Brand Identity & URL
“(No spoken dialogue — Music maintains consistent, upbeat rhythm until the end.)”
- On screen
- Poke.com
- Camera
- Quick cut to a white screen with the website URL, then a final brand logo animation.
- Motion
- Hard cut, text fade-in, logo reveal with subtle animation.
Motion design primitives
Synthesizable in Remotion · key components of the mobile-chat-reveal template.
NotificationBubbleReveal
A rounded rectangular notification bubble appears above an app icon, scaling up and fading in smoothly. Text within the bubble is revealed progressively.
+ Code construction recipe
Use `interpolate` for `opacity` and `scale` properties. Animate `y` position for a subtle bounce. Text can be revealed using a `typewriter` effect or `clipPath` animation.
MessageThreadScroll
A mobile phone screen is revealed, and a message conversation scrolls up, with individual message bubbles appearing sequentially as if being typed and sent.
+ Code construction recipe
Implement a `ScrollView` component. Each message bubble can use `spring` animation for its entrance (scale and slight Y-offset). Text content can be rendered with a `delay` for each line or word.
BrandLogoPunch
A hard cut to a clean background, where a brand URL fades in, followed by a stylized logo that appears with a subtle, energetic pop.
+ Code construction recipe
Utilize `Sequence` for timing. Text uses `interpolate` for `opacity`. The logo can use a `spring` animation for `scale` and `opacity` on its entrance, possibly with a slight `rotate` for added dynamism.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Intrigue & Familiarity
Purpose. Hook the viewer with a relatable mobile notification, hinting at a significant event.
Execution. App icon with a notification bubble, gradually revealing the phone interface.
- 2
Unfolding Revelation
Purpose. Build suspense and reveal the core news through a dynamic, unfolding chat conversation.
Execution. Rapid zoom into a message thread, with messages appearing sequentially.
- 3
The Big News
Purpose. Deliver the key announcement (acquisition) in a conversational, engaging manner.
Execution. Continued chat dialogue, culminating in the 'new Poke chapter' message.
- 4
Brand Affirmation
Purpose. Conclude with a clear brand identity and call to action.
Execution. Hard cut to website URL and animated brand logo.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new AI-powered data visualization platform called QuantumFlow.How the recipe adapts
The video would open with a QuantumFlow app icon receiving a notification about 'New AI insights available'. It would then zoom into a simulated chat where team members discuss a breakthrough in 'real-time anomaly detection' or a 'strategic partnership with DataCorp'. The conversation would build excitement, leading to a final screen displaying 'QuantumFlow.ai' and a dynamic logo reveal, all set to an energetic electronic soundtrack with similar sound design cues.Remix blueprint · mobile-chat-reveal
Scene durations (4 scenes, 13.9s)
Key Remotion components
Related Creative AI & Video Product Launches
Explore all Creative AI & Video launches →
Figma's Made in Figma 2025 reel, a showcase film of work designed in the tool.
An overnight film made by giving Opus 5.5 Donald's prompt, Midjourney, and a moodboard. The piece is titled Look 00.
A 15-second motion reel made by asking Opus 5.5, on max effort, for a résumé showreel.