Interface animation
Aesthetic design partner
The first section builds aesthetic expectations through different design dimensions, and the second explains how they are achieved through actual interactions
Video reference only; no editable project supplied.
Text animation
Extruded manifesto loop
Turn a sentence into connected, thick word blocks. Use their fronts for reading and sides for iridescent material, looping back to the same front-facing pose.
Video reference only; no editable project supplied.
Interface animation
Domain dot transformations
Make the domain's dot the transition protagonist: split a long URL, expand the dot into geometric scenes, then land on a shorter industry suffix.
Video reference only; no editable project supplied.
Text animation
A world connected by computational fragments
Connect multiple themes through code strips and offset slices, expressing the relationship between the physical world and computation.
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.
Live-action editing
Many possible futures
An individual's writing first triggers changes in the world, then the story moves from a single ideal to many people's different futures.
Video reference only; no editable project supplied.
Interface animation
Linear — Custom environments
Present dark cards one at a time in angled close-ups, keeping each environment's fields connected within its card.
Video reference only; no editable project supplied.
Live-action editing
A cast of voices
Repeated lateral movement finds different phone groups, introducing voices like a cast roll call.
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
Foldable device continuity
Keep the same task visible as device width changes rather than switching to a new task
Video reference only; no editable project supplied.
Interface animation
A search box for fuller intent
Expand a short search bar into a multiline question field, expressing a shift from keywords to complete intent.
Video reference only; no editable project supplied.
Interface animation
Search for available services
The question includes a task and time constraints, and results address each constraint in turn.
Video reference only; no editable project supplied.
Graphic animation
A financial partnership identity
Keep both brands stationary, with fluid and lighting changes providing the only main movement.
Video reference only; no editable project supplied.
Interface animation
One task across phone and desktop
The phone sends one task, and the desktop progressively searches, finds a local document, edits it and sends it.
Video reference only; no editable project supplied.
Interface animation
Prompt-to-result capability reel
Ask a question before showing the corresponding result for each capability, rather than playing outputs without context
Video reference only; no editable project supplied.
Interface animation
Funding and product suite
Establish context with figures and endorsements before entering the actual product, giving each of three business lines its own visual system
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
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 — Projects in Computer
Files and multiple tasks belong to the same project rather than appearing as unrelated floating cards.
Video reference only; no editable project supplied.
Interface animation
Perplexity — Effort controls
Increase one slider through levels, synchronizing the level name, model description and fill length.
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
A computing scene dissolves into an emblem
Place the cloud above and devices below, connecting the layers with a glowing vertical line. Dim surrounding terminal information and retain a central vertical composition.
Video reference only; no editable project supplied.
Interface animation
A brand symbol becomes a chat tool
Raise and shrink a glowing shape from the bottom, then turn it into a send arrow; expand the input horizontally to move naturally from brand introduction into interaction.
Video reference only; no editable project supplied.
Interface animation
Personal assistant tasks
Connect assistant capabilities through three everyday tasks: understand requirements from messages, show ongoing work, and pause separately at decisions that require the user.
Video reference only; no editable project supplied.
Text animation
Red wordmark reveal
Rapidly pull an extreme logo and red-text close-up back into a small composition, leaving extensive black negative space for a brief brand reveal.
Video reference only; no editable project supplied.
Graphic animation
Three-form orbital loop
A sphere, circular disc and square plate form a compact rotating composition. The square moves around the center, with occlusion giving the planes spatial depth.
Video reference only; no editable project supplied.
Text animation
Parallel Web Systems — Agents and context
Use minimal text and thin rings to shift attention from the agent to the context it depends on.
Video reference only; no editable project supplied.
Interface animation
Prime Intellect — PRIME-AGENT
Introduce product mechanisms through code and states, then conclude with task results and summary figures.
Video reference only; no editable project supplied.
Text animation
Resend — INBOXES
Push a quiet dark inbox into the foreground, then complete the launch reveal with a giant heading and backlight.
Video reference only; no editable project supplied.
Text animation
Goodnotes — Goodnotes
Fix the brand name's position while icons, version numbers and product suffixes change in sequence, finally returning to the main brand alone.
Video reference only; no editable project supplied.
Interface animation
Whop — Move your balance
Change account composition through one balance transfer, then expand the product explanation with charts and a funding menu.
Video reference only; no editable project supplied.
Interface animation
Descript — Create social clips
Frame one video-editing request as an explicit asset handoff: select a preset, supply video, confirm layout, supply brand guidelines, then show results in two ratios.
Video reference only; no editable project supplied.
Interface animation
Rive — Interactive motion
Demonstrate interaction through works that genuinely change state, with games, controls, design systems and a sequencer each showing one clear action.
Video reference only; no editable project supplied.
Text animation
Living waveform poster
Keep background waves breathing continuously while the central heading stays clearly fixed in one position.
Video reference only; no editable project supplied.
Text animation
Particle phrase
Assemble scattered particles into a readable sentence, then disassemble it using the same particles.
Video reference only; no editable project supplied.