Projects/Google Chameleon
Product Motion
A motion graphics system for an internal Google tool, clarifying complex product states through short, purposeful animation.
Deliverables
- Motion graphics01
- Product animation02
Client
- TechnologySector
The mission
Make an invisible product capability obvious in under five seconds.
The challenge
The tool's power was invisible in a static screenshot. Motion had to do the explaining in under five seconds.
The concept
A library of short, looping state-change animations with consistent easing and staging, usable across docs and onboarding.
Chameleon explainer, part 3
Mascot: 30-minute setup
Chapter navigation
Role matching
Step 2: Plan transitionThe impact
A motion pattern library that became the tool's default explanatory language.
+42%Improvement in user interaction
1Motion pattern library
5sTime to comprehension
Credits
Motion graphics: Remy Cuesta
Tools
After Effects, Illustrator