Guide · updated November 2026

Banner ad examples, live.

Web banner examples that play in your browser as they would in an ad slot: a product banner, a leaderboard, a half page, mobile, high impact and DOOH screens, each with a note on what works and why.

See the examples What good banners share ↓

Every example is a live sample for Kestrel or Tass, two made-up brands used to show MAiKE. Their photos were made with AI.

Six examples, and what works in each.

Grouped by what they show. Every one is a live HTML5 banner; let it play, then read the note beside it.

01 · A product banner · 300 × 250

The product is the picture.

Kestrel’s trail shoe in the medium rectangle, the size almost every site sells.

The product fills the frame, on a mossy rock that says where it belongs, with nothing else competing for the eye.
One short line, “Take the long way.”, under a small brand name. Short enough to read in a glance.
A button that says what happens: “Shop the Trail Knit”, with the product’s name and price beside it.

02 · Leaderboard and billboard · 728 × 90, 970 × 250

Across the page, two ways.

The same Kestrel campaign in a thin strip and a wide band at the top of a page.

The strip keeps only what fits: the shoe as a cut-out, its name and the button. A photo and a headline would be too small to read at 90 pixels high.
The billboard has room for the scene: a runner on the trail, with the copy in the quiet, dark part of the photo.
Each is laid out for its shape, not one design shrunk to fit.

03 · A half page · 300 × 600

A tall frame, used top to bottom.

Tass’s dog harness in the half page, one of the largest standard sizes beside an article.

The copy sits in the photo’s quiet parts: the headline in the sky, the button on the paving, the dog whole between them.
Colour from the product: navy type and a cobalt button, taken from the harness itself.
Big type: “Built for the long walk.” is set large enough to read from across a desk.

04 · Mobile · 320 × 480, 320 × 100

Made for a thumb.

Tass on a phone: a fullscreen ad and a strip across the screen.

The headline gets shorter as the space does: “Made to pull.” in the fullscreen ad, just the product’s name in the strip.
The button is big enough to tap, and in the strip it takes half the width.
The dog stays in every size, so the ad is still recognisably Tass at a glance.

05 · High impact · 414 × 896

The whole screen, as the reader scrolls.

Tass as a midscroll on a phone: a format that fills the screen between paragraphs of an article.

It unfolds with the scroll: on a news site the reader’s scroll drives it through High Impact JS. Here it plays through by itself.
Something to play with: tap a swatch to try the harness in another strap colour.
Built at screen size, with a layout for a phone and one for a desktop, rather than a box scaled up.

The high impact formats explained →

06 · DOOH screens · 1920 × 1080, 1080 × 1920

A screen ad, read from across the street.

The same Tass campaign on digital screens in public places, landscape and portrait.

No button: nobody taps a screen in a station, so the ad carries the brand, the line and the product, and nothing to click.
Type at poster size, so the headline reads from a distance.
Its own layout per shape: the dog beside the headline on the wide screen, below it on the tall one.

What is DOOH? →

What good banners have in common.

Across sizes and brands, the same few things make a banner work.

One message

One line, said in a few words. Everything else waits on the page the banner leads to.
The brand in every frame

Most people never click, so the brand is visible from the first frame, not only at the end.
A picture with a job

The product, or what it’s for, shown big. Copy goes where the picture is quiet, never over the subject.
A layout for each size

A strip, a box and a tall column each get their own composition, and the headline shortens when the space does.
Motion that settles

Movement draws the eye to the message, then the banner holds on a still frame with the brand and the line.
A button that says what happens

“Shop the harness”, not “Click here”, and a landing page that matches the ad.

How MAiKE does it

Banners like these, from a page link.

MAiKE, an AI ad maker from Madington, builds the HTML5 banner in each format you need from the page you advertise.

Paste the page you advertise. MAiKE reads the brand, the product and its pictures from it. Add your own images, logos or fonts if you have them.
Pick the formats. Every standard size, high impact, custom sizes, or your own named formats, set up with you by the MAiKE team.
Get one banner with a layout for each size. MAiKE checks every format and fixes what’s off, like a button over the headline.
Change it, share it, publish it. Ask for changes in plain words or edit text and images yourself, then create the campaign in Madington Station.

How MAiKE works →For agencies and brand teams →

Tass in a 970 × 250 billboard. Tass is a made-up brand; its photos were made with AI, and the AI label in the corner says so.

Questions about banner ads.

What makes a good banner ad?

One clear message, the brand easy to see, a picture that shows the product or the idea, a few words set large, and a button that says what happens next. Each size gets a layout of its own.

What should a banner ad say?

One thing: what is on offer, in a few words. Leave the detail to the page the banner leads to.

Should a banner ad be animated?

Often, if the motion has a purpose: drawing the eye to the message, then settling on a still frame that carries the brand and the message. Many publishers limit how long a banner may animate.

What is an HTML5 banner?

A banner made as a small web page (HTML, CSS, images and sometimes a little JavaScript) shown in a frame in the ad slot. It can move, set its type sharply at any size and respond to a tap.

Are these real banners?

They are live HTML5 samples for two made-up brands, Kestrel and Tass, playing in your browser as they would in an ad slot. Their photos were made with AI.

Can MAiKE make banners like these?

Yes. Paste the link to the page you advertise and pick the formats. MAiKE builds the banner with a layout for each size, high impact included, and DOOH creative once the MAiKE team has set up your screens with you.

Make yours next.

Bring a page you advertise. We’ll show you MAiKE building the banner in your formats.

Book a demo Sign in →

Banner ad examples, live.

Six examples, and what works in each.

The product is the picture.

Across the page, two ways.

A tall frame, used top to bottom.

Made for a thumb.

The whole screen, as the reader scrolls.

A screen ad, read from across the street.

What good banners have in common.

One message

The brand in every frame

A picture with a job

A layout for each size

Motion that settles

A button that says what happens

Banners like these, from a page link.

Questions about banner ads.

Make yours next.