{"id":36923,"date":"2023-08-04T19:00:00","date_gmt":"2023-08-04T13:30:00","guid":{"rendered":"https:\/\/email.uplers.com\/blog\/?p=36923"},"modified":"2023-08-04T19:22:56","modified_gmt":"2023-08-04T13:52:56","slug":"banner-ads-design-best-practices","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/","title":{"rendered":"Want To Wave Your Banner High? Here Are 10 Best Practices For Designing And Testing Banner Ads"},"content":{"rendered":"\n

The Internet is flush with banner ads. Thousands of brands, both old and new, invest in banner ads to reach their target audience. One can\u2019t look at the screen without coming across at least two banner ads at the same time. This means your audience is increasingly made aware of your competitors, and is possibly moving down the sales funnel to the point of actually converting.<\/p>\n\n\n\n

That\u2019s how effective banner ads can be. They\u2019re everywhere and they\u2019re unmissable. And when they have been designed well and rigorously A\/B-tested, they can strike oil.   <\/p>\n\n\n\n

Now that you have a basic idea of how banner advertising can funnelize<\/em>, so to speak, a target market, it\u2019s time you familiarize yourself with banner ad design best practices\u2014 if you want to tell people about your brand and generate leads.  <\/p>\n\n\n\n

Let\u2019s roll! <\/p>\n\n\n\n

1. Stick To Image Guidelines<\/strong><\/h2>\n\n\n\n

The image is the focal point of your banner ad. In fact, the image is <\/em>the ad. So, make sure you are conversant with the image guidelines. Note that the guidelines may vary depending on the display network you choose. <\/p>\n\n\n\n

The guidelines will also vary depending on the type of banner ad. For instance, in the case of static banners, Google\u2019s recommended size for landscape, portrait, and square images is 1200 X 628, 1200 X 1200, and 900 X 1600, respectively. <\/p>\n\n\n\n

In the case of responsive banner ads, the size of the images you want to upload must not exceed 5120 KB. <\/p>\n\n\n\n

2. Use High-Quality Images<\/strong><\/h2>\n\n\n\n

Make the banner images immediately accessible. Don\u2019t create hindrances in user experience. Choose high-quality images both to stand out and to streamline the viewing experience. So, avoid blurry, over-filtered images.<\/p>\n\n\n\n

The following banner ad from the Global Wellness Institute uses a high-quality image. <\/p>\n\n\n\n

\"banner<\/figure><\/div>\n\n\n\n

Here\u2019s another banner ad, from the Consumer Technology Association, that uses a high-quality image.<\/p>\n\n\n\n

\"banner<\/figure><\/div>\n\n\n\n

Often, designers are tempted to invert colors in a bid to fancify the ads. Fancier need not mean better. You want your audience to be informed of something urgent, not just enthralled by too many things at once. Ultimately, you want the viewer to act<\/em>. <\/p>\n\n\n\n

Remember: the banner is a means, and not the end. <\/p>\n\n\n\n

So, anything that distracts the viewer from the focus of the ad is to be avoided.<\/p>\n\n\n\n

3. Avoid Overlaid Logos<\/strong><\/h2>\n\n\n\n

Because you want the image of your ad to be the sole focus, avoid overlapping it with the logo of your brand. It defeats the purpose of using a high-quality image, doesn\u2019t it? <\/p>\n\n\n\n

The banner ad is not really the place for reinforcing your brand identity so conspicuously. You have a whole website dedicated to do just that. Instead, consider suffusing the ad with your brand colors and place the logo on the upper-left corner of the banner, following the natural reading pattern\u2014 just like Zoho Creator has done it. <\/p>\n\n\n\n

\"<\/figure><\/div>\n\n\n\n

Don\u2019t worry about your logo being invisible. It\u2019s not necessarily a part of banner ad best practices. If the banner is expandable, the viewer will not miss anything.\u00a0<\/p>\n\n\n\n

4. Say No To Overlaid Text<\/strong><\/h2>\n\n\n\n

Unless text is naturally embedded within the image, you want to avoid overlapping the image with additional text. A particularly risky situation is when both the banner heading and the text over your image are repetitive. That would be a big turnoff.<\/p>\n\n\n\n

See how Email Broadcast has kept text and image separate.<\/p>\n\n\n\n

\"<\/figure><\/div>\n\n\n\n

Note also that images with overlaid text will look cluttered up on smaller banner sizes. <\/p>\n\n\n\n

Again, if your banner ad is cluttered up, it is not optimized for easy mobile viewing. When all the elements of the banner are huddled close together, the mobile user will not be able to tap on the CTA button with ease, if only to quit the adscape and learn about your brand on its website. <\/p>\n\n\n

\"\"<\/a><\/div><\/div>\n\n\n\n

5. Take Your Time With CTA Buttons<\/strong><\/h2>\n\n\n\n

The CTA button is the most important element of your banner ad. Successful banner ads use CTAs that are prominent, direct, and enticing. <\/p>\n\n\n\n

The color of the button should be directly opposed to the background color. Make the button large enough so that mobile users can easily tap on it.<\/p>\n\n\n\n

The CTA text should be concise, aligned with the nature of your message, and urgent. Drop hackneyed phrases like Click Here, Go To Website<\/em>, Buy Now, <\/em>etc. Instead, try using first-person phrases such as I Am Ready, I Want To Save, I\u2019m Interested<\/em>, and so on. <\/p>\n\n\n\n

Sometimes, you might get copy ideas from the heading of your banner. So, if first-person CTAs are not viable for your ad, you can tailor the CTA copy to the main text of your ad. For instance, in the following Hewlett Packard banner, the CTA matches the information-dangling tone of the heading. <\/p>\n\n\n\n

\"<\/figure><\/div>\n\n\n\n

6. Turn The Spotlight On Your Product<\/strong><\/h2>\n\n\n\n

Create banner ads that display a great product image. You only need to keep it as the focus of your ad while using minimum copy around it. Take a look at this Proper Cloth ad.\u00a0<\/p>\n\n\n\n

\"<\/figure><\/div>\n\n\n\n

Again, Bulgari here below slays it with an excellent product image. <\/p>\n\n\n\n

\"Bulgari\"<\/figure><\/div>\n\n\n\n

As you can see, product images are a great way to make your banner ad clean and soothing to look at. It does away with the more complex side of design and copy, while also scoring high on authenticity and reliability. <\/p>\n\n\n\n

Interestingly, if your product is nicely photographed and made the center of your ad, you may use a traditional CTA text to drive more traffic. This is because the product will be the real inspiration to act, not the CTA.<\/p>\n\n\n\n

7. Use One Product Image Per Ad<\/strong><\/h2>\n\n\n\n

Google recommends using one image per ad, instead of collages. This is not often stressed in most banner ad best practices.<\/p>\n\n\n\n

As mentioned before, a banner ad is the means, not the end. It acts as a portal to something larger and beyond. You only want the visitor to take notice of your business, and be acquainted with it more thoroughly and deeply on the website. <\/p>\n\n\n\n

8. Avoid Compositing<\/strong><\/h2>\n\n\n\n

Digital compositing is the technique of digitally combining multiple images into a single final image. As far as creative banner ads are concerned, Google does not recommend digital compositing.<\/p>\n\n\n\n

\"JW<\/figure><\/div>\n\n\n\n

Use organic colors and surroundings for your banner images, like this JW Marriott banner. Let the ad look natural. <\/p>\n\n\n\n

In the hands of a mediocre artist, compositing, which is a highly technical process though among the most ambitious banner design ideas, may look contrived and artificial.\u00a0<\/p>\n\n\n\n

9. Include Special Offers And Deals<\/strong><\/h2>\n\n\n\n

Effective banner ads include special offers, discounts, promo codes, coupons, etc. to inspire urgency. It\u2019s one of the most popular tactics with eCommerce brands. So, if you have something special to offer, shout it out, make it known.<\/p>\n\n\n\n

G.J. Gardner\u2019s animated banner hits the right note. <\/p>\n\n\n\n

\"G.J.<\/figure><\/div>\n\n\n\n

Incidentally, it\u2019s often easier to write the CTA copy around such ads. This is because the banner image, which proclaims the offer, acts like a shadow call-to-action. <\/p>\n\n\n\n

10. Test Your Ads <\/strong><\/h2>\n\n\n\n

Just knowing how to make banner ads is not enough. Your job is not done until you have split-tested your banner ad. While it\u2019s true that every element of your ad is optimized for higher user engagement and conversion, you cannot be dead cert about its effectiveness in the real world without first having it strained through a constructive A\/B test.<\/p>\n\n\n\n

Toward that end, here are some of the best practices for A\/B-testing your banner ad:<\/p>\n\n\n\n

  • Choose only one variable at a time. <\/li>
  • Have a clearly defined goal of testing the variable. <\/li>
  • Choose a sample size that is large enough to return actionable statistics. <\/li>
  • Test both versions of your variable at the same time.<\/li>
  • Run the A\/B test for a sufficient amount of time for it to yield actionable data.<\/li><\/ul>\n\n\n\n

    Wrapping Up!<\/strong><\/h2>\n\n\n\n

    So, those were some of the best practices for banner ads.<\/p>\n\n\n\n

    Contrary to certain preconceived notions, banner ads are not legacy media. The fact that they are omnipresent gives a direct lie to such ideas. The banner ad is still one of the most efficient tools for building brand awareness and connecting brands with their target demographic. It\u2019s literally the door to your business. Designed properly, you are sure to hear the knocks. <\/p>\n","protected":false},"excerpt":{"rendered":"

    Banner ads are everywhere. How can you make yours stand out from the rest? Follow our expert tips and prepare your ads to rule the Web<\/p>\n","protected":false},"author":78,"featured_media":36941,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1044],"tags":[],"class_list":["post-36923","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banners"],"yoast_head":"\n10 Best Practices & Tips For Designing Effective Banner Ads<\/title>\n<meta name=\"description\" content=\"Want effective banner ads that facilitate conversions? Here are the 10 best practices and tips for designing & testing banner ads. Read more!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Best Practices & Tips For Designing Effective Banner Ads\" \/>\n<meta property=\"og:description\" content=\"Want effective banner ads that facilitate conversions? Here are the 10 best practices and tips for designing & testing banner ads. Read more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-04T13:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-04T13:52:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/X-Best-Practices-For-Designing-Testing-Banner-Ads-3-540x282.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Susmit Panda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Susmit Panda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/\",\"name\":\"10 Best Practices & Tips For Designing Effective Banner Ads\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/X-Best-Practices-For-Designing-Testing-Banner-Ads-3.jpg\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/24f62735fffd154f82f33d19d2eaacb3\"},\"description\":\"Want effective banner ads that facilitate conversions? Here are the 10 best practices and tips for designing & testing banner ads. Read more!\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/X-Best-Practices-For-Designing-Testing-Banner-Ads-3.jpg\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/X-Best-Practices-For-Designing-Testing-Banner-Ads-3.jpg\",\"width\":1170,\"height\":470,\"caption\":\"Designing Effective Banner Ads\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Want To Wave Your Banner High? Here Are 10 Best Practices For Designing And Testing Banner Ads\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/24f62735fffd154f82f33d19d2eaacb3\",\"name\":\"Susmit Panda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/07\/Susmit-96x96.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/07\/Susmit-96x96.png\",\"caption\":\"Susmit Panda\"},\"description\":\"A realist at heart and an idealist at head, Susmit is a content writer at Email Uplers. He has been in the digital marketing industry for half a decade. When not writing, he can be seen squinting at his Kindle, awestruck.\",\"sameAs\":[\"https:\/\/email.uplers.com\/\",\"https:\/\/www.linkedin.com\/in\/susmit-panda-965a1214a\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Best Practices & Tips For Designing Effective Banner Ads","description":"Want effective banner ads that facilitate conversions? Here are the 10 best practices and tips for designing & testing banner ads. Read more!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/","og_locale":"en_US","og_type":"article","og_title":"10 Best Practices & Tips For Designing Effective Banner Ads","og_description":"Want effective banner ads that facilitate conversions? Here are the 10 best practices and tips for designing & testing banner ads. Read more!","og_url":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2023-08-04T13:30:00+00:00","article_modified_time":"2023-08-04T13:52:56+00:00","og_image":[{"width":540,"height":282,"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/X-Best-Practices-For-Designing-Testing-Banner-Ads-3-540x282.jpg","type":"image\/jpeg"}],"author":"Susmit Panda","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Susmit Panda","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/","url":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/","name":"10 Best Practices & Tips For Designing Effective Banner Ads","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/X-Best-Practices-For-Designing-Testing-Banner-Ads-3.jpg","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/24f62735fffd154f82f33d19d2eaacb3"},"description":"Want effective banner ads that facilitate conversions? Here are the 10 best practices and tips for designing & testing banner ads. Read more!","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/X-Best-Practices-For-Designing-Testing-Banner-Ads-3.jpg","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/08\/X-Best-Practices-For-Designing-Testing-Banner-Ads-3.jpg","width":1170,"height":470,"caption":"Designing Effective Banner Ads"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/banner-ads-design-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Want To Wave Your Banner High? Here Are 10 Best Practices For Designing And Testing Banner Ads"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/24f62735fffd154f82f33d19d2eaacb3","name":"Susmit Panda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/07\/Susmit-96x96.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2023\/07\/Susmit-96x96.png","caption":"Susmit Panda"},"description":"A realist at heart and an idealist at head, Susmit is a content writer at Email Uplers. He has been in the digital marketing industry for half a decade. When not writing, he can be seen squinting at his Kindle, awestruck.","sameAs":["https:\/\/email.uplers.com\/","https:\/\/www.linkedin.com\/in\/susmit-panda-965a1214a\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/36923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=36923"}],"version-history":[{"count":14,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/36923\/revisions"}],"predecessor-version":[{"id":36952,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/36923\/revisions\/36952"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/36941"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=36923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=36923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=36923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}