FREE COURSE
INCLUDED IN ALL-ACCESS

UX Animation Essentials

Learn to transform static interfaces into engaging experiences using industry-standard UX motion tools.

Enroll in All-AccessEnroll for FREE
Also included in our Team training for 3 or more people.
Learn On Your Own Schedule
Level up your skills on your own timeline. All course materials are available to you 24/7.
4+ hours
Learn UX Animation Essentials in this 4+ hour course
Certificate on completion
Receive a SOM verified credential when you complete this course to help you with your career.
Intermediate
This is an intermediate course, ideal for those who have been doing motion design for at least 2 years.

Course Overview

In UX Animation Essentials, you'll work through a realistic music app project from kickoff call to developer handoff, learning not just how to animate interfaces, but why certain motion choices solve specific user problems. Get introduced to the strategic toolkit: Figma for rapid prototyping, After Effects for polished assets, ProtoPie for gesture-based interactions, and Rive for runtime animation, while learning when to reach for each tool, how to speak the language of product teams, and how to spec your work so engineers can build it.

You Get:

4+ hours of UX Animation Training

PDF Cheat Sheets

Downloadable Designs & Assets

24/7 Community Access

Verified Credential Upon Completion

Course syllabus.

The UX Motion Mindset
Understand what makes UX motion different from traditional motion graphics—designing for users, not viewers, and solving problems with purposeful animation.
Real Product Team Collaboration
Experience a realistic project kickoff with a product manager, learning to ask the right questions, understand constraints, and navigate cross-functional workflows.
Strategic Tool Selection
Learn when to reach for Figma, After Effects, ProtoPie, or Rive based on fidelity needs, interactivity requirements, and project constraints.
Low-to-High Fidelity Workflow
Master the iterative design process from quick paper sketches to mid-fidelity Figma prototypes to polished, production-ready animations.
Microinteractions That Matter
Design button states, loading animations, and feedback loops that guide users and create confidence without adding clutter.
Screen Transitions & Navigation
Create seamless navigational animations that orient users, maintain spatial relationships, and eliminate jarring cuts between screens.
Gesture-Based Prototyping
Build realistic swipe, drag, and scroll interactions using ProtoPie to validate complex ideas before any code is written.
Motion Specifications for Developers
Learn to document timing, easing, and interaction details so engineers can faithfully implement your animations in code.
Production File Formats
Export Lottie files from After Effects and Rive animations optimized for performance, file size, and cross-platform compatibility.
Breaking Into UX Motion Careers
Navigate job titles, build a portfolio that showcases problem-solving over polish, and prepare for interviews at product companies.

Meet your instructor.

Ivan Witteborg
UX Motion Designer

Ivan Witteborg is a UX Motion Designer and the creator of the Motion UX YouTube channel. He specializes in helping designers bring their animation skills into the product world—using motion not just for decoration, but to solve complex user problems, reinforce mental models, and make digital products feel intuitive and alive.

Based in Richmond, VA, Ivan is a father of seven and a passionate educator dedicated to teaching practical design skills that have a tangible impact on people's careers, lives, and families. When he’s not teaching, designing, or enjoying time with his family, you’ll find him throwing down at pickleball courts with his guys.

Pricing

Get All-Access today

Quarterly
$497/quarter*
40+ Courses and Workshops
500+ Hours of Training
Verified Credentials
3 months of unlimited critique
Save $800
Annually
$299/quarter*
40+ Courses and Workshops
500+ Hours of Training
Verified Credentials
1 year of unlimited critique
Teams
Custom
Looking to purchase for a team of 3 or more people? Get flexible licenses, consolidated billing and much more with our Team Training Program.

FAQ

What do I need to take this course?
What is the course format?
How much time do I need to commit?
Do I get a certificate at the end of the course?
Can I access my course content after the course ends?
UX Animation Essentials
+ every course we make.