Shellie Hu · Launch Video Breakdown: Hook, Pacing & Motion Design
Shellie Hu ships a new personal site after 20 days of work.
Scene-by-scene timeline & spoken transcript
The Hook
Loading Avatar Reveal
“(No spoken dialogue — A subtle, high-frequency riser builds, culminating in a significant sub-bass drop/impact at 00:01.000.)”
- On screen
- 38%
- Camera
- Static, centered framing on an animated avatar.
- Motion
- Progress bar fill animation, character reveal.
Product Reveal
Personal Site Interface Introduction
“(No spoken dialogue — A sustained, resonant synth tone slowly fades out.)”
- On screen
- Hello, I'm Shellie. I design software that talks, to us and to each other. I'm building Five9's first voice AI agent builder; before that, I researched human-computer interaction and made creative tools. Constantly inspired by sci-fi, mathematics, and curiosity about how things work. Selected work work writing about doodle now & show all → voice AI Voice AI Agents Voice AI Agent Builder Platform https://www.shelliehx.com/project/voice-ai-agents
- Camera
- Static, wide shot of a desktop interface.
- Motion
- Full screen transition, content fade-in, subtle background blur.
Feature Teaser
Interactive Voice AI Demo
“(No spoken dialogue — A subtle riser begins around 00:04.000, leading to a second, less pronounced sub-bass impact at 00:05.000.)”
- On screen
- Hello, I'm Shellie. I design software that talks, to us and to each other. I'm building Five9's first voice AI agent builder; before that, I researched human-computer interaction and made creative tools. Constantly inspired by sci-fi, mathematics, and curiosity about how things work. Selected work work writing about doodle now & show all → 88 Boo| voice AI Voice AI Agents Voice AI Agent Builder Platform https://www.shelliehx.com/project/voice-ai-agents
- Camera
- Static, wide shot of a desktop interface.
- Motion
- Text input animation, UI element highlight.
Call to Action
Voice Command Execution & Link
“(No spoken dialogue — The sub-bass impact sustains and fades.)”
- On screen
- Hello, I'm Shellie. I design software that talks, to us and to each other. I'm building Five9's first voice AI agent builder; before that, I researched human-computer interaction and made creative tools. Constantly inspired by sci-fi, mathematics, and curiosity about how things work. Selected work work writing about doodle now & show all → 88 Book me a cleaning Wonderwall Online Boston, 14:10, 87° voice AI Voice AI Agents Voice AI Agent Builder Platform https://www.shelliehx.com/project/voice-ai-agents
- Camera
- Static, wide shot of a desktop interface.
- Motion
- Text input animation, UI element update, URL display.
Motion design primitives
Synthesizable in Remotion · key components of the minimalist-ai-product-launch template.
LoadingAvatarReveal
A stylized avatar's head fills from bottom to top with color, accompanied by a percentage counter animating from 0% to 100%. The avatar then briefly disappears before a full screen transition.
+ Code construction recipe
Use a `Sequence` component. Animate `clipPath` or `maskImage` on an SVG avatar for the fill effect. Interpolate a `spring` for the percentage counter's `opacity` and `transform` (scale/translate). Use `AbsoluteFill` for the background.
InterfaceFadeIn
A full desktop interface fades in smoothly from a dark, blurred state, revealing detailed text and interactive elements.
+ Code construction recipe
Apply a `spring` animation to the `opacity` property of the main container. Simultaneously, animate a `filter: blur()` property from a high value to 0, creating a soft reveal. Use `AbsoluteFill` for the background.
DynamicTextInput
Text appears character by character within an input field, simulating typing, followed by a dynamic UI response like a button press or a new element appearing.
+ Code construction recipe
Utilize `Sequence` and `spring` for character-by-character text reveal (`opacity` and `transformY`). Animate the `scale` and `opacity` of the responding UI element (e.g., a button or new text block) using `spring` or `interpolate` with an `easeOut` curve.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Digital Persona
Purpose. Introduce the creator and establish a personal, approachable brand identity.
Execution. Animated avatar loading sequence, symbolizing the digital presence coming to life.
- 2
The Creator's Canvas
Purpose. Showcase the personal website as a hub for creative work and identity.
Execution. Full reveal of the website interface, highlighting the 'About' section and 'Selected work'.
- 3
Interactive Innovation
Purpose. Demonstrate a key interactive feature or product, emphasizing the 'voice AI' aspect.
Execution. Typing animation in a search bar, followed by a voice command and a dynamic UI response.
- 4
The Call to Explore
Purpose. Encourage viewers to explore the creator's work and learn more.
Execution. Display of a project link and a clear, concise demonstration of a product interaction.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new productivity app called 'FlowState' that uses AI to organize tasks.How the recipe adapts
The loading avatar would be replaced by a stylized 'FlowState' logo filling with a gradient, accompanied by a 'Loading AI...' percentage. This would transition to the app's clean dashboard interface, showcasing a task input field where a user types 'Organize my morning tasks' and the AI instantly generates a categorized list, with a subtle glow effect on the 'AI Processed' notification. The final frame would display the app's download link.Remix blueprint · minimalist-ai-product-launch
Scene durations (4 scenes, 6.9s)
Key Remotion components
Related Creative Tools Product Launches
Explore all Creative Tools launches →
Anthropic Labs launches Claude Design, which turns conversation into prototypes, slides and one-pagers, powered by Claude Opus 4.7.
A vibe design partner with an AI-native canvas for turning ideas into UI.
Your work tools in Claude are now available on mobile. Explore Figma designs, create Canva slides, check Amplitude dashboards, all from your phone. Give it a try: