Course

Motion Design

Build motion that earns its place — feedback, hierarchy, and continuity, applied to real product surfaces.

Duration
~12 hours
Lessons
38
Format
Self-paced. Pre-recorded HD lessons.

₹20,000

₹15,000

Launch pricing — early enrolment discount.

Enroll on WhatsApp

What you'll learn

  • Apply easing, timing, and hierarchy with intent instead of guesswork.

  • Translate UX states into motion that reads correctly the first time.

  • Choose the right tool for each job — After Effects, Figma, or Lottie.

  • Ship transitions that don't fight the renderer or the reader.

  • Diagnose janky animations and rewrite them for the GPU.

  • Respect reduced-motion preferences without losing visual language.

  • Disassemble motion from shipped products and rebuild it cleanly.

  • Document motion specs so engineering can implement them faithfully.

Curriculum

6 chapters · 38 lessons · ~12 hours

  1. 01Foundations of motion

    1h 30m

    Anchor every animation choice to a principle you can defend.

    • Why motion fails in product UI18m
    • Easing as a language — anatomy of a curve24m
    • Timing, distance, and perceived weight22m
    • Hierarchy through motion — what moves first and why26m

  2. 02Principles in interfaces

    2h 00m

    Map classic animation principles onto modern product surfaces.

    • Feedback loops — confirming user intent22m
    • Continuity — connecting states without losing the user26m
    • Status, progress, and waiting24m
    • Affordance and pre-emptive motion24m
    • Sound + motion (when it helps, when it doesn't)24m

  3. 03Tooling

    2h 30m

    Pick the right tool, not the trendy one.

    • After Effects setup for UI work22m
    • Smart Animate in Figma — strengths and limits24m
    • Lottie pipeline end-to-end28m
    • Hand-off — Bodymovin, JSON, and engineering review24m
    • Code-driven motion (Framer Motion, CSS, web animations)26m
    • When to drop a tool entirely26m

  4. 04Production patterns

    2h 15m

    Reusable motion patterns you can ship this week.

    • Page transitions and view transitions20m
    • List reorder, insert, and removal20m
    • Modal and sheet choreography18m
    • Empty, loading, and error states18m
    • Form errors and inline correction18m
    • Onboarding flows — earning attention without stealing it20m
    • Toast, banner, and notification layers21m

  5. 05Performance

    1h 45m

    Make it move without burning frames.

    • GPU, compositor, and the cost of layout22m
    • will-change, transforms, and the cheap properties22m
    • prefers-reduced-motion done right20m
    • Animation budgeting on low-end devices20m
    • Measuring motion — DevTools, jank, and FPS21m

  6. 06Case studies

    2h 00m

    Pull apart real product motion and rebuild it.

    • Linear — speed as a brand signal11m
    • Stripe Checkout — trust through restraint11m
    • Arc browser — confident, opinionated motion11m
    • iOS — micro-feedback at OS scale11m
    • Notion — interaction over animation11m
    • Vercel — marketing motion that respects the reader11m
    • Framer site — when motion is the product11m
    • Figma multiplayer — presence without chaos11m
    • Raycast — keyboard-first motion language11m
    • Granola — voice + motion together11m
    • Wrap-up: building your own motion library10m

What's included

  • 38 pre-recorded HD lessons
  • Working files for every module (Figma, After Effects, code sandboxes)
  • Lifetime access — including future updates
  • Private community channel for cohort discussion
  • Completion certificate

No live workshops, no scheduled calls. Everything ships pre-recorded so you can learn at your own pace.

Frequently asked

Is this a live course or a workshop?

Neither. Every lesson is pre-recorded, so you can move at your own pace. There are no live calls and no scheduled workshops.

Who is this for?

Product designers, UX engineers, and design-leaning developers who want motion to be a deliberate part of their craft instead of decoration.

What software do I need?

Figma, After Effects, and a modern browser. Some chapters touch Framer Motion and CSS, but no prior code experience is required.

How long will it take to finish?

Around 12 hours of video plus practice files. Most learners take 3–4 weeks at a comfortable pace.

Do I get the working files?

Yes. Every module ships with a starter and finished file so you can compare your work directly.

What's your refund policy?

See the refund policy page. In short: within 7 days of purchase if you haven't completed more than 25% of the course.

Will the course be updated?

Yes. New case studies and tooling chapters are added at no extra cost for existing learners.

₹20,000

₹15,000

Lifetime access. Updates included.

Enroll nowAsk a question