CreativeIntermediate
Motion & Micro-interactions
Add life to your interfaces with purposeful animation that enhances usability.
★ 4.8 (104 ratings)👥 190+ students⏱ 5 weeks📚 23 lessons
$299
Lifetime access · All materials included
Enroll nowAsk a question- ✓ 4 modules, 23 lessons
- ✓ Portfolio project in every module
- ✓ Private community access
- ✓ Certificate of completion
- ✓ 14-day money-back guarantee
What you'll learn
- Apply Disney's 12 principles of animation to UI
- Design transitions that reduce cognitive load
- Create micro-interactions for key UI moments
- Build accessible animations (prefers-reduced-motion)
- Export Lottie animations for engineering handoff
- Review and critique motion in production products
Curriculum — 4 modules
Principles of UI Motion
Week 1The 12 principles adapted for interfaces — easing, timing, and spatial metaphors.
5 lessons
Page & View Transitions
Week 2Navigation transitions, modal animations, and scroll-triggered reveals.
6 lessons
Micro-interactions
Weeks 3–4Button states, form feedback, toggles, and the small moments that matter.
8 lessons
Accessibility & Handoff
Week 5prefers-reduced-motion, Lottie export, and communicating intent to engineers.
4 lessons
Frequently asked questions
- Do I need to know how to code?
- No — we design in Figma and export to Lottie. Optional code references are included.
- Is After Effects required?
- No — we work entirely in Figma Smart Animate and Lottie (AfterEffects optional).
- How do I know when animation is too much?
- We spend an entire module on this. Restraint is a core part of the curriculum.
- Are the projects portfolio-worthy?
- Yes — each project ships as a Lottie or Figma prototype you can show in interviews.