Google Partners Blog: Rich Media Gallery redesign: Simplifying complexity and optimizing for mobile

Partners Blog

What's new @ Google? Tips and tools for agencies

Rich Media Gallery redesign: Simplifying complexity and optimizing for mobile

Wednesday, February 18, 2015

Cross-posted from the DoubleClick Advertiser blog

We’re excited to unveil our redesigned Rich Media Gallery website, Google’s destination for digital creative inspiration and education. The new design provides a seamless experience across screens, and makes it easier to find the right product and ad format you need to build your campaign.

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.

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.

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.

Interested in building your own mobile-optimized website?
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

Labels

Account Manager 88
Account Planner 100
Ad Planner 21
AdWords Editor 23
Analytics 38
Case study 44
Coffee break with clients 5
Creative/Production 39
Display 42
DoubleClick 40
Google Display Network 47
Google Media Solutions Series 4
Holiday 16
Industry Resources 114
Local Marketing 9
Media Buyer 71
Media Planner 108
Mobile 42
Optimization 63
Quality Score 13
Search Specialist 133
Tools 94
Training 141
YouTube 51

Archive

Feed

Google
Privacy
Terms