Audit  

I begin by auditing the product experience to identify areas where motion can meaningfully improve usability, clarity, and emotion. I assess the interface across five key categories:
- Spatial design, to guide the eye and establish clear hierarchies through movement.
- Motion affordance, to subtly indicate interactivity or next steps.
- Gesture confirmation, to reinforce user actions with satisfying, intuitive feedback.
- Latency masking, using animation to hide or soften delays in system response.
- Brand expression and delight, where motion adds personality and emotional resonance without getting in the way.

Design

Anytime the UI transitions from an initial state to a final state (navigation, gestures, loading states, confirmations, expansions, component interactions), I map motion opportunities that can improve clarity, responsiveness, and user flow.

From there, I design motion intentionally as a system, not a collection of isolated animations. I break motion down into two categories:
- Systemic motion patterns that can be reused across the product (navigation transitions, modal behavior, component behavior, easing language)
- Bespoke motion moments that are more choreographed and reserved for high-impact experiences.
‍
Because motion is only valuable if it ships, I prioritize designs based on engineering lift—separating what can be implemented quickly within an existing framework from what requires deeper choreography and custom development.

All motion is designed within the constraints of the product’s dev framework, and delivered with implementation-ready assets including reference video files, behavior documentation, and detailed timing specifications that map how properties like position, scale, and opacity evolve over milliseconds.

The result is motion that is scalable, consistent, and engineered for accurate implementation.

Dev Handoff

Finally, I translate each animation into engineer-ready motion specifications, documenting every interaction with precise timing, easing curves, and behavioral logic. My timing specs break down motion at the property level—mapping exactly how position, scale, opacity, blur, and other UI attributes evolve over time, measured in milliseconds.

This allows engineers to clearly understand the choreography of each transition (what changes, when it changes, and how it accelerates/decelerates), ensuring the final implementation matches the intended feel—not just the general look. The result is motion that ships accurately, scales into a reusable system, and eliminates unnecessary back-and-forth during development.