Site icon Creatopy Blog

The 2018 Banner Ad Design Statistics and Trends (New Research)

Design-Trends-Research-Bannersnack-
12 minutes read

Since the dawn of the Internet as we know it, banner ads were viewed and exploited as one of the most effective ways available for marketers and advertisers who needed to present their products or services to their customers. However, every industry evolves and adapts to the market based on customers’ attitudes and of course, the present trends.

Therefore, while banner advertising may prove to be a great choice, in the end, your results will depend mostly on how you manage to adapt to your own present market.

In order to adapt, you need to know-how. You need to possess the knowledge, the theory, and the method altogether.

This is why we’ve collected the following data and came up with a series of useful information that might help you navigate the murky waters of display advertising.

Methodology:

To this end, we’ve gathered data from more than 200k users and we have analyzed over 950k banner ads between January and May 2018.

This information allowed us to answer some of your most troublesome questions, thus helping you to get a clear view of today’s trends in banner advertising.


Summary

1. Most used display ad sizes

2. Most used types of static ads

3. Most used types of animated ads

4. Fonts usage in display banner ads

5. Most used types of visuals in display banner ads

6. Design from Templates or Scratch


If you don’t have time to read through all of the research you can check out the short version:

TL;DR


Let’s start with the first and move on as we collect our data:

1. Most used display ad sizes

What is the most used display ad size? Are there more than one? What sizes should I choose for my designs?

These are three of the most important questions that arise immediately after you decide to invest in banner advertising.

In order to be effective, you need to know how to attract your audience. Obviously, everything starts with some technical details. One of these details, the size, always comes first.

According to our data, out of a large list of standard sizes, there are three banner sizes that make the top of our popularity list. However, regardless of the industry or the professionals that design the banners, there’s a number one choice that is always the same.

I am talking, of course, about the 300×250 rectangle banner. On average, here’s how the Top 3 looks like:

    1. 300 x 250
    2. 728 x 90
    3. 336 x 280
Designers prefer Marketers prefer Entrepreneurs prefer
300 x 250 300 x 250 300 x 250
336 x 280 728 x 90 336 x 280
728 x 90 336 x 280  728 x 90

There are still some other questions that arise in relationship with these choices. They are all questions that need to be addressed before going further, such as:

Why is the rectangle the most used type of display ad size?

How does a rectangle type banner look like on a web page that has been loaded on a desktop computer and how does it look on mobile devices?

A. The 300 x 250 banner ad

Here are some important facts regarding this particular banner size, facts that should explain why it managed to rank first in all situations:

The aforementioned banner size is not the only one that is popular this year.

It may be the first choice for marketers, designers, and entrepreneurs but there are other sizes that are popular as well among these professionals.

B. The 728×90 banner ad

Overall, this format is the second choice and there is at least one good reason for this. It is very effective when placed above the fold of the forum websites or inside the header section of a website or blog. The area is quite effective as the viewer’s focus is immediately drawn to it before reading the headlines or the content.

One might be tempted to place such an ad not only at the top of the page but also at its bottom, under the content area and into the footer section. However, according to stats, only the header unit will be successful and as a consequence, worthy of your money.

Also, this type of unit is sometimes being used as part of a sponsorship message or as a homepage takeover.

C. 336 x 280

This type of ad format is the big brother of the aforementioned 300×250 unit, the medium rectangle. This is a premium format and it is offered as an option by major advertising agencies/networks only. Being larger than the previous, this banner ad gets all its benefits. However, it may come with a better readability due to its larger area which allows bigger fonts and images.

The 300×250 unit is able to deliver a high CPM if placed above the fold.

2. Most used types of static ads

Apart from the size, there is yet another technical aspect that should be dealt with before saving and publishing your banner ads. You need to choose your file format and apparently, this will not be a difficult task considering that there are not that many options available. Most of the static banner ads are based on the GIF, JPG and PNG compressions, with JPG being the winner in popularity.

There are a lot of banner ad examples available out there and you can browse through other designers’ work in order to understand the differences and see the final results with your own eyes.

Here’s what our analysis says about the popularity of each of these formats:

TOTAL GIF JPG PNG
Entrepreneurs 9.75% 64.68% 25.57%
Designers 8.63% 65.90% 25.46%
Marketers 14.78% 59.14%  26.08%

In order to better understand the trends and make an informed decision, we need to understand the main differences between JPG, GIF, and PNG.

A. What you need to know about JPG format in display ads

Here is some important information regarding the JPG file format:

B. What you need to know about PNG format in display ads

Now, let’s take a quick look at some important data related to the second most popular file format for static banner ads, the PNG:

C. What you need to know about GIF format in display ads

GIF is one of the oldest file formats available online and it was used throughout the latest decades mostly for animated content. It was a great choice back in the day due to its great compression and small file size, but due to its technical limitation, it has fallen out of favor among professional designers, marketers, and entrepreneurs. Here are some quick facts about GIFs:

3. Most used types of animated ads

Static ads may prove to be effective for some marketers, but there are many other professionals who invest in designing and publishing animated ads as well. This is not a debate over which banner type delivers the best results. Instead, we are going to focus on the stats that show us the trends of this year’s options based on the type of animated banner.

Here’s what we’ve found:

Animated GIF Animated HTML5
34.50%  65.50%

There are several questions that arise at this point such as: What are animated HTML5 banner ads? What are animated GIFs? What are the main differences between the two and why do people choose one over the other?

We will try to answer them all, one by one, starting with the definitions.

  1. Animated HTML5. HTML5 is the latest evolution of the standard HyperText Markup Language, traditionally referred to as simple HTML. Most of the websites are based on these scripts and as a consequence, the format is natively supported by all browsers. Unlike previous versions, HTML5 allows the designer to animate banners using CSS, JavaScript and rich media elements without loss of visual quality and with a minimal use of space and computer resources.
  2. Animated GIFs contain a series of images encoded with the Graphics Interchange Format grouped together in a single file. The frames are presented in a specific order and can be looped endlessly. It’s a quick and simple way to present dynamic content inside a web page.

The differences between the two types of animations and why most professionals use animated HTML5 for banner ads:

Despite the fact that the GIF file format is almost as old as the Internet as we know it, it is still a popular format among regular and professional users as well. GIF banners are in many ways outdated, out of style and inefficient, but as we can clearly see from the data unveiled above, there is still over 34 percent of the marketers who still consider using them.

Two decades ago, GIFs were the main choice, their small file size being the perfect option for the slow internet connections available back then. Over the years, they were in many cases replaced by Flash banners at first and HTML5 banners later. While Flash technology satisfied the marketer’s and the viewer’s appetite for visual quality, it lacked in something that proved to be decisive: compatibility. Thus, HTML5 became the new standard for professional marketers and we can see clearly that it has been widely adopted, with more than 65% of the professionals using it today.

Here are some facts that shed some light upon the major differences between GIFs and HTML5 animated banners:

4. Fonts usage in display banner ads

Another important thing you need to consider when you create your digital display banners is the typography that is going to be used in order to convey your message. This is an important decision to make, considering that the message itself and the CTA need to be legible, easy to understand and easily readable.

Also, they need to be in line with your own visual image, the branding and the style of your visual marketing campaign. As a consequence, you need to choose the best and the most appropriate banner fonts for your designs.

Here’s what we’ve found out after compiling the data from our study. According to stats, the following are the most used fonts:

  1. Gotham
  2. Myriad Pro
  3. Helvetica Neue LT Std

Why are Gotham, Myriad Pro, and Helvetica Neue LT Std the primary choices? Where can they be used?

Well, as you can see from the image above, these typographies are all readable and stylish-looking. They are a great combination of classic and modern, and they are able to convey a clear and legible message regardless of the size of the font being used.

Now, let’s take a look at the most used typographies based on the occupation of the people targeted by our study:

Top 5 fonts entrepreneurs are using in their banner ads designs:

  1. Brandon Grotesque
  2. Arial
  3. Myriad Pro
  4. Raleway
  5. Futura Std

Top 5 fonts designers are using in their banner ads designs:

  1. Gotham
  2. Helvetica Neue LT Std
  3. Proxima Nova
  4. Brandon Grotesque
  5. Bebas Neue

Top 5 fonts marketers are using in their banner ads designs:

  1. Myriad Prod
  2. Helvetica Neue LT Std
  3. Gotham
  4. Proxima Nova
  5. Open Sans

5. Most used types of images in display banner ads

When it comes to visuals, there are two options for everybody, regardless of their profession. You can either choose to use stock imagery or, if it is the case and your resources allow it, your own branded images.

According to trends, branded images win by far, making the top choice for over 87% of marketers, designers, and entrepreneurs.

Let’s take a quick look at the stats:

Why are branded images the best choice?

6. Design from Templates or Scratch

What about the design itself? What do people choose? Do they base their designs on existing templates, or they prefer actually designing everything from scratch?

Well, according to the data we managed to collect for this study, the answer is more than clear:

From scratch Templates
Entrepreneurs 96.65% 3.35%
Designers 97.86% 2.14%
Marketers 97.07%  2.93%

This option is strongly related to the choices we’ve discussed in the previous paragraph.

Originality is strongly valued among professionals and their targeted audience as well and therefore, entrepreneurs, marketers, and designers choose to create their banners from scratch and not from the templates they have at their disposal.

For instance, you can even expedite your work and still create everything from scratch without using any templates.

Conclusion

Regardless of your type of work, in order to be effective and efficient, you need to stay true to your times and be contemporary with your work and your peers. This is even truer when you deal with an audience or when you need to convey a message to an audience in order to be successful.

Therefore, the marketing and advertising industries are always bound to adapt to the trends of their times and to the whims and behaviors of their audiences which are most of the times influenced by these trends.

This study was conducted in order to help marketers, entrepreneurs and designers get a clearer view of today’s banner ads design market and as a consequence, help them adapt easier to the expectations of their audiences.

What do you think about these numbers? Are there any other trends you might have noticed during the last months?

Exit mobile version