Interface animation
Zapier — OFF → ON
Use an uncontrollably duplicating desktop to represent busywork, then let one switch organize all the noise into a few completed workflows.
Video reference only; no editable project supplied.
Interface animation
Figma — Specs
Bring business, design and code evidence together in a document, use comments to drive reorganization, and finally turn it into an actionable implementation handoff specification.
Video reference only; no editable project supplied.
Interface animation
Linear — Loops
A glowing point activates action labels sequentially along a loop; each complete loop represents one workflow.
Video reference only; no editable project supplied.
Interface animation
Linear — Product development system
Multiple task branches converge into a shared main path; pulling the camera back turns local relationships into a complete network.
Video reference only; no editable project supplied.
Interface animation
Conversational Design Workflow
Let the user enter their intent first, show the result next, then demonstrate local edits and export; the result must appear after the submit action.
Video reference only; no editable project supplied.
Interface animation
Making-of Window Collage
Layer windows in sequence, with the central heading covering the top layer last; retain recognizable edges of surrounding content.
Video reference only; no editable project supplied.
Interface animation
Gather scattered agents
The character pulls scattered terminals together, expressing multiple tasks entering a single view.
Video reference only; no editable project supplied.
Interface animation
From a wish to a budget
Establish a specific life aspiration first, assess its feasibility through data, then return to the life outcome.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Your data has answers
Introduce a question from existing data cards, then show query and report evidence after connecting the data source.
Video reference only; no editable project supplied.
Text animation
An engineered racing identity
Assemble scattered black stroke segments into AI–GP, with orange-red control frames, cross-lines and alignment points appearing alongside them. Align the subtitle and organizer vertically.
Video reference only; no editable project supplied.
Interface animation
A desktop tool shown through focused actions
Start each section with the full window, then push into the current area: session tree, terminal, device testing, rule settings or PR. Fix captions below the image to explain that section's action.
Video reference only; no editable project supplied.
Interface animation
Search, assess and hire one candidate
Show candidates after skill-criteria input, open details for interviews and transcripts, then proceed through hiring, introductions and payment. Connect all steps through the same candidate.
Video reference only; no editable project supplied.
Graphic animation
Organic Cloud
Use material cuts at the same position in under two seconds to connect green organic forms, landscapes and iridescent pipes into one logo family.
Video reference only; no editable project supplied.
Interface animation
Agent service marketplace
Expand from one person to a group of agents, then enter service selection and fulfillment. Carry purple blocks through people, directory and selected states to preserve one action thread.
Video reference only; no editable project supplied.
Interface animation
Telegram — Create your agent
Use one fixed phone to complete bot creation, testing and profile viewing, connecting states through click feedback.
Video reference only; no editable project supplied.
Graphic animation
Suki — Presence is powerful
Represent collaboration between clinicians and tools with two sets of fine lines, merging them into a visual thread through real care scenes.
Video reference only; no editable project supplied.
Text animation
Typeface to currency
Explain the typeface's origins, show glyph details, then apply the same typography to different currencies and palettes.
Video reference only; no editable project supplied.