Why Header Banners Convert at Zero and Popups Actually Work

This article is part of the Flatstudio × Stavka.tv case study. Written for product teams, marketers, and designers who create advertising materials for media and content platforms. Main article in the series — here.

--------

The most common mistake when placing ads on a content site is assuming that the biggest banner in the most prominent spot will produce the best results.

At Stavka, we measured this directly. Banners with a similar advertising message, but smaller and placed between match rows on the same page, converted 70% better than a large header banner at the top. Same bookmaker, same offer, same audience. The only difference was placement and size.

Headers have their place in the system. But understanding where advertising actually converts matters more than choosing the right format.

Who Comes to Stavka and What They Want

Before talking about formats, it's worth understanding who we're actually dealing with.

A Stavka user already knows what a bookmaker is. They came to the site to find a prediction for a specific match, or to check statistics. They have a task. A banner telling "place a bet!" is noise to someone who already knows how betting works and chose where to play a long time ago.

On a SaaS site, a banner about a new feature or a mobile app can convert very well — the audience is still open to discovering the product. On Stavka, the audience already knows the product. They respond to a specific benefit at the right moment.

Why a Big Header Converts Worse Than a Small In-Feed Banner

The header banner is the first thing a user sees. Large, bright, impossible to miss. And that's exactly the problem.

The user came to find a match, read a prediction, check the stats. The header is standing between them and their goal. The brain has learned to ignore these blocks — this is the well-documented banner blindness effect, which only intensifies on sites where advertising always lives in the same spot and always looks the same.

A banner between match rows is different. It appears while the user is already in motion — scrolling through matches, looking for something interesting. It fits the rhythm of browsing and keeps the content readable.

The 70% difference in conversion is about placement and timing.

[→ 🎆 comparison: header banner vs. integrated banner in the match feed]

A Popup at the Right Moment Is the Most Effective Format

Popups have a bad reputation — and deservedly so, when they fire the moment someone lands on the page or appear mid-session for no reason.

A popup triggered by a specific action is a completely different mechanic.

We tested several triggers: after a user published a prediction, after they added a match or league to favorites. At that moment, the person has just completed something meaningful to them — and they're open to a next step. An offer to place a real bet on the same match where they just published a prediction is a logical continuation of what they just did.

On mobile, this popup takes over the full screen and commands maximum attention. On desktop, it's a modal over the interface with a clear way to close it. In both cases, the message is tied to context: which match, which offer, which bookmaker.

[→ 🎆 popup after publishing a prediction — desktop and mobile]

Advertising as Part of the Interface

The best results come from integrating advertising into the interface itself — when it becomes part of the product.

On an open match page, there's a block featuring a popular prediction with a "place a real bet with a free bet" button. On a prediction page, the same logic applies: you're looking at a tipster's call and immediately see the option to follow it with a bonus at a real bookmaker. The ad message becomes part of the context instead of interrupting it.

The difference in perception is real: an ad block feels like an interruption; an interface integration feels like a service.

[→ bookmaker interface integration on the match page] [→ integration on the prediction page — copy bet with bonus button]

How We Brand a Bookmaker on the Site

When a new bookmaker partner comes on board at Stavka, they get a full presence within the system.

On each bookmaker's page, we design a cover in their brand colors, adapt the interface button and accent colors to the partner's palette, and place the logo in all the necessary formats. Pari gets its dark green and cork tones. Winline gets their orange. BetBoom gets its own. The overall page structure, typography, and logic remain Stavka's throughout.

The goal is for the advertising to feel like a natural part of the product. The user can see it's a partner offer — but it sits organically within the Stavka interface.

[→ 🎆 bookmaker page examples with distinct branding: Pari, Winline, BetBoom]

A System of 12 Placements and a Template-Based Approach

One of the main operational challenges is speed. On weekends, the volume of ad materials could reach ten units in a single day: a new tournament, a new bookmaker offer, a new match worth promoting.

To make that work without a designer becoming the bottleneck, we built a template system.

When onboarding a new bookmaker, we develop a complete set of 12 placements — each designed for a specific context: bookmaker page cover, full-size button block, in-feed match banner, live button in articles, block on an open match page with popular underdogs, gift dropdown, and so on. Each placement has both a desktop and mobile version.

These templates are built so that an editor with basic Figma knowledge can swap in new data — promotional text, bonus amount, date — and have a publication-ready asset without involving a designer. Lighter materials the editorial team handles themselves. More complex ones — animations, non-standard layouts — the designer assembles from already-approved components.

[→ 🎆 Figma file with the 12-placement system — template overview] [→ editorial template: what filling in a banner looks like without a designer]

One important nuance here. A template sets the right structure — the quality comes from the person working inside it. A banner lands when someone knows how to source or generate the right visuals and put everything together creatively. Advertising grabs attention when there's something unexpected in it — sometimes even slightly uncomfortable — a combination that shouldn't quite work but stops the eye. That's why, when hiring for ad materials, we look for designers with a slightly rebellious streak: people who aren't afraid to push past the obvious while staying within the system.

This approach — where a template system lets the team produce high volumes of materials without sacrificing quality — became the foundation of our Marketing Design & Assets service. We build these systems beyond betting platforms: the same principle works for SaaS, fintech, media, and any product where marketing needs to produce content regularly and at scale.

How to Combine Two Brands in One Banner

This comes up constantly. Pari is bold, dark, with its own typography. Winline is orange and high-energy. Bet365 is a restrained green. BetBoom has its own personality.

The rule we developed: the bookmaker dominates in color and logo; Stavka dominates in structure and typography. The banner looks like Pari — but the grid, text hierarchy, and overall composition stay Stavka's. Anyone seeing the banner on the site understands both where the ad is coming from and where they are.

Second principle: no placeholder text during template development. We always test a banner with real data — a real promotion name, a real bonus amount, a real date. A banner reading "Get a €25 free bet before April 1st" and one with "Lorem ipsum €0000" balance and look completely different. A template is only considered finished when it holds up with real content.

[→ 🎆 comparison: banner with placeholder text vs. real data] [→ banners from different bookmakers side by side — different colors, unified structure]

The Main Lesson

Advertising on a content platform is a product problem.

The best-converting banner is the one that appears in the right place, at the right moment, and speaks to something the user is already thinking about. A header that everyone sees is reach. A popup after a prediction is conversion.

And on the operational side: a template system that lets the team produce ten assets a day is a sign of a well-built system.

--------

If you need a marketing asset system that your team can scale independently — that's exactly what we build through our Marketing Design & Assets service.

‍

← Back to the main article in the series: "Sports Predictions Platform: An 8-Year Case Study with 3M Monthly Visits"

‍

Other articles in the series:

→ Rebranding a Sports Platform: How We Built a Brand System Across 10+ Touchpoints

→ From 2.0 to 2.1: How We Rewrote Two Years of Work Without Losing the Client

→ Design Systems for Complex Products: Why It's an Investment, Not an Expense

→ How to Measure Redesign Success: Real Metrics After the Migration

‍