Advertising with banners of a website is one of the important elements when you want to generate income. If you don't know how to use them, it's best to find some inspiration with assorted banner examples to fit your personal website.
Table of Contents
Advertising spaces or banners are creative tools that display digital advertising. This advertising is usually made up of images and text, and in some cases sounds or some element with which the user can interact is included.
What is the importance of a banner?
Before starting to invest in advertising, you have to understand what it is for, what a banner is for and what it will contribute to your website.
A banner is an advertising material whose objective is to give a concise and striking message by combining text, images, and sometimes (without mandatory) interactive aspects. Commonly, they are used within websites to give greater visibility to specific information to which we want our user or viewer to direct their attention.
This element is used in almost all the pages that seek to monetize their advertising. Especially if they have considerable user traffic that allows the advertising banner a greater reach and visibility.
There is great versatility between the different types of banners, which allows web designers to use them organically. These are divided into three types of banners: fixed, expandable and floating. Next, we show you some examples of banners of different types.
Types of banners and examples of banners to inspire you
Its position is invariable and it can be used in a rectangular shape, page stealer or skyscraper.
El rectangle banner It has a horizontal rectangular banner format being used at the top of the web page with various measures in pixels.
Un banner stealer is placed between texts. Commonly at the beginning of a blog post or article. Its format can be vertical or horizontal with 300 x 600 pixels or 300 x 250 pixels.
Furthermore, the skyscraper banner is the opposite of rectangular. Well, although it shares a rectangular format, its orientation is vertical. It is placed on the sides of the page with 100 x 600 pixels.
As its name indicates, it is a web banner that can be expanded on the screen by varying its functions. The size that it can cover can be medium or large, and it is usually activated when the mouse hovers over the banner.
This type of digital banner is characterized by not having a fixed site. Rather, it moves as the user does on the web page. These might be interstitial, so that it fills the screen space, or layer which shows an animation about the website.
In both cases, it is possible to attract the attention of users, although it may be intrusive. If the use of this type of banner is used, it should be in moderation if we do not want to lose the user quickly.
Understanding what a banner is is not enough to be able to use them, because in practice their use is more complex than it seems. Web design with these elements can come from the inspiration of other banners that have obtained good results. Therefore, these are some examples of banners that have worked well.
In the first of the banner examples we have the case of Brastemp. The Brastemp company designed a web page banner that creates an environmental awareness message. This banner consists of an open purified water dispenser and the falling stream of water.
When you touch the water with the mouse, it changes with a message that the water is no longer 100% pure. It is an example of an interactive banner that draws the attention of users.
Creating a website banner can be complicated, but Fedex pulls it off with simplicity. This courier company created a fixed rectangular banner that shows the time in a dynamic way, it uses Fedex boxes to show each number.
The seconds, minutes and hours change according to the time that the ad is being viewed. This is one of the examples of creative banners for web pages that leave us speechless.
Nissan's ad is clear, short and to the point. It consists of two parallel images of an unfastened seat belt and the bruised face of a young woman.
When fastening the belt, the Nissan logo is displayed and the woman's face is healthy, with a message that the seat belt gives a 70% chance of surviving a car accident.
This is one of the banner examples that teach us that a banner can be clear, direct and to the point.
Another globally known car brand like Volkswagen knows how to use ads. A clear example is his The New Golf banner, where he creates a rectangular fixed banner of a maze and a Golf car at the start.
The objective is not only to promote the new model, but also to attract the attention of users with a didactic game of solving the maze by connecting the paths.
This is the last of the banner examples and McDonalds could not be missing from this list. Under the slogan of always making the best of this food chain, a web banner was created that shows one of its hamburgers and a button that says “Make it better”.
Clicking changes the background to a more prominent one, but the hamburger remains. Her message was clear and concise. Their burgers are always the best.