# Motion design for developers

Design purposeful interface motion. Shape timing, easing and sequence, handle interruptions, and adapt for smaller screens and reduced motion.

Everyday page and interface motion with GSAP. Focus on design decisions and usable behaviour; advanced scroll choreography and WebGL are outside this course.

About 75 minutes. Applied motion. 7 practical labs.

## Prerequisites

Basic HTML, CSS and a little JavaScript. The free visual hierarchy course is recommended; GSAP expertise is not required.

The interactive labs require a laptop or desktop with a browser window at least 1024px wide. The course outline is available on any device.

## Curriculum

1. Give motion a purpose
2. Make movement feel right
3. Direct attention with sequence
4. Build rhythm with stagger
5. Handle interruptions
6. Adapt the motion
7. A fresh brief

## Access

Every lab is included with each individual learner’s Vault access. Each learner needs their own account and Vault access. This course has no separate checkout.

Start the course at https://gsapvault.com/courses/motion-design-for-developers/learn. Overview: https://gsapvault.com/courses/motion-design-for-developers.

Complete the practical checks in every lab to unlock an optional shareable certificate of completion. This is not an accredited qualification.