You’re searching around on Google having a generally alright searching time, nothing’s going on, you’re just scrolling around, clicking links, etcetera.

You click a link, bringing up a new website, and WHAM! There are ads. Banners for websites, linking online shops and services, these are called web banner ads, and they generate publicity and attention, as well as paying the owner of the site for allowing them to be there.

Web Banner Design

Designing web banners follows the needs and steps of designing anything else. You need it to have easy readability, attractive colors, and an easy to understand purpose. Is your banner to sell something? Or is to show off your website? Is it’s purpose clear cut? Is there a big “SHOP NOW!” button that upon clicking the ad will link into your website?

Creating web banners is crafting things together, making things look good, and trying to draw people in. While making them may seem hard, learning how to do it and utilizing the correct ideas and resources will make it a snap.

Ads banners need to be a specific size, so thus you’ll make them at whichever pre-selected size is preferred. I will explain this further in the next section, however, let’s go on about more things involving designing the colors, fonts, and structures of these banners.

While designing, keep in mind the coloration. You want your ad to be eye-catching, notable on whatever page that it’s on. However, you also don’t want it to be eye-shattering, with painful colors to look at. Finding the balance should be easy, and using color pallets that include monochrome, complimentary, or triadic color schemes may be best to rely upon. If you are using media on the banners such as photos, you may need to make sure the colors look good with the photo. I’d recommend some crafty color picking, and choosing your color scheme from the photo itself.

Fonts are also a thing you will need to consider. It needs to be readable and understandable. Picking font sizes will be dependent per font and what looks the best, but making something fully text isn’t too good. Having a good balance/ratio between your text and media in your web banner can make or break the design and how many people click it.

Ad Sizes

On top of all this there are sizes. Specifically, the sizes that Google utilizes. These are in no way all the possible sizes, but they are the most common.

  • 320 x 50 – Mobile Leaderboard (only available for mobile!)
  • 200 x 200 – Small Square
  • 250 x 250 – Square
  • 468 x 60 – Banner
  • 720 x 90 – Leaderboard
  • 970 x 90 – Large Leaderboard
  • 300 x 250 – Inline Rectangle
  • 336 x 280 – Large Rectangle
  • 120 x 600 – Skyscraper
  • 160 x 600 – Wide Skyscraper
  • 300 x 600 – Half-Page Ad

The ones underlined are the most utilized and most successful according to Google‘s AdSense help. Always utilize these sizes because this is what you’ll have to be using.

Utilizing Online Templates (Make Your Job Easier)

Using a template may seem like cutting corners, but really, you should do it. You should utilize templates as that’s what they’re there for. They’re there for being utilized to the most potential. Here are some templates that I’d recommend using or checking out.

Bannersnack – While I have yet to use this, this offers a banner creator and a bunch of templates. While you are able to make limited banners with a free account, it’d be definitely worth checking out.

CodeCanyon – This site sells templates made by other people, along with templates, it sells many other things such as assets, templates for other things, and other media. It is primarily code, hence it’s name.

GraphicRiver – Similar to CodeCanyon, it offers templates and other assets, but is more based around graphics, hence it’s name.

Canva – This site offers tons and tons of various design templates, I’d definitely give it a look-see!

WebDesignDev – This site is a smaller list than the rest, however, that doesn’t make it any lesser. I would not pass up these useful assets!

About Jobs for Web Ads

I was able to locate a few jobs for Web Banner Ads and/or jobs that include and entail them with what they want a designer to work on. For the most part, most of the applications are not showing their starting salaries or salaries at all for that matter. I find that unfair for the amount of things they are asking for, they should show how much you get paid ahead of time, or at least an estimate. However I have found one and it was 17 dollars per hour, which seems pretty good, and it was for working off site and making ads and other various advertisement-related things.

The requirements seemed all about Bachelor’s Degrees and Associate’s Degrees, along with other things such as proficiencies in Adobe products (without certification…?). There was a surprising focus on the degrees rather than portfolio, too, which was shocking to me.

However, for the most part, a lot of these jobs require a few years of working in the industry first, which is understandable. Most have been 1 to 3 years of experience in the hirer’s desired expertise, such as ad-design.

Featured Photo by Harpal Singh on Unsplash.