Sign in Sign Up

We use cookies to make Serpstat better. By clicking "Accept and Continue", you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.

By using the website, you agree to our Privacy policy

Report a bug

Cancel
2044 74
Marketing 11 min read September 24, 2020

How To Create An Efficient Advertising Banner

How To Create An Efficient Advertising Banner
Josh Bruce
Andriy Chornyy
CEO at Plerdy
Banners serve as one of the longest-standing online advertising methods. They provide the maximum reach and high CTR if there are no design troubles, and even ad blockers can not affect this.
One of the main pros of this ad type is the high efficiency/cost ratio. All businesses, even billion-revenue top companies, use banners. This article deals with creating an efficient advertising banner.
What a banner should be: main design trends
The banner design is mainly determined by user interaction. Usually, visitors do not focus on this element, they only give a glance to it. The banner efficiency directly depends on its ability to draw the user's attention within a few seconds. If yes, most likely, the user will click on it. This is the first step in the sales funnel.
Arising from this, there are three main requirements for banner design:
1
They should not look like simple pictures. A banner should be clickable.
2
A clear message is required so that the visitor would understand your concept — no small font or abundance of small elements. Users visit your website to find the required information. They don't look for your banner, so they would not try to grasp its meaning.
3
The design should be "catchy".
The banner design has the following trends:

Interactive elements. If a banner responds to user behavior, this draws attention. E.g., IKEA has taken a step further and made a joke about itself by making a banner in the form of a manual for creating a banner.

Maximum informative value and storytelling (series of banners).

Retro-style. Without reference to a certain period.

Combination of different fonts, use of handwriting-styled text.

Picture style.

Flat design — use of simple elements and contrast colors
Also, track popular memes as they can be used in banner design and can be traded on. Attention and high CTR are guaranteed.
Boldness and overt provocation also can give good results. But don't overdo it like in the case with the motto "Smoking is to be a slave to tobacco" (anti-tobacco campaign) when millions of French were shocked with the comparison of sexual slavery.
People Hate Ads: How Marketers Can Address This Problem
Examples of Google Ads banners
A proper size allows using the purchased advertising space to maximum effect. Also, it influences the perception of the content by the visitors. Ideally, a banner should be noticeable, but not annoying.

As this advertising element has been used for a long time, there are some standard banner sizes. Mainly one of the standard typical sizes is used.
Medium rectangle (728х90)
Also known as leaderboard because it is usually located on the top of the page. This makes it noticeable for sure.
This element is not used in the middle of the text because this distracts from reading the text so most likely the user will skip it.
Less frequently leaderboards are located at the end of the page. This depends on the scroll depth - if it is 50-60%, most users won't see it.
Inline rectangle (300х250)
A medium-sized rectangle is one of the most popular banner types. It is often integrated into the text, it is not annoying and looks organically.
This element can be located in any part of the page. Usually, this type of banners is used at the top of the page as the visitor's response to it is more likely.
On mobile devices these banners are also used for organic text separation.
Also banners of different types are combined. E.g., leaderboards do not hinder the perception of an inline rectangle so this does not worsen the usability. The picture above serves as an example of using of two types of banners on one page.
Mid-page ad (300х600)
A rather bulky banner. Due to its size, it is not integrated into the text. Usually, it is located in the right/left from the text.
Don't forget to use good photos or animation so that the banner field would not look empty. Don't forget about call-to-action as the offer should be clear for the website visitor.

Above you can see an example of pretty good design. The upper banner part includes the product image, the animation shows the offer and the lower part is the call to action. Surely, the banner will not be confused with a mere picture and its clickability can be also seen.

This banner is not suitable for smartphones.
Wide skyscraper (160х600)
It is similar to the previous banner type, but the skyscraper is twice as narrow. The use principle is the same as for the mid-page ad - the skyscraper is located in the upper side part of the website.
The wide skyscraper is not suitable for smartphones as it can not be integrated into the text without affecting the usability. It should not be also located aside the text considering the screen area.
The wide skyscraper is used when there is free space aside, but no room for the mid-page ad.
How To Make Your Marketing Campaign Effective
Pop-ups as a cure from banner blindness
One of the drawbacks of standard banner view is that page visitors instinctively filter them as definitely useless. This phenomenon is called "banner blindness".
Use of pop-ups guarantees that the visitor will pay attention to the advertising banner. They are used: for showing very important information (e.g., current discounts and promo campaigns):
or for collecting visitors' contacts:
The advantage of the pop-ups is that the advertising banner is not shown on the website all the time. Sometimes the user can not interact with the website until s/he responds to the pop-up. This is both an advantage and a drawback.

There is a middle ground - an unobtrusive notification about a discount or promo campaign.

You can set up its impression depending on the:

  • device used for visiting the website (mobile or PC);
  • time (e.g., show at the end of the month only;
  • page scroll (e.g., the pop-up appears after scrolling 50% of the page);
  • visitor's action (e.g., when opening a page of the certain category on an online store website).

There is no need to involve a programmer for using pop-ups. Plerdy offers a designer for adding the intelligent forms to the website yourself.
Facebook Advertising Tips That You Need To Know To Generate Leads
Examples of using pop-ups and ordinary banners
Below you can find some examples of successful use of these elements for collecting contacts and notifying about important events:

When visiting Aliexpress home page you see a banner with a last-minute offer:
On eBay we can see a similar approach - in the sections with game consoles we see a recommendation to make fast payments with a card:
On Joom when you open any category page you see a pop-up offering a 10% discount:
Banggod.com collects contact information. When opening the homepage a pop-pop with offering 20 discount coupons. For getting them you need to sign in leaving your e-mail:
These elements are used on other top web-resources. They are efficient, but they should be thoroughly designed and should not affect the website usability.
9 Lead Magnet Ideas For Every Stage Of The Buyer's Journey
Conclusion
Banners are advertising elements used since 1994. They still provide a good inflow of new customers. In 2014 Google Media Lab performed a banner advertising efficiency test. 82% of the respondents used banners. This method is also used in Google, Corporation; thus, in the second half of 2014, the frequency of Android Wear brand references on the Internet was increased by 15.8% due to creative banners.

Successful companies use these elements in advertising in two ways:
1
Banners as advertising on third-party websites. This is cheap, provides a maximum reach if the design is rather creative, attracts new customers;
2
Displaying the required information on the website using pop-ups. For sure, the visitor will not skip them.
Banner ads are suitable both for owners of successful businesses and for beginners who have not attracted a large audience yet. But they should be creative and catch the customer's mood.
To keep track of all the news from the Serpstat blog, subscribe to our newsletter. And also join our group on Facebook and follow our Twitter.

Learn how to get the most out of Serpstat

Want to get a personal demo, trial period or bunch of successful use cases?

Send a request and our expert will contact you ;)

The opinion of the guest post authors may not coincide with the opinion of the Serpstat editorial staff and specialists.

Rate the article on a five-point scale

The article has already been rated by 15 people on average 5 out of 5
Found an error? Select it and press Ctrl + Enter to tell us

Share this article with your friends

Sign In Free Sign Up

You’ve reached your query limit.

Or email
Forgot password?
Or email
Optional
Back To Login

Don’t worry! Just fill in your email and we’ll send over your password.

Are you sure?

Awesome!

To complete your registration you need to enter your phone number

Back

We sent confirmation code to your phone number

Your phone Resend code Queries left

Something went wrong.

Contact our support team
Or confirm the registration using the Telegram bot Follow this link
Please pick the project to work on

Personal demonstration

Serpstat is all about saving time, and we want to save yours! One of our specialists will contact you and discuss options going forward.

These may include a personal demonstration, a trial period, comprehensive training articles & webinar recordings, and custom advice from a Serpstat specialist. It is our goal to make you feel comfortable while using Serpstat.

Name

Email

Phone

We are glad of your comment
Upgrade your plan

Upgrade your plan

Export is not available for your account. Please upgrade to Lite or higher to get access to the tool. Learn more

Sign Up Free

Спасибо, мы с вами свяжемся в ближайшее время

Invite
View Editing

E-mail
Message
Optional
E-mail
Message
Optional

You have run out of limits

You have reached the limit for the number of created projects. You cannot create new projects unless you increase the limits or delete existing projects.

I want more limits