Designing motion-ready style frames to illustrate the hidden cost of disorganized creative workflows.
Context
Air Inc challenged designers to create visual frames based on a short script highlighting a common problem inside creative teams: the overwhelming amount of scattered files across tools.
The goal was to translate an abstract productivity problem into a clear visual narrative that could later be animated for marketing content.
My Role
UI Design
Motion Design Direction
Visual Storytelling
Tools: Figma
The Problem
Creative teams produce thousands of assets every year. Over time, those files become fragmented across multiple platforms like Figma, Slack, email threads, and messaging apps.
According to the brief, the average creative team spends up to three months every year searching, tagging, and reviewing content.
The challenge was to transform this invisible productivity loss into a clear and engaging visual narrative.
Narrative Concept
To communicate the problem effectively, I structured the visuals into a three-act narrative:
Chaos → Cost → System
This progression allows the viewer to immediately understand:
• the overwhelming scale of scattered files
• the time wasted managing them
• how a centralized system like Air solves the problem
Each frame was designed to guide motion and storytelling for future animation.
Frame 01 — Creative Chaos
The first frame introduces the scale of the problem.
A designer working at a fictional salad company is surrounded by an overwhelming amount of creative files. Visual clutter, overlapping elements, and file indicators communicate the feeling of fragmentation across tools.
Motion direction suggests files appearing rapidly from multiple platforms to emphasize the volume.
Frame 02 — Time Lost Searching
The second frame focuses on the hidden cost of disorganization.
Instead of showing more files, the design highlights the time spent searching and reviewing assets. Motion cues guide the viewer through the workflow across tools, reinforcing the inefficiency of jumping between platforms.
This frame acts as the transition from chaos to solution.
Frame 03 — Air as the Central System
The final frame introduces Air as the solution.
Instead of scattered platforms, files now exist inside a unified system where content is searchable, organized, and accessible.
The interface becomes calmer, structured, and intentional — visually reinforcing the shift from chaos to clarity.
Motion suggestions focus on convergence: files and platforms collapsing into a single organized environment.
Design Takeaways
This exercise focused on translating a productivity problem into a clear visual story that could work within a motion campaign.
The main design principles were:
• Simplifying a complex workflow into a clear narrative
• Designing frames with animation in mind
• Using visual contrast to communicate problem vs solution
The result is a set of style frames that can easily evolve into a short motion sequence for marketing or product storytelling.
Like this project
Posted Mar 31, 2026
Motion-ready style frames illustrating the productivity loss from disorganized creative workflows, structured as a three-act visual narrative.