What Asana shipped
Asana expanded its platform with AI Teammates, a feature designed to turn ongoing feedback into persistent memory. By building context directly from everyday team chats, these agents learn continuously, shifting the focus from static task delegation to dynamic, conversational workflows.
Demonstrating AI capabilities in a work management tool requires moving beyond simple text generation. The challenge lies in visualizing the accumulation of knowledge—showing how an invisible agent processes a conversation and applies that context to future tasks without overwhelming the viewer with dense interface elements.
How the motion works
When introducing a feature centered on memory and context-building, motion can bridge the gap between abstract AI concepts and concrete UI. A designer might use a sharp punch-in on the chat interface to anchor the viewer's attention exactly where the AI is learning. By scaling up the specific text input field, the motion isolates the trigger action—giving feedback—before revealing the resulting system update.
To emphasize the AI's ability to turn feedback into persistent memory, kinetic-typography offers a clean way to visualize the transition from human input to machine understanding. Animating the user's chat text so it reorganizes into a structured task attribute visually reinforces the learning process. A deliberate hold-time on the transformed text ensures the viewer registers the context shift before the camera moves on.
Showing how the AI learns from the whole team requires moving between different users' perspectives without losing spatial orientation. A match-cut between two different workspace views, aligned perfectly on the AI Teammate's avatar, can seamlessly connect disparate conversations. This technique maintains visual continuity, proving that the AI's memory aggregates across the entire organization.
What to steal from it
- Use a punch-in to isolate critical UI interactions before showing the systemic result.
- Visualize abstract AI processes like memory creation through kinetic typography that transforms user input into structured data.
- Connect multiple user perspectives with a match-cut centered on a shared UI element to imply shared context.
- Apply deliberate hold-times after complex UI transformations so the viewer can process the new state.
Want a video like this for your product?
Impractical cuts one from a single prompt — the same motion craft, in about twenty minutes.
