Interface animation
Connected customer worlds
Bring brand dots into human and everyday scenes, connecting customer stories through shared lines, red objects and positional handoffs.
Video reference only; no editable project supplied.
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.
Text animation
Ink becomes networks and knowledge
Turn written strokes into discrete points, then form multiple network structures and extend them into a knowledge atlas.
Video reference only; no editable project supplied.
Graphic animation
Cloudera — Your journey to enterprise AI
Place enterprise-data questions within a journey with a starting point, obstacles and converging paths, ending with the same group of characters heading toward a shared destination.
Video reference only; no editable project supplied.
Graphic animation
An evolving web network
Explain network changes through node organization: open connections, new visitors, growth from one visit to large-scale traffic, then contraction into an index mark.
Video reference only; no editable project supplied.
Interface animation
Figma — Figma in Weave
Turn a design frame into a connectable node, connect text and images to their respective slots, then branch the output into different use cases.
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
Linear — Loops
Quickly list trigger conditions first, then explain output actions along the track; give triggers and results separate sections.
Video reference only; no editable project supplied.
Interface animation
Multi-model API network
Connect one entry point to multiple models, then connect them to multiple product outputs
Video reference only; no editable project supplied.
Graphic animation
Mathematics as evolving geometry
Establish each research topic with a geometric diagram, then reduce it to a few points that connect to the next diagram.
Video reference only; no editable project supplied.
Interface animation
Wide parallel research
Split one input into multiple task panels, unfolding them horizontally in depth to express parallel execution
Video reference only; no editable project supplied.
Interface animation
Trigger and action
Show conditions and actions in pairs, and execute only after both are filled in
Video reference only; no editable project supplied.
Interface animation
Cloud computer workflow
Explain the persistent execution environment first, then prove it through three examples: bots, scraping and deployment
Video reference only; no editable project supplied.
Interface animation
Code is tested by a visible simulation
Show specific constraints first, then explanations and code, and finally the running results side by side.
Video reference only; no editable project supplied.
Interface animation
Structured transcription features
Introduce measurement dimensions first, then explain capabilities through specific text changes
Video reference only; no editable project supplied.
Interface animation
Prompt-to-media workflow
Convert natural language into node dependencies first, and make output nodes wait for upstream assets to finish
Video reference only; no editable project supplied.
Interface animation
Regional odds exploration
Scatter separate state shapes before assembling them into a map, expressing a shift from noise to structured information
Video reference only; no editable project supplied.
Interface animation
Binary market interaction
Pose the judgment question first, then focus the complex terminal into a two-choice interaction
Video reference only; no editable project supplied.
Interface animation
Compressed countdown flow
After form selection, compress the countdown through jumps, showing the claim action only when it reaches zero
Video reference only; no editable project supplied.
Interface animation
Recursive agent orchestration
Top-level planning creates tasks, which branch further into subplans and worker nodes
Video reference only; no editable project supplied.
Interface animation
Performance and recovery comparison
Start both groups simultaneously but advance them at different speeds, with the new workflow showing results first
Video reference only; no editable project supplied.
Interface animation
Perplexity — Explore your answers visually
Results include interactive charts whose data tooltips respond to the pointer, rather than merely scaling the entire chart.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Automate anything
Separate event triggers and scheduled triggers into two complete examples, each with condition → execution → output.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Model Council
Branch the same question to multiple models, then merge completed answers into a comparison table; do not reduce this to three serial steps.
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.
Interface animation
Perplexity — Deep Research
Delegate the research request to subtasks, with the report following retrieval; present conclusions separately from sources.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Portable Computer
Arrange local tools in a ring around the device, with cloud models on a separate layer; connectors indicate escalation when needed rather than default data transmission.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Introducing hybrid
Inspect sensitive information before choosing a local or cloud path, giving the two execution locations explicit responsibilities.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Portable Computer
Complete installation progress before showing the local tool network; require confirmation before cloud escalation.
Video reference only; no editable project supplied.
Interface animation
An agent payment with human approval
Install and connect the agent first, then request an itinerary change in chat, show the cost and move to phone confirmation. Repeat the cost and merchant name across interfaces to identify the same request.
Video reference only; no editable project supplied.
Text animation
A serif typeface as an engineering specimen
Enter a blue technical drawing through a triangular mark, then enlarge a single letter outline. Fine lines, dimensions and control points explain stroke structure without overpowering the glyph.
Video reference only; no editable project supplied.
Interface animation
A stable name for changing models
Explain the capability in one sentence, then show a task-to-model mapping table or command. Avoid consecutive explanatory sentences; follow each concept immediately with a concrete usage example.
Video reference only; no editable project supplied.
Interface animation
The web becomes structured input
Stacked webpages represent input complexity, with orange modules connecting the flow to structured content. Match webpages and code through adjacent or consecutive shots to make input-output relationships readable.
Video reference only; no editable project supplied.
Interface animation
Model inspection workflow
Make model inspection a research process viewers can follow: establish the subject and dataset, confirm the inspection plan, then present findings and the next experiment.
Video reference only; no editable project supplied.
Interface animation
From individuals to interactions
Use one fruit poster to represent an individual, then pull back into many differentiated samples; let particles cross poster boundaries to tell a story from individuality to interaction.
Video reference only; no editable project supplied.
Interface animation
Research to decision table
Start with a business question, break it into queryable facts, then assemble facts into an actionable table. Orange marks only the question focus and final priority.
Video reference only; no editable project supplied.
Graphic animation
Uber — Refill your wallet
Borrow the act of refueling for a wallet: aim the nozzle, let coins flow in and fill the wallet, using the action itself to explain topping up.
Video reference only; no editable project supplied.
Interface animation
Supabase — Supabase Pipelines
Visualize traffic pressure first, then explain division of responsibilities through destination configuration and continuous synchronization, giving the product a clear cause and effect.
Video reference only; no editable project supplied.