Interface animation
Xiaomi — HyperOS
Move from material close-ups into a phone interface, then extend the same rounded corners and transparent layers to icons, widgets and multiple devices.
Video reference only; no editable project supplied.
Interface animation
Notion — Company Home
Unfolding increases the visible body area, with a parent-child clipping relationship between sidebar and body.
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
Tablet creation and review
Show the same result across devices first, then focus on organization and review capabilities on the tablet
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
Apple — Send a message
Search terms trigger a suggestion list; selecting an action collapses the list and turns the capsule into a parameterized command.
Video reference only; no editable project supplied.
Interface animation
Apple — Across devices
Phone text is the input source and the computer document the destination; changes focus on text selection and pasting while device frames remain largely stable.
Video reference only; no editable project supplied.
Interface animation
An unfolding device changes the note layout
Bring a portrait phone into the center, rotate and expand it into two landscape columns; keep the list on one side and move details into the other. Carry the same note content across both aspect ratios.
Video reference only; no editable project supplied.
Live-action editing
Movement reveals patterned glass
Keep the glass fixed as hands and containers pass behind it; the fine grid splits contours into offset segments. Wide shots establish the frame, while close-ups clarify the relationship between texture and distortion.
Video reference only; no editable project supplied.