Digital Marketing

How to design a stunning banner that viewers will remember

"My products aren't known or considered by enough specifiers." It's the top marketing challenge cited by 44% of suppliers who contacted SpecialChem in Q2 2026, and it isn't something a single campaign fixes. It takes an ongoing visibility and education program: what SpecialChem calls Demand Creation. It's built to reach the specifiers who aren't shopping yet: 95% of your market, according to a 2021 Ehrenberg-Bass Institute study. That way, you're already on their shortlist when a decision point arrives.

 

A single campaign, a few weeks of ads, then nothing until the next launch, doesn't build that kind of recognition. Visibility and education work better as habits than as events. It takes several campaigns running across the year, not one. That way, a specifier who isn't in-market today still sees your name when they're in-market. The Ehrenberg-Bass Institute has tracked what happens when brands "go dark": sales fall an average of 16% after one year and 25% after two, with smaller and declining brands hit hardest. 

Banners are one of the most common building blocks inside that kind of program, easy to place across the industry sites your specifiers already read. Most suppliers expect a banner to drive traffic that converts into leads. In practice, a banner's job inside a visibility program is to build recall, not to generate clicks. Here's how to design a banner that builds that recall.

1 - What’s a banner for?

A banner ad has three jobs, in order of importance:

  • Convey a message aligned with your brand
  • Raise awareness among a specific audience
  • Drive traffic to a landing page

That order matters more than ever. According to WordStream/LOCALiQ's 2026 Google Ads benchmark, banner ads on the Google Display Network average a click-through rate of 0.35%–0.46%. Even GlobalSpec's own high-impact "Welcome Ad" reports a click-through rate of 1.88%. It's a premium overlay format run across GlobalSpec's engineering network. That network includes a dedicated Chemicals & Plastics channel.

Different websites, different formats, same conclusion. Even a well-targeted, well-designed banner earns a click from a small minority of the specifiers who see it. Treat a click as a bonus, not the target. The first two jobs are what a visibility program is actually paying for.

Clicks get outsized attention because they're easy to measure, and measurable numbers justify budgets. For a more rigorous way to measure and prove the ROI of your marketing initiatives, SpecialChem's ROI model introduction webinar can help. It walks through assigning a tangible value to each marketing initiative. 

2 - Write your message

What is the objective of your campaign?

Are you launching a product, exhibiting at a trade show, announcing a merger, or asserting market leadership? Each objective shapes the message and the design approach.

Who is your target?

Identifying who you're addressing helps you select language that connects with their needs and pain points.

What is your message?

Now that you have a clear idea of your objective and target, it is time to write your story. The typical structure looks like this:

  • A strong headline
    It is the key message of your banner. It can be a sentence or a question. As viewers will only scan your banner, limit your title to 7 words to stay catchy.
  • A complementary subhead
    This is a short tagline used to empower your headline, answer the headline question or expose the value proposition of your solution. Tip: Not sure that your value proposition is good? Watch our video on what a good value proposition is for your specialty chemicals.
  • The benefits (optional)
    List up to 3 keywords to detail the value proposition of your offer. They are even better used with animated frames.
  • Call-to-action
    Even if a banner isn’t meant for driving traffic, it is still important to include a call-to-action. What should the viewers do next after reading your message? Tip: to phrase a good call-to-action, use “I want to [insert your call-to-action]”.
  • A supporting visual image
    As a banner is visual, you need to use a strong visual to support your story and convey your message. Everybody knows that a picture tells a thousand words. Choosing the right image will increase your banner effectiveness.

image-ch

3 - Design the layout

Best practices for an effective banner layout

Every banner is unique and sharing a universal template is impossible. However, there are best practices to follow and basic layouts which you can use to ensure your banner effectiveness.

  • Keep designs simple, light and breathy to respect viewers' limited attention.
    You’ve got only a few seconds of visitors’ attention, don’t waste this short amount of time, get to the point.
  • Feature attention-grabbing imagery prominently.
    You’ve got only a few seconds of visitors’ attention, don’t waste this short amount of time, get to the point.
  • Position your company logo on one side.

    It gives more design flexibility for your design.

  • Make headlines as large as possible.

    Position smaller subheads below the headline or on alternate frames. Align text left or center. 

  • Shape calls-to-action as styled buttons.

    A background color, an outline, or an icon all work well. Avoid a white background that matches the website's own background; if unavoidable, use a 1–2 pixel border so the banner doesn't disappear into the page. 

  • Optional benefits belong on the right (static formats)

     or on separate frames (animated formats)


Example of effective banner layouts

Leaderboard Banners Rectangle Banners Animated Banners Omnova Birla CarbonSpecialchem_deca_980_90_0

4 - Choose the right colors

How to structure information with colors

Banners must contrast with the website's own color scheme to remain noticeable. For example, a white background on a white website, with no border, makes it unclear whether you're looking at a banner or the page itself.

Follow this guide to structure your message with colors:

  Light background Dark background
Primary color
(Headline)
Option 1: Dark or deep color
Option 2: Corporate color
Option 3: Vivid color but not flashy
Option 1: White
Option 2: Vivid and light color
Secondary color
(Subhead/ Benefits)
Option 1: Medium grey
Option 2: Brighter or greyish version of the primary
Option 3: Matching color from color wheel (complementary, triad, split)
Option 1: White
Option 2: Vivid color, slightly darker or lighter than primary
Third color
(Call-to-action)
Option 1: Vivid color which contrasts with the primary and secondary
Option 2: Primary or secondary
Option 3: Corporate color
Option 1: Vivid color
Option 2: Primary or secondary
Option 3: A corporate color
Option 4: White

Example of color hierarchy

How to reinforce messages with colors

Every color can convey various feelings, emotions, or messages. The table below gives ideas of color meanings which you could use to reinforce the message of your banner.

Meaning of colors

Brown Natural, reliable, honest, comfort, warmth, simple, unsophisticated, confidence, reassurance
Red Passion, love, courage, energy, excitement, attention, anger, danger, strength, power, stimulating, vibrant, exciting, desire, urgency, attention, caution
Orange Warmth, enthusiasm, happiness, joy, optimistic, independent, creativity, fun, motivation, inhibition
Yellow Optimism, fresh, joy, energy, illuminating, success, confidence, energy, happiness, positivity
Green Nature, life, renewal, refreshing, peaceful, environment, bio, restful, safety, harmony, balance, reliability, revitalize, encourage, reliable, forest
Blue Trust, sea, sky, calm, honesty, loyalty, secure, integrity, cool, relax, calm, order, technology, healthcare
Violet Imagination, spiritual, compassion, mystery, magic, reflection, royalty, luxury, quality, psychic, wisdom, creativity
Pink Love, compassion, femininity, tenderness, safety, vulnerability, playful, admiration, fascination, motivation, pulse, energy, creativity, fashion, beauty
White Purity, simplicity, peace, innocence, open, humility, youth, empty, distant, cleanliness, neutrality
Grey Neutral, practical, conservative, formal, quiet, unemotional, detached, gloom, depression, maturity, protection
Black Power, control, authority, discipline, elegance, mystery, formal, fear, evil, sophisticated, sexy, secretive, intimidate

How to combine colors

If you don’t have a strong artistic sensitivity, don’t worry. Free tools exist to create or even find modern and nice color palettes like color.adobe.com. But matching colors is child's play as long as you apply the following rules:

 Color Combinations

5 - Animate your banner

Free GIF creators like ezgif.com let you control frame delays. Balance dynamism with readability. Timing between 2 and 8 seconds per frame works best, and pausing on specific frames helps the banner print itself into the viewer's mind.

 

Beware that timings below 2s are too short and don’t give enough time to read small sentences.

Above 8s, the banner starts to get boring.

Tip: Test different delays to see what’s working well or not and test with colleagues for feedback.

Animated banner with Timing

Animated banner example with timing
4 - Animation Frame Timeline_1BONUS: Can I use PowerPoint to create my banner?

6 - BONUS #1: Can I Use PowerPoint to Create My Banner?

If you don't have access to design software like Illustrator, Photoshop, GIMP, or Inkscape, PowerPoint's familiar shape, color, cropping, and alignment tools cover the same ground. Pro tip: right-click a shape, select size and position, and add "px" to the width and height fields to set exact pixel dimensions. 

7 - BONUS #2: AI Design Tools for Your First Banner Layout

Free or low-cost AI design tools can now generate a first banner layout directly from a short text description of your message. Canva's Magic Design, Adobe Express, and Microsoft Designer are three examples.  

  • Describe your campaign's objective, target audience, and headline. The tool proposes a layout you can start from instead of a blank canvas.
  • Most of these tools can also resize a single design across every standard banner dimension automatically.
  • Several export directly as an animated GIF, covering the animation step without a separate editor like ezgif.com.
  • Treat the result as a starting point, not a finished banner. Check the colors against your brand's own light-and-dark hierarchy, and review any AI-suggested text or imagery against your brand guidelines before publishing.

None of these change what a banner is actually for inside a visibility program. Most specifiers who see a well-designed banner still won't click it, and that's expected, not a failure. What good design buys you is recall: the specifier who's seen your name enough times that they already know you when they're ready to compare suppliers. That's the outcome SpecialChem's Demand Creation is built to support. It keeps your brand on the shortlist of specifiers not yet shopping. That way, the eventual sales conversation starts from familiarity instead of a cold introduction.  

FAQ

Do banner ads still work if nobody clicks them?

Yes. A banner's main job inside a visibility program is to build brand recall among specifiers who aren't shopping yet, not to generate clicks.

How often should I run banner ads?

Visibility and education work better as habits than as events. Running several campaigns across the year, rather than one short burst, keeps your name in front of specifiers consistently. That way, you're already recognized when they eventually start comparing suppliers.

Don't forget to share this post!

Related posts

Local supply: what demand crosses your territory on SpecialChem

Jun, 2026

How to win more deals with upgraded sales pipeline management

Jun, 2026

You can't capture demand you haven't created

May, 2026

Reach the 9 Million Visitors Already on SpecialChem

See how you can build visibility for your products among the 9 million visitors who use the SpecialChem platform every year with a year-round Demand Creation program.