Motion Design — Alex Coicea
Hootsuite · Oracle · Various

Motion
Design

Motion Design Micro-interactions Animation
Companies
Hootsuite · Oracle
Role
Sr. Product Designer
Period
2019–2024
Scope
Motion Design · Micro-interactions · Animation

Motion design is a discipline that rewards patience and precision. During my time at Hootsuite, I had the privilege of learning from the former head of motion design for Microsoft Surface — someone who had spent years codifying why movement matters: how it guides attention, communicates state, and makes interfaces feel alive rather than assembled.


The values and principles he passed on became a permanent part of how I approach any interface, not just animated ones. This collection spans work from Hootsuite and Oracle — from product micro-interactions and data visualisation animations, to motion work for clients like Renfe Railways and Volvo.

Philosophy
Motion should have purpose. Every animation earns its place by guiding attention, communicating meaning, or reinforcing the logic of an interface.
Tooling
After Effects, Figma Smart Animate, Lottie, and prototype-level motion defined at the component level in the design system.
Context
Work spans product UI animation at Hootsuite, and client-facing motion pieces created during design consultancy at Oracle.
The value of motion design
Motion design principles
The foundational framework — the value motion brings to an interface, and the principles that govern how it should behave. Learned under the former head of motion design for Microsoft Surface.
Heatmap loading animation — Hootsuite
Heatmap loading state — Hootsuite. The animation communicates data processing while priming the user for the visualisation they're about to see. Timing and easing were tuned to feel informative, not decorative.
Heatmap animation in product — Hootsuite Best Time to Post
Heatmap in context — the Best Time to Post feature, showing how the data visualisation enters and settles within the full product interface.
Loading state animation — Hootsuite
Loading state — a skeleton animation pattern designed for the Hootsuite analytics suite. Built to feel lightweight and purposeful rather than like filler.
Renfe Railways — Oracle motion design
Volvo — Oracle motion design
Oracle client work — motion pieces for Renfe Railways and Volvo, created as part of design consultancy engagements.
← Previous project
Hootsuite — Best Time to Post