Zaro · Launch Video Breakdown: Hook, Pacing & Motion Design
One workspace for knowledge scattered across Slack, email, Docs, and Notion. Connect your tools and build apps and agents that stay live with your data.
Scene-by-scene timeline & spoken transcript
The Hook
Effortless App & Agent Creation
“What if you could build an app, and add in agents that keep it running?”
- On screen
- Apps and agents Personal 12 Apps Alert Writer Build an app. Wil + Build a tracker for my clients and deall Your Deal Tracker app is ready. Let me know if you'd like to make any changes. 10m ago Let's add some agents Planning... Ask anything... + Act Thinking Add in agents. They keep it running.
- Camera
- Static framing on text and UI elements, with subtle zooms and pans to highlight interactions.
- Motion
- Text reveals with character-by-character typing animation, UI element pop-ins, and cursor interaction simulations. The 'Add in agents' scene uses a particle-like animation to form text.
Product Reveal
Seamless Integration & Scalability
“Simple to start, easy to scale. Connect your tools, and build apps and agents that stay live with your data.”
- On screen
- Simple to start. scale. Connect your tools. Files Browse and manage your files and folders. Connections Files Folders Shared Storage 117 9 24 1.9GB + New Import Data .nexus Browse > agents Browse > _st-test-backup Browse > .tmp Browse > ai-digests Browse > app-data Browse > Filter by path... /nexus agentD _st-test-backup .tmp ai-digests ayman@zaro.ai Connections
- Camera
- Mixture of static shots on text, followed by dynamic pans across the Zaro UI, showcasing file management and connections.
- Motion
- Split-screen compositions, animated UI elements (e.g., file counts incrementing), and a dynamic grid of app icons appearing and disappearing.
Feature Teaser
Intelligent Data Retrieval & Synthesis
“What did we actually agree to deliver for FluxCo? Zaro reads across all your sources, connects the dots, and gives you the answer.”
- On screen
- What did we actually agree to deliver for FluxCo? just now TLDR: The Contract v3 is the binding document — £48k/year, 40 seats, SSO included, 45-day onboarding (by 29 April), no Success Manager, and FluxCo owes you a case study. Full breakdown: Item Detail Platform access Up to 40 seats SSO Included at no cost (originally a £8k add-on — this was the key concession) Onboarding Completed within 45 days by 29 April 2026 — pushed from the original 60 days so they're live before their Q2 board Support Email + chat. Business hours (9am-6pm GMT) QBRs Quarterly business reviews Success Manager Not included — FluxCo declined it; it may revisit at renewal Ask anything... (queue more while a runnng) + Act Thinking Reading sources... Searching 2142 Files Checking Google Docs Reading Granola Checking Gmail Matching the dots Searching Notion Chat assets FILES REFERENCED fluxco-specs.md https://app.zaro.ai/ LINKS Conversation in All-Sales +2 more zaro-ai.slack.com/archives/D8S9s96fa9C/p178178d30243849 Commercial Proposal.md docs.google.com/document/d/1xjC25Pcmqcc2muDe63UXMn9pESTJxxv4L FluxCo_Kickoff_CallMart2 https://www.granola.ai/zaro/meeting-notes-2604 Dwayne 1 minute ago What did we actually agree to deliver for FluxCo? Zaro APP Just now Thinking...
- Camera
- Close-up on a chat interface, then a split-screen showing a list of 'reading sources' and 'chat assets'. The camera then pulls back to reveal a broader UI context.
- Motion
- Typing animation, text highlights, and a dynamic list of 'reading sources' appearing and fading. The split-screen uses a clean wipe transition.
Call to Action
Build Your Own System with Zaro
“You grew a system. Try Zaro for free at zaro.ai.”
- On screen
- You grew a system. Zaro TRY FOR FREE AT ZARO.AI
- Camera
- A wide shot revealing a complex, interconnected network of app icons and documents, then a final static shot on the Zaro logo and CTA.
- Motion
- Circular animation of interconnected app icons and documents, creating a 'system' visual. Final logo reveal with a subtle background particle animation.
Motion design primitives
Synthesizable in Remotion · key components of the zaro-ai-launch-template template.
TypingCursorReveal
Text appears character by character, simulating typing, often accompanied by a blinking cursor. This is used for user input fields and narrative text reveals.
+ Code construction recipe
Use Remotion's `Sequence` and `spring` for character opacity and position. Implement a `useCurrentFrame` to control the `substring` length and a `blink` animation for the cursor using `interpolate` with `loop: Infinity`.
DynamicUISplitScreen
The screen divides into two or more distinct sections, each displaying different UI elements or information, often with a clean, horizontal or vertical wipe transition.
+ Code construction recipe
Utilize Remotion's `AbsoluteFill` and `interpolate` for `width` or `height` properties of container `div`s. Use `spring` for the initial transition of the split, ensuring smooth entry and exit.
InterconnectedSystemOrbit
Multiple UI elements (app icons, document thumbnails) orbit and connect around a central element, visually representing a complex, integrated system.
+ Code construction recipe
Employ `AbsoluteFill` with `transform: rotate()` and `translate()` for orbiting elements. Use `spring` for initial element pop-in and `interpolate` for continuous rotation. SVG lines can connect elements, animated with `stroke-dasharray` and `stroke-dashoffset`.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Visionary Question
Purpose. Hook the audience by posing a transformative 'what if' scenario, immediately establishing the product's core value proposition.
Execution. Bold, animated text reveals (typing effect) on a clean background, followed by a quick transition to a simplified UI demonstrating the initial concept.
- 2
The Seamless Workflow
Purpose. Demonstrate the product's ease of use and powerful integration capabilities through practical, step-by-step UI interactions.
Execution. Dynamic UI walkthroughs with simulated cursor interactions, split-screen comparisons, and animated data flows, showcasing the product in action.
- 3
The Intelligent Solution
Purpose. Highlight the product's advanced AI features, specifically its ability to synthesize scattered information into actionable insights.
Execution. Animated lists of 'reading sources' and 'connecting dots' text, paired with a chat interface showing AI-generated answers, emphasizing the intelligence behind the scenes.
- 4
The Systemic Impact
Purpose. Elevate the product from a tool to a foundational system, emphasizing its long-term value and scalability.
Execution. An abstract, interconnected network visualization of app icons and documents, culminating in a clear brand logo and call to action.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
A new AI-powered project management tool called 'Nexus' that integrates with existing tools to automate task creation and progress tracking.How the recipe adapts
The TypingCursorReveal primitive would be used for a user typing 'Automate my sprint planning' into a Nexus command bar. The DynamicUISplitScreen would show a side-by-side comparison of manual task creation versus Nexus's automated workflow. The InterconnectedSystemOrbit would visualize Nexus connecting to Jira, Slack, and GitHub, with tasks flowing between them, culminating in the Nexus logo.Remix blueprint · zaro-ai-launch-template
Scene durations (5 scenes, 69s)
Key Remotion components
Related Productivity Product Launches
Explore all Productivity launches →
Don't type, just speak. Flawless voice-to-text across every app at 240 WPM.
Notion positions itself as the backbone of your dock — a brand film of the Notion icon among everyday apps, ending on “Works with everything.”
Shotbase is a Mac app that combines screenshot, screen recording, trim, annotate, and share so you don't export between four tools.