Web Banner Ads and the Designer Who do the work

Before I begin, let me explain Web banner design. Web banner design is creating effective web banner ads through the careful application of basic design guidelines. Web banner ads when used correctly, can increase trafficking and clicks to your web page. Banner ads are one of the most creative forms of marketing used in today’s online world. It is commonly used in almost every company because it is affordable, measurable and effective to get people to see your products.  Here is a list of tips and guidelines for designing banner ads.

1. Use the most effective, standard banner sizes

According to Google Adsense, the most successful standard banner sizes are:

  • 728×90px — Leaderboard
  • 300×600px — Half Page
  • 300×250px — Medium Rectangle
  • 336×280px — Large Rectangle

    2. Place your banner ads correctly

    Purchase space on a website where your design will be featured above the fold and close to the main content of a page.

    3. Maintain hierarchy

    Banner ad design relies upon the right balance within each ad, so watch your hierarchy. Effective banner ads are designed to increase brand awareness and drive traffic to your website. They have three basic components:

    Your company logo

    Your company logo must be included to build brand awareness. Make sure it’s visually dominant but not as dominant as the value proposition or the call to action.

    The value proposition

    The value proposition showcases the service or the product you provide and calls attention to itself with attractive offers and prices.

    The call to action

    The call to action is the text or button that invites users to click. Phrases like “Learn more” or ‘”Get started” or “Watch Now” are great examples. This should be a clear focal point of the ad.


    4. Keep it simple

    Keep content and visuals simple. Viewers are probably only going to glance at your web banner ad for a second.

    5. Use buttons appropriately

    Depending on the type of banner, buttons will often increase the click-through rate of your ad. If you are going to use them, place them after your copy on the lower right side in contrasting colors. Always keep them consistent throughout the set of ads.

    6. Have a clearly defined frame

    People’s eyes are naturally drawn to a subject inside a frame. Effective banner ads have a clearly defined frame with graphics extended to the edges of the box. If your ad is white, it’s a common practice to put a 1-pixel gray border around the ad.

    7. Make your text instantly readable


    Make your headline and body copy different sizes. All copy should be four lines or less.


    Use cursive/script fonts, extremely thin font weight, all uppercase copy or font sizes smaller than a 10 pt

    8. Use animation

    Animated web banner ads usually out-perform static banner ads and can be very effective in website banner design, but you have to make sure that they do not distract from the message of your ad.

9. Complement, but stand out

If your ad visually blends into the sites where it’s featured, you’re more likely to earn your viewers trust. However, don’t make it blend in too much. Banner ads always need to be visible and clickable.

10. Be consistent with your brand

Your banner ad will link to a landing page that includes your offer. Make sure the ad matches your branding and the landing page so potential customers don’t get confused.

11. Instill a sense of urgency

Bring a sense of visual urgency to the text by using contrasting, bold colors. Banner ads are not always meant to be subtle.

How to do a web banner Click Here.

Digital Designer – Web UX/UI
Entertainment Benefits GroupAventura, FL

This creative services role is responsible for designing and producing digital advertising materials/assets that support the company’s sales channels. Under the direction of the Creative Services Manager, the designer will develop a creative vision and overall look and feel for digital projects based on design objectives, functional specs, best practices and an interactive feedback process.

The ideal candidate would have expertise in e-commerce design and UX/UI.


  • Concept, design, and development from brainstorming through deployment
  • Develop web landing pages from concept (wireframes) to final design
  • Produce creative assets to support multi-variant tests in support of website optimization tactics
  • Create HTML 5 web banners with animation
  • Create emails, adobe illustrator charts and other graphic deliverables
  • Successfully complete and deliver projects based on set timelines
  • Manage multiple projects on a daily basis
  • Ability to adjust workload as needed for moveable deadlines/requests
  • Ability to translate/understand Marketing requests into design
  • Design all deliverables in accordance with best practices and company standards
  • Apply UX/UI best practices to deliverables
  • Take on additional tasks as needed


  • Strong skills in Adobe Creative Suite (including Photoshop, Illustrator, InDesign), Invasion, Sketch, Omnigraffle, Keynote, Sketchpad, Flinto
  • Responsive Wireframing across the web, mobile, and tablet (iOS & Android)
  • Clickable Prototyping and Information Architecture
  • User Flows and Persona Journey Mapping
  • Clickable Prototypes
  • UI and Visual Design
  • User Research & User AB Testing
  • Bachelor’s degree in Graphic design and/or related field experience
  • Portfolio showing digital and website design projects
  • Experience with digital media campaigns and typography
  • Design experience with e-commerce websites
  • At least 4-5 years’ experience working for an in-house creative department or ad agency
  • Ability to handle multiple projects under tight deadlines while maintaining a strong attention to detail
  • Ability to work both individually off a creative brief as well as concept and brain storm in a team environment
  • Positive, team-player attitude and strong oral and written communication skills
  • Ability to think creatively and take ownership of projects while remaining open to accepting feedback and constructive input
  • Highly Proficient with HTML/HTML5. Working experience with CSS, Flash & WordPress

Other Information

The statements contained herein reflect general details as necessary to describe the principal functions of this job, the level of knowledge and skill typically required, and the scope of responsibility but should not be considered an all-inclusive listing of work requirements.

Job Type: Full-time

To get more information about this job Click Here.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s