Guide / Product updates
Plan a migration video around user decisions
Map migration prerequisites, user decisions and verification checkpoints before storyboarding, with a filled planning example and clear limits on unverified steps.
Read resourceThe motion library
Motion design guides — page 4
Practical decisions, worked examples and review checklists for planning clearer product videos.
120 resources · Page 4 of 5
Guide / Product launches
Plan a mobile app launch film around one task
Plan a mobile app launch around one user task, with a portrait-screen scene exercise and checks for legibility, context and truthful availability.
Read resourceGuide / Product demos & UI
Plan a product hero loop for a landing page
Design a readable product hero loop with a stable entry state, one bounded action and an explicit loop reset that supports the surrounding page.
Read resourceGuide / Product launches
Plan a Product Hunt launch story
Plan a Product Hunt launch introduction around the maker's problem, one concrete demonstration and an honest next action without relying on upload-spec claims.
Read resourceGuide / Product demos & UI
Plan a sales follow-up demo for a specific conversation
Turn an unresolved sales question into a specific demo brief with known requirements, relevant evidence, clear boundaries and a useful follow-up.
Read resourceGuide / Product launches
Plan a waitlist teaser before the product is public
Create a waitlist teaser that separates a real present-day promise from planned behavior, using a worked copy rewrite and an honest concept outline.
Read resourceGuide / Motion design craft
Plan contrast through color transitions
Sample text and background pairs through a palette transition, then choose a neutral hold or protected panel when readable endpoints hide a weak midpoint.
Read resourceGuide / Product launches
Plan measurement for a product launch video
Build a launch-video measurement plan that separates exposure, engagement and conversion, with an illustrative event worksheet and honest reporting limits.
Read resourceGuide / Product launches
Prepare a launch script for localization
Prepare a launch script for localization with a scene-level handoff covering protected terms, text expansion, screenshots and timing decisions.
Read resourceGuide / Motion design craft
Prepare a reproducible motion production handoff
Create a handoff manifest with source revision, assets, fonts, timing and output requirements, plus a verification procedure another producer can repeat.
Read resourceGuide / Product launches
Prepare assets for a product launch video
Prepare a clean launch asset handoff with matched screenshots, approved copy, brand files and a provenance register that prevents missing evidence.
Read resourceGuide / Product demos & UI
Prepare consistent screenshots for a product demo
Build a coherent screenshot set by fixing account state, viewport, sample records and capture order before handing assets to a motion designer.
Read resourceGuide / Product demos & UI
Prepare Figma exports for a product demo brief
Prepare a manual handoff of Figma-exported screens with stable names, state annotations and clear prototype-versus-shipping labels for a demo brief.
Read resourceGuide / Motion design craft
Preserve data scales during chart animation
Audit chart baselines and axis continuity, correct misleading rescaling, and label deliberate scale changes before the viewer compares animated values.
Read resourceGuide / Motion design craft
Preserve screen direction between abstract scenes
Map entry, travel and exit vectors across three abstract scenes, then correct reversed direction and disorienting viewpoint changes with clear anchors.
Read resourceGuide / Product demos & UI
Product demo or product tour: what does the viewer need?
Compare two outlines for the same fictional product and choose whether to explain a completed task or introduce the interface's main regions.
Read resourceGuide / Motion design craft
Protect logo clear space during animation
Use an approved logo boundary overlay to inspect entrance, hold and exit frames, preserving proportions and preventing moving neighbors from intruding.
Read resourceGuide / Product launches
Reuse launch scenes without breaking the story
Reuse launch scenes with a dependency map that identifies standalone proof, required context and claims that become misleading when cropped.
Read resourceGuide / Motion design craft
Review motion for flashes and abrupt visual change
Log flashes and large abrupt movements by scene and timestamp, choose conservative replacements, and distinguish visual inspection from accessibility assessment.
Read resourceGuide / Product updates
Review product update videos against the actual release
Review each scene against approved release evidence, checking product behavior, availability, conditions and final encoded visuals with a worked audit sheet.
Read resourceGuide / Product demos & UI
Review sensitive information before publishing a demo
Inspect every demo screen for names, messages, identifiers, attachments and overlays, using a worked replacement and verification register.
Read resourceGuide / Product demos & UI
Review whether a product demo matches the real workflow
Audit every demo scene against supplied screens and verified behavior to catch invented transitions, hidden prerequisites and unsupported conclusions.
Read resourceGuide / Motion design craft
Route annotation lines without confusing crossings
Plan anchors and label lanes for a four-part diagram, then revise crossed leaders and inspect ownership throughout movement and the final hold.
Read resourceGuide / Product launches
Run a final video check before launch day
Run a release-specific QA pass on the actual final video, covering product accuracy, visible copy, audio, destinations and the approved source version.
Read resource