Responsive Design, mobile apps, mobile advertising The ResponsiveAds Responsive Design Format

Marketing isn't just about creating a worthwhile customer experience through engagement and conversation, it’s also about how well an ad is received by its targeted audience. This reception is often hindered when the ad isn't correctly displayed on a device's screen; a problem that can be easily fixed through responsive design.

What is Responsive Design?

Before we dive deeper into the problems that ads can have when viewed on different devices, let's first take a look at what responsive design is and how it works.

Internet-enabled devices come in all shapes and sizes. Due to this, not all websites can be viewed in the same way because of how these screens vary from the tiny smartphone to the larger desktop computer. While on most laptops and desktops the screen adjusts content by having users scroll to see anything that’s hidden or including a zoom feature, this can’t always work with mobile. To help with this many website developers have started using a responsive design approach, which is made possible through CSS (cascading style sheets).

Once a device has been identified, CSS can adjust the site's resolution according to that device (or device type), which also eliminates the need for a mobile version of the site.

Responsive Design, Meet Online Advertising

Marketers often run into many problems and issues when launching a new campaign and need to make sure that smaller problems, such as the visibility of an ad or website isn't one of them. Having less problems means that marketers can concentrate more of their time on the customer and the campaign.

When buying an ad unit, advertisers have to make sure that the ad fits certain dimensions. For example Google’s Adsense lists that a banner ad is 468x60 and a leaderboard ad is 728x90. Many of these dimensions are pre-set and fit poorly into smaller screen sizes, so marketers often have to design a number of similar ads that can fit both desktop and mobile devices.

A solution for this problem is to adapt the responsive design that is being used for websites for ads. Three companies that have responsive design solutions are ResponsiveAds, Google Adsense and Undertone.


ResponsiveAds offers users two responsive tools. The first is Stretch, which helps companies design different kinds of advertisements for placement on the screen such as accordion, linear and backdrop. These ads are then able to, through HTML5, adjust to whatever screen resolution is being used. The second tool, available in a beta format, is called Responsive App Canvas. App Canvas enables marketers to create responsive expanded ads that can be embedded with HTML5 widgets, such as a form or map.