Designing Motion for Google Search Immersives
Designing the motion system that helped Google Search scale immersive experiences across Images, Movies, Flights, Shopping, Google Compare, and Travel.
Company: Google
Role: UX Motion Designer
Launch: 2015
Expertise: Interaction Design • Motion Systems • Rapid Prototyping • Design Systems
Context
Google Search Immersives introduced app-like destinations for topics such as Images and Movies while Google was bringing Material Design to its products.
I designed UX motion for complete Google Images and Movies North Star prototypes and created a motion specs site that aligned product, design, and engineering before implementation.
Challenge
Material Design's motion principles needed to become a practical interaction system for Search. Loading, navigation, scrolling, and transitions had to feel intuitive across multiple immersive experiences.
Loading
The Google Images prototype introduced Google's first dominant-color placeholder loading experience.
Working with engineering, I helped develop a system that used dominant-color extraction as a visual preview before full images loaded, improving perceived performance across network conditions.
Navigating
I designed transitions connecting search results, immersive destinations, and detailed content while preserving spatial context. The same patterns scaled across Images and Movies.
Scrolling
I designed scroll-to-collapse and swipe-to-dismiss behaviors that revealed or dismissed interface chrome, keeping content in focus while preserving spatial context and access to navigation.
North Star Prototypes
The Google Images and Movies prototypes demonstrated complete journeys from loading content through navigating immersive views and returning to search results, allowing teams to evaluate product behavior before implementation.
Impact
The motion specs site became the shared reference for Search Immersives, covering user journeys, edge cases, and implementation guidance.
Teams across Flights, Shopping, Google Compare, and Travel used it to build consistent interaction behavior.