Skip to content

Banner ads: tips to increase conversions

</> AI-friendly version

Banner ads still work — but only if they don’t look like 2000s spam. According to Google, 53% of users do not notice banners at all, and those who do, click on them on average only 0.05% of the time. In order for your banner not to become part of this statistical noise, you need to grab attention in a second, clearly show the benefit and not overload the design – these are the three whales that hold the conversion.

What is banner advertising and how it works

Banner ads are graphic ads placed on websites, mobile applications or social networks. Its principle is simple: the user sees the banner, clicks on it and gets to the target page — for example, a landing page with an offer or an online store. Effectiveness depends on three things: placement (the higher the traffic of the site, the more potential clicks), design (bright colors, clear CTA, minimal text) and targeting (showing the banner to the audience that is interested in the product). According to Google, the average CTR (click-through rate) of banners is 0.05-0.1%, but successful campaigns can reach 1-3%. For example, Spotify launched dynamic banners with personalized music recommendations in 2022, which increased conversions by 24%.

Types of banner ads differ in format and placement. The most common are: static (JPEG/PNG, simple and cheap), animated (GIF or HTML5, attract more attention), video banners (short videos, effective for branding) and native (integrated into the content of the site, do not look intrusive). According to placement, network advertising (through advertising networks such as Google Display Network), retargeting (showing banners to users who have already visited the site) and programmatic (automated purchase of advertising space in real time) are distinguished. For example, Airbnb uses retargeting: if you browsed accommodation in Barcelona but did not book, a few days later you will see a banner with a discount offer.

In the marketing strategy, banner advertising works as a tool of broad coverage and warming up the audience. It does not always give instant sales (unlike contextual advertising), but it builds brand recognition and returns users who were already interested in the product. For example, Coca-Cola regularly launches colorful animated banners during the holiday season – it’s not about direct sales, but about an emotional connection with the brand. The main rule: the banner should solve a specific task – whether it is the collection of leads, whether it is the return of “cold” customers, or whether it is support for the launch of a new product. Without a clear goal, even the most beautiful banner will turn into a waste of budget.

Advantages and disadvantages of banner advertising

Banner advertising remains one of the most popular digital marketing tools due to its visual appeal and scalability. The main advantage is instant impact: a bright design, animation or video can attract attention in a matter of seconds, especially if the banner is placed on top sites (for example, the Google Display Network covers more than 2 million sites). Another plus is the flexibility of targeting: you can customize the display based on demographics, interests, user behavior or even remarketing, bringing back those who have already visited the site. The cost is also on the side of the advertiser — CPM (cost per 1000 impressions) is often lower than in contextual advertising, and the formats are budget (for example, static banners 300×250 pixels).

However, banner advertising also has significant drawbacks. The biggest problem is banner blindness: users have learned to ignore ad units, especially those of standard sizes (like 728×90). According to research, up to 86% of website visitors ignore banners, and CTR (click-through rate) rarely exceeds 0.1%. Another threat is negative user experience: intrusive or slow-loading banners are annoying, reducing brand loyalty. Besides, efficiency depends on the quality of creative — a poorly thought-out design or an irrelevant offer leads to wasted costs. Finally, banner ads lose compared to native or video formats in terms of long-term engagement: users are less likely to remember banners than, for example, integrated posts in social networks.

  • Pros: visual impact, wide reach, flexible targeting, low cost of entry.
  • Cons: banner blindness, low CTR, risk of UX deterioration, dependence on creative quality.

How to Create an Effective Banner: Key Elements

An effective banner is not just a picture with text, but a thoughtful combination of elements that work for conversion. Let’s start with the title: it should be short (5-7 words), clear and understandable at first glance. For example, instead of “Our products are the best on the market,” write “30% off the entire catalog.” Use active verbs (“buy”, “order”, “get”) and numbers – they attract attention 21% better than abstract promises.

Image is 80% of banner success. It should be relevant, high-quality and emotionally charged. Avoid stock photos with “smiling models” – rather show the real product in action or the result of its use. For example, for a fitness bracelet, instead of an image of the device itself, show a person jogging in a park with a heart rate graph on the screen. Remember: the banner should “work” even without text.

CTA (call-to-action) is a button or phrase that encourages action. It should be contrasting in color (red, orange, green) and located in the area of ​​natural vision (usually on the right or in the center). CTA text — a maximum of 3 words: “Order now”, “Learn more”, “Get a discount”. Test different options: sometimes changing one word (“buy” → “try”) increases conversion by 15-20%.

Color range affects the perception of the banner instantly. Use 2-3 main colors: one for the background, another for the text, and the third for accents. The contrast should be high (dark text on a light background or vice versa) so that the banner can be read even on small screens. The psychology of color is also important: blue inspires trust (suitable for finance), red – urgency (sales), green – calm (eco-products).

  • Banner size depends on the platform. The most common formats: 300×250 pixels (medium rectangle), 728×90 (large horizontal), 160×600 (vertical “skyscraper”). For mobile devices, 320×100 or 320×50 is optimal. Remember: the smaller the banner, the simpler its design should be – leave only the key elements.

Optimize the banner for fast loading: compress images (without loss of quality), use WebP or SVG formats for logos. Test different options (A/B testing) – even minor design changes can give +30-50% to conversion. And the main thing: the banner should solve a specific problem of the user – then it will work.

The psychology of colors and fonts in banner advertising

Colors and fonts in banner ads are not just decoration, but tools that trigger emotions and actions. Red, for example, raises the pulse and creates a sense of urgency (it is often used for discounts – conversion increases by 15-20%). Blue evokes trust (ideal for financial services or SaaS), while green is associated with nature and health, and is chosen by eco-products brands. Yellow attracts attention, but in excess is annoying; it is better to use it for accents (for example, “Buy” buttons). Combine contrasting colors: black text on a white background is read 32% faster than gray on white, and an orange CTA on a blue background increases clicks by 21%.

Fonts work just as powerfully. Sans-serif (like Helvetica or Roboto) are perceived as modern and clean — they are chosen for technology or startups. A serif (like Georgia) adds solidity, so it’s suitable for luxury brands or legal services. Avoid decorative fonts: they reduce readability by 40%. The optimal size for the title is 24-30 pixels, for the main text – 14-16. Remember the hierarchy: Bold text for keywords (eg “Free Shipping”) is 50% more eye-catching than regular text. Combine no more than two fonts: one for the title, one for the text. For example, Montserrat Bold + Open Sans Regular is a classic pair that works for 9 out of 10 banners.

  • Example of a successful combination: Blue background (#2E86C1) + white text (Arial Bold) + orange button (#FF6B35) — increases conversion by 18% in financial offers.
  • Bug: Red text on a black background is 70% less readable than white on red.
  • Life hack: Use the tool Coolors to choose a palette – it analyzes the contrast and compatibility of colors.

Optimizing banner ads to increase conversions

Banner ad optimization starts with understanding that no design works the same for everyone. The first step is A/B testing: run two or three banner variations at the same time with one difference (for example, button color, ad text, or image). After a week, analyze the results: which option gave a higher CTR (click-through rate)? For example, a banner with a red “Buy now” button can give 20-30% more conversions than a green analogue – but this is not a rule, but a reason to test the hypothesis. Tools like Google Optimize or built-in testers in Facebook or Google Ads advertising cabinets allow you to automate this process.

banner principle

Next is an in-depth analysis of the target audience. Don’t rely on general demographics: segment your audience by behavior. For example, users who have already visited the site respond to a banner with a promotional code 40% better than to a standard “Buy” banner. And newcomers are more likely to click on a banner with an emphasis on benefits (“Free shipping” or “Return guarantee”). Use data from Google Analytics or CRM systems to discover patterns: time of day with the highest activity, devices (mobile users often ignore small text), or even weather conditions (for example, advertising for umbrellas on a rainy day converts 2.5 times better).

  • Improve CTR through visuals: the human eye is fixed on the banner in 0.5 seconds – so the main element (header, button, face) should be in the first 30% of the area. Use contrasting colors (red on white, black on yellow), but avoid aggressive combinations (for example, red on green is “noise”). Test different fonts: sans-serif (like Arial) reads better on screens than serif (Times New Roman).
  • The text must be specific: instead of “Super offer!” write “50% discount on sneakers until 24:00”. Add urgency (“Only 3 left”) or social proof (“12,000 customers have already chosen”). Avoid clichés like “Unique Opportunity” – they devalue the message.
  • Mobile optimization: 60-70% of traffic comes from smartphones, so the banner should be responsive. Check how it looks on different screens: does the button blend in with the background? Is the text readable without zoom? For example, a 300×250 pixel banner on the desktop can turn into an illegible blob on the iPhone SE.

Finally, don’t forget about post-click optimization. Even the best banner with a 5% CTR is worthless if the landing page doesn’t live up to its promise. Make sure the page loads quickly (ideally under 2 seconds) and the order form contains no more than 3 fields. For example, changing a form from 5 fields to 2 can increase conversion by 50%. And always track the user journey: if 80% of clicks are on the banner, but only 5% lead to payment, the problem is not the banner, but the user experience after the click.

How to use A/B testing for banners

A/B testing of banners is not magic, but a clear algorithm: you change one element, run two versions at the same time and see which one works better. Start small: test the title (for example, “30% off” vs “Today only -30%”), the color of the button (“Buy now” on a green background vs red) or the image (close-up product photo vs lifestyle scene). The main rule is to change only one variable at a time, otherwise you won’t understand what exactly affected the result. Run tests on the same audience and at least 3-5 days to collect statistically significant data (from 1000 impressions per version).

  • What to test: CTA (“Order” vs “Learn more”), text size and font, background colors, presence/absence of animation, positioning of the price tag (“Only UAH 99” vs “From UAH 99”).
  • How to analyze: Look at the CTR (click-through rate) – if version A has 2.1%, and B – 3.5%, the difference of 66% is a clear signal. But don’t forget about conversion: a banner can collect more clicks, but sell worse. Compare not only CTR, but also cost per acquisition (CPA) and ROI. Tools like Google Optimize or Hotjar will help visualize user behavior — for example, heat maps will show where exactly people are clicking.
  • Typical mistakes: Stopping the test too early (a 0.2% difference could be a fluke), testing with different audiences (eg new vs returning users) or ignoring mobile versions (desktop vs smartphone CTR is often 1.5-2x different).

Remember: even small changes (for example, changing the arrow on the button) can increase the CTR by 10-15%. The main thing is to test constantly, and not once every six months. If you have a banner with a CTR of 1.8% and after testing it grows to 2.5%, that’s +39% traffic without additional advertising costs. And so — with each element.

Where to place banner ads: the best platforms

Choosing a platform for banner advertising is like choosing a key to a lock: the wrong format or audience – and the budget will be wasted. The most effective sites can be divided into three categories: advertising networks, social networks and thematic sites. Let’s start with the giants. The Google Display Network (GDN) is more than 2 million sites and applications where your banner will be seen by 90% of the world’s Internet users. Targeting tools are at work here: from keywords to behavioral factors, and the cost per click is often lower than in social networks. For example, in the e-commerce niche, the average CPC on GDN is $0.50-$1.50, while on Facebook it is $1-$3. But there is a caveat: GDN is better suited for a “cold” audience that does not yet know about your brand.

Social media is about accuracy. Facebook and Instagram allow you to target by interests, demographics, even offline behavior (for example, visitors to certain stores). Here, banners work as an addition to the feed — the user sees them between the posts of friends, so the conversion is often higher. For B2C business (clothing, cosmetics, gadgets), this is a gold mine: according to Meta, advertising in Instagram Stories converts 20-30% better than standard banners. LinkedIn is the choice for B2B: here the cost per click is higher ($5-$10), but the audience is also more paying. For example, if you sell SaaS solutions for corporations, LinkedIn will convert 2-3 times higher than GDN.

Thematic sites and affiliate programs are about relevance. Placing your banner on the site your potential customers visit gives you the highest conversion rate. For example, a sports nutrition ad on a fitness website converts 5-7 times better than a GDN ad. But there is a risk: if the site is of poor quality (low traffic, spam), the money will go nowhere. How to check? See traffic (over 10,000 unique visitors per month), behavioral metrics (time on site, bounce rate) and advertiser feedback. An alternative is affiliate programs like Admitad or TradeDoubler, where you pay only for the result (click, sale).

  • Choose a platform according to the goal: GDN – for reach, social networks – for targeting, thematic sites – for conversion.
  • Test: simultaneously launch campaigns on GDN and Facebook with the same budget, compare CTR and lead value.
  • Don’t ignore mobile applications: 60% of traffic in GDN is mobile devices – optimize banners for small screens.

Typical mistakes in banner advertising and how to avoid them

The most common mistake in banner advertising is overload. When trying to cram a logo, three headlines, a CTA button, a product photo, a discount, a promotion term, and even a customer review into 300×250 pixels, the user simply doesn’t know where to look. Result? Click – 0.2%, or even less. The rule is simple: one banner = one idea. For example, if you sell sneakers, show only one model with a clear CTA like “Buy Now – Free Shipping.” Leave the rest of the details for landing.

types of banner ads

The second typical problem is ignoring mobile users. 65% of banner traffic comes from smartphones, but many advertisers create desktop banners and then simply scale them down. The text becomes illegible, the buttons are uncomfortable for the finger. Solution: make separate versions for mobile (minimum 320×100 pixels), increase fonts to 16-18px, and buttons to 48×48 pixels. And do not forget about the loading speed: if the banner weighs more than 150 KB, 40% of users simply will not wait for it to appear.

The third mistake is a weak or unclear call to action. “Learn more” or “Click here” perform 3-5 times worse than specific CTAs like “Get 20% off today” or “Order a free sample.” Experiment with wording: for example, a banner with a CTA “Only 3 days – hurry!” can give 30% more conversions than the standard Buy Now.

  • Too many colors. If you have more than 3 primary colors on your banner, the user is distracted. Use the brand palette + one accent color for the CTA (eg red for the button).
  • Incorrect font size. Headline must be readable from 2 meters – minimum 24px for desktop, 18px for mobile. The main text is at least 14px.
  • Lack of testing. Running a campaign without A/B testing is like shooting at random. Change at least one element (button color, CTA text, background image) and compare the results. For example, in 70% of cases, an orange button gives 15-20% more clicks than a blue one.

How to Measure the Performance of Banner Ads: Key Metrics

In order to understand whether your banner ad is working, it is not enough to just run a campaign and wait for the result. You need to analyze specific metrics – otherwise you will spend the budget blindly. The first and most obvious one is CTR (Click-Through Rate), or clickability rate. This is the percentage of users who clicked on the banner out of the total number of people who saw it. The average CTR for banners ranges from 0.1-0.5%, but if yours is below 0.1%, that’s a red flag. Perhaps the creative is not interesting, the target audience is chosen incorrectly, or the banner is simply lost on the page. Compare CTR for different creatives, placements and audiences: for example, a banner on a thematic site can give 0.3%, but on a news portal – only 0.05%.

The next step is conversion. CTR shows how many people clicked, but does not answer the question of how many of them did what you need: bought a product, left a request or subscribed to a newsletter. Conversion is measured as the percentage of users who took the intended action after clicking. For example, if 20 people converted from 1000 clicks, the conversion is 2%. But even 2% is not always good: it all depends on the cost of the product or service. If you sell sneakers for UAH 2,000, and the cost of a click is UAH 50, then from 1,000 clicks you will get only 20 sales for UAH 40,000, having spent UAH 50,000. In this case, the campaign is unprofitable.

Therefore, the most important metric is ROI (Return on Investment), or investment return. It shows how much money you earned for each invested hryvnia. The formula is simple: (campaign revenue – campaign costs) / campaign costs × 100%. If the ROI is higher than 100%, you are in the profit, if it is lower, you are losing money. For example, you spent UAH 10,000 on advertising and received UAH 15,000 in income: ROI = (15,000 – 10,000) / 10,000 × 100% = 50%. This means that for every hryvnia invested, you earned 50 kopecks. Not perfect, but better than the losses. To improve ROI, optimize the conversion (improve the landing page, simplify the order form) or reduce the cost of the click (test different platforms, audiences, creatives).

  • Additional metrics: time on the site (if users leave after 3 seconds – there is a problem with the landing page), display frequency (if the banner is shown to one user 10 times and he does not click – it is worth changing the creative or limiting the frequency), conversion cost (how much does one targeted action cost).
  • Analytics tools: Google Analytics (tracks behavior on the site), advertising cabinets (Facebook Ads, Google Ads – show CTR, conversion, cost of click), specialized services (Hotjar – records user sessions to understand where they get lost).

Don’t rely on a single metric — analyze them in a complex manner. High CTR with low conversion? The problem is in the landing. High conversion but negative ROI? Too expensive clicks or low margin. Test, compare, optimize —

Krasovskiy Blog