Designing Motion for Product Education
Using motion, onboarding, and visual storytelling to help people discover, understand, and adopt products.
Companies: Coinbase • Meta • Google • HUGE
Roles: UX Motion Designer • Product Designer • Motion Designer
Years: 2012–2026
Expertise: Interaction Design • Motion Systems • Onboarding • Product Education
Context
New products and features only create value when people understand how to use them.
Across my career, I've used motion to introduce unfamiliar concepts, teach interaction patterns, and guide first-time experiences.
Challenge
New features create uncertainty. Without clear guidance, people may miss their value or abandon the experience before getting started.
Motion needed to explain complex ideas, teach new behaviors, and make first use feel intuitive.
Base App Widgets Onboarding
Designed the complete onboarding experience for Base App Widgets, guiding people through setup and helping them add widgets to their home screen with confidence.
Swipe Left Onboarding
Used motion to introduce a new swipe gesture in Facebook Reels, showing when, why, and how to use it without interrupting the core experience.
iOS Notifications Onboarding
Created an onboarding flow that guided people through enabling notifications on iOS, helping them discover and adopt the feature.
Gboard for iPhone
Designed the first-time setup flow, showing what Gboard could do while reducing friction during installation.
Google Product Explainer
Created a product explainer combining motion graphics, narration, and music to communicate the product's value through a clear, engaging story.
Key Takeaway
Across these projects, motion turned product education into part of the experience itself—reducing uncertainty, encouraging exploration, and helping people adopt unfamiliar products and features with confidence.