Awwwards Motion Study — capture, review, build

Motion is design: an award-site hero that "looks the same" in a screenshot can be a spinning 3D ring, a scrubbed pin, or a staggered reveal. Static captures hide it; element posters (single frames) lie about it. This skill covers the whole chain: record → review → inventory → build → re-record.

The one rule everything serves: never write animation code from memory or posters — every shipped animation must trace to frames you actually studied.

1. What to capture

Record a motion-through pass: load, dwell, slow scroll, hover tour. Three animation classes must all be on camera: