Find the perfect partner.

VendorDB is the comprehensive database of companies and service providers for the creative industries.

Month: June 2016

101 Series – Banners

Welcome to VendorDB’s 101 series designed to quickly bring you up to speed on the essentials.

Our lead off topic is web banners brought to you by Candy Banners!


This post will cover:

Common Terms
Making Better Banners
Best Practices

Common Terms

Ad Banner

An ad banner is a digital ad that is embedded on a website or other device with the purpose of attracting visitor engagement.

Dynamic Banner

A live banner is a banner ad which is created dynamically (or whose content is created dynamically) at the time of display, instead of being pre-programmed with fixed content.

Ad Server

The ad server is where the banner will be hosted. Ad servers help with delivering the banner to their appropriate target space such as a website or app. Although varying in services from one to the next most ad servers also help with management of the banners campaign and analytics.

Ad Trafficking

Ad trafficking refers to the process of setting up an ad campaign. Its spearheaded by the ad trafficker on the ad server who monitors the campaign and provides status on your media buy throughout the process.


Every time an ad is pulled from the server and loaded to be viewed by a user, that’s counted as an impression.

CTR (Click-Through Rate)


The Click through rate is used to measure ad success. You get the clickthrough rate by dividing the number of clicks by the number impressions.

For example, if you had 100 clicks and 1000 impressions, then your CTR would be 10.0%. Here’s how it’s calculated:

CPI (Cost per Impression) / CPM (Cost per Thousand Impressions)

Cost per thousand impressions.

Standard vs. Rich Media


Another common question we hear is what’s the difference between a standard banner and rich-media? To break it down simply: 


Low in file size, more limited animation or even static

A single interaction of a ‘click’ to exit the banner

Ex. 300×250


Heavier file size, more sophisticated user-interaction, using video or advanced code

Ex. Youtube Masthead

Big Box, Leaderboard, Sky Scraper

Banners come in all shapes and sizes, however a few are more common than others. As the web, devices, and user interaction mediums evolve, banners will continue to adjust accordingly but these are three terms you will hear often. 


300×250 (Big Box)

728×90 (Leaderboard)

160×600 (Skyscraper)

Specifications (Specs)

Before development begins, the developer needs to know what the specifications of the banners are. Specs include but are not limited to: format, file size, dimensions, click tags, ad server, duration of banner.



Flash banners are for the most part dead. Most modern browsers no longer support them.

Making Better Banners

It’s no secret, people don’t like ads. Recent data indicates ads have a user clickthrough of only 0.17%! That’s less than 2 people per 1000 impressions. So how do we make them better? Ads can be effective. Marketing strategy and proper execution are vital to distancing yourself from industry standards.


The digital world is moving towards being fully personalized for its users. One way to improve conversion is through dynamic banners. Statistically they have a 2 – 4x higher click through than a traditional unit. 


When coming up with your creative concepts, keep the following in mind:

1. Banner ads should be compelling, they should catch your eye with attractive animation, use of typography, colors and clear copy to make them stand apart.

2. A user’s attention to a banner will be brief. You have only a moment to catch their attention so make sure your message is concise. 

3. Clarity is the key. Make sure your message is to the point and simple. Avoid promoting too many products or ideas.

Best Practices


Optimizing your banner process will be the difference between silky smooth production and a hellish inferno of banner rage. 

Here’s a quick checklist of items the developer will need

  • Working files (photoshop / illustrator / inDesign)
  • Fonts
  • Logo Assets (vector if possible)
  • Click-through URL (Wheres your banner clicking out to?)
  • Ad-Server specifications

Build with clean code!

There are a lot of tools out there to help build banners like Google Web Designer, Adobe Edge etc. At the end of the day though the best banners are hand-coded. The ad landscape is too vast for any one-stop tool to work well with all publishers, ad servers etc. What might seem like a time-save at the beginning has the risk to come back and haunt you when your banners aren’t compatible and need to be re-built. Coding from scratch offers the biggest creative flexibility for your clients, build clean!

Approve ONE banner

One of the best practices we recommend is to build a single size of a unit and then have that unit approved by all parties. Re-visiting multiple creatives with revisions later can be time consuming. By having creative direction locked on a single unit makes the entire process much easier down the road.

Specify Where to Test Your First Banner

The same applies to QA. For the approval process we advise that the browser, browser version and device  are agreed upon before getting started. By being clear on what the specs are on the first banner helps speed up the approval process. A full QA should typically occur towards the end of the process before delivery.

Clean & Prepared Assets

Make sure the designer creating the banner assets delivers them in photoshop or illustrator. All files should be properly layered & named. Our personal favorite are ‘layer comps’ as a way to organize your PSD for the animation sequence.

In Conclusion

Ad banners have always and will continue to maintain a large presence in the digital world. Thanks to the continuous technical pushes in the realm of code they have the ability to be even more effective for your user engagement. Using clean code, creativity, strategy and applying best practice during the development process, banners can be less of a headache and drive more positive results for you and your clients. Happy coding!

Need help making your first banner?  Reach out to Candy Banners or search VendorDB.

Would you like to suggest the next 101 topic?  Email:

New Companies This Week – June 20, 2016


Image courtesy of Arcade

Let VendorDB help you see into the future with another batch of hot new companies.

Does your next project require a live video feed or broadband connection in the middle of nowhere? Talk to Satlogic NetworksESMI Productions or TeleNet Media.

Do you need to create an unbelievable environment? Look to Pete’s Big TVsBob Gail Events and Themendous.

And be sure to check out Radcon.ioLeap MotionLinden Lab and Fleet Hower for folks pushing the boundaries of product and virtual experiences.

Interested in being added to VendorDB? Submit your URL here.

15/40 Productions
6S Marketing
Absolute Web Services
Agent Pekka
Arcana Academy
Asterisk Media
Big Guppy
Bob Gail Events
Communication Strategy Group
Computer Lab
Conscious Minds
Cyclops FX
DC Video Studio
Dudley Digital Works
Elite Magento Development
ESMI Productions
Fleet Hower
Former Company
Gary’s Loft
Global Image Factory
Go West Creative
High Fidelity
House of Greenland
IC Media
Island Film Group
Joy Yap
Kinney Group Events
Launch Consulting
Leap Motion
Linden Lab
Lounge Lizard
Matter of Fact
MCN Interactive
Merge Labs
Merrick Towle Communications
Milkshake Media
Mobile Studios
My Friend’s Nephew
Nevessa Production Woodstock
Nick Adam
Nine Hertz
One Glass Video
Pete’s Big TVs
Phoenix Infomedia
Print Promotions
Production Glue
Production Resource Group
qa on request
Rayvat Engineering
Sabine Scheer
Satlogic Networks
Sebastian Kauderer
Shine & Polish
Solomon Group
Spot MPG
Techtic Solutions
TeleNet Media
Terra Firma Media Group
TV Pro Gear
W2S Solutions
Zach Lewis

© 2022 VendorDB

Theme by Anders NorenUp ↑