Rich Media Gallery redesign: Simplifying complexity and optimizing for mobile
Wednesday, February 18, 2015
Two and half years of content:
The original website launched two and half years ago, in September 2012, and since then, we’ve added over 1000 creative examples to the gallery and seen 50% year over year growth in unique viewers.
Why the redesign?
The new design optimizes the website experience for every device and removes complexity, allowing users to quickly reach the right answers.
The new design optimizes the website experience for every device and removes complexity, allowing users to quickly reach the right answers.
Seamless, cross-device experience: We used Google’s Material Design Principles to create a consistent look and feel across smartphones, tablets, and desktops. The site incorporates mobile-friendly elements, such as easy scrolling, full-screen interactive gallery examples, and clever transitions.
Get to the right answer quickly: We want the Rich Media Gallery to be an intuitive guide to Google’s creative solutions, to help you identify the best tools and ad formats for your campaign.
The Rich Media Gallery website is now fully responsive, resizing content automatically based on the size of the device you’re viewing it on.
Get to the right answer quickly: We want the Rich Media Gallery to be an intuitive guide to Google’s creative solutions, to help you identify the best tools and ad formats for your campaign.
- Filter the gallery by ad type or feature, to see the most relevant creative examples for your campaign.
- Check out the Creative Recommendation Tool, which provides a recommendation for the best product to use for your campaign, based on your answers to a few questions.
Start Exploring:
- The new homepage offers a curated set of the best creative examples from the gallery. You can “deconstruct” these ads to uncover which formats and features were used to build it. (See below)
- The new Ad types section will provide an overview of each format type, and then aggregate the build guides, gallery examples, and other relevant resources in one place, so you have everything at your fingertips to build your own version.
- Make sure to check out the new HTML5 Lightbox format. It's Google’s first truly responsive framework that allows you to build your creative once and deploy it on any device or screen size. Think of these like a DoubleClick Studio Layout, except that the expanded state of the Lightbox is completely responsive to screen size. (Overview video here.)
- If you’ve already downloaded Google Web Designer, you have the option to open HTML5 templates from the website directly in Google Web Designer, so you can immediately get started on a project.
Read the behind-the-scenes scoop from the Rich Media Gallery design and development team to better understand their strategy and approach to this redesign. They discuss how they applied Material Design principles to create a mobile-optimized experience, and they walk through the various challenges they faced as they built the new site.
Posted by the Rich Media Gallery Team