Homepage Banner Background & Format Test: $16K/Month Case Study

Dark mode wins. At least for this brand.

We tested homepage banner formats and backgrounds for a 7-figure VR gunstock brand. They were running all their ads to the homepage, so we needed to make sure it was optimized for the traffic.

Two variables: background color (dark vs light) and format (carousel vs static).

The winner? Dark background with carousel format.

Results: +$15,989/mo revenue.

The Problem With Untested Landing Pages

This brand was spending on ads. The traffic was going to the homepage. But the homepage banner had never been tested.

They had a light background with a static image. It looked fine. But "fine" isn't optimized.

When you're paying for every visitor, you need to know your landing page is converting as well as it can. Assumptions cost money.

The Hypothesis

Testing a carousel format and contrasting background styles (white vs. black) will help identify the most effective visual presentation for driving engagement and conversion.

By showcasing multiple high-performing assets in a swipeable format and experimenting with background contrast, we aim to capture more attention, improve clarity across user types, and increase click-through to key product areas.

Two questions to answer:

1. Does dark or light background perform better?
2. Does a carousel with multiple slides beat a single static image?

Test Setup

Page: Homepage
Location: Banner
Platform: Intelligems
Test Type: A/B/n with 4 variations

Control

Light/white background. Static banner (no carousel). Headline: "THE BEST DAMN VR GUNSTOCK ON THE PLANET." CTA: "Get Game-Changing Accuracy." Product image. "Special Offer" side tab.

Variation 1 (Winner)

Dark/black background. Carousel format with navigation dots. Same headline and CTA with green accent button. Lifestyle image showing person using the product. Multiple slides available to swipe through.

Variation 2

Light/white background. Static format (no carousel). Same layout as Variation 1 but without the swipeable slides.

Variation 3

Light/white background. Carousel format with navigation dots. Same content as Variation 1 but on light background.

Results

Winner: Variation 1 (Dark Background + Carousel)

Metric	Improvement
Monthly Revenue	+$15,989

Dark background outperformed light. Carousel outperformed static. The combination won.

Why It Worked

1. Dark backgrounds make products pop

The VR gunstock is a dark-colored product. On a light background, it blends in. On a dark background, it stands out.

Contrast matters. The product needs to be the hero, not the background.

This is especially true for tech products. Dark backgrounds signal premium, gaming, performance. Light backgrounds signal clean, minimal, lifestyle. For competitive VR gamers, dark fits the vibe.

2. Carousel lets you show more without scrolling

A static banner shows one thing. A carousel shows multiple.

Different visitors respond to different messages. Some want to see the product. Some want to see it in use. Some want social proof. A carousel lets you serve all of them above the fold.

The swipe interaction also creates engagement. People who interact with the carousel are more invested than passive scrollers.

3. Dark + carousel worked better than either alone

Variation 2 was light but static. Variation 3 was carousel but light. Neither beat Variation 1.

This suggests both elements contributed to the win. The dark background captured attention. The carousel kept it.

4. Matched the ad experience

Most Meta ads run on dark feeds (dark mode is popular). When someone clicks an ad and lands on a dark homepage, the transition feels seamless.

A jarring shift from dark ad to bright white page can feel disorienting. Matching the landing page aesthetic to the ad aesthetic reduces friction.

What This Means for Paid Traffic

If you're running ads to your homepage, you need to test the landing experience.

Things to test:

• Background color: Dark vs light, especially for tech/gaming/premium products
• Format: Carousel vs static, single image vs multiple slides
• Ad-to-page continuity: Does the landing page match the ad's look and feel?
• Hero imagery: Product only vs product in use vs lifestyle

Don't assume your current design is optimal. Test it.

FAQ

Does dark background always win?

No. It depends on your product and audience.

Dark works well for tech, gaming, premium, masculine-coded products. Light often works better for wellness, beauty, home, lifestyle brands.

Test for your specific context. This result applies to VR gaming accessories, not universal truth.

Don't carousels have lower engagement because people don't swipe?

That's the conventional wisdom. But it's not always true.

Carousels can underperform when slides are redundant or when the first slide is weak. They can outperform when each slide serves a different purpose and the first slide hooks attention.

The key is intentional carousel design. Don't just throw images in. Plan what each slide accomplishes.

How do you decide what to put in each carousel slide?

Think about different visitor motivations:

• Slide 1: Hero product shot or main value prop
• Slide 2: Product in use / lifestyle context
• Slide 3: Social proof or credibility
• Slide 4: Secondary product or offer

Each slide should stand alone while contributing to the overall story.

Should the homepage always match the ad creative?

Not necessarily match exactly, but it should feel continuous.

If your ad shows a product on dark background, landing on a bright white page can feel disconnected. The visitor might wonder if they clicked the right link.

Continuity builds trust. Discontinuity creates doubt.

This test was run using Intelligems as part of a CONVERTIBLES personalization program. Want to see what homepage optimizations could do for your paid traffic? Book a call to get 3 personalized recommendations for your store.