7 Splash Page Examples That Actually Convert in 2022

Author 
Eilidh   0

How do you get a website visitor’s attention?

Your dazzling good looks? A juicy offer?

Splash Pages are a website visitor’s first impression of your online business — they hook people in to learn more about what you offer.

In this post, you’ll discover the kind of Splash Pages you should be using in 2022 so that you don’t just introduce your business, but create an opportunity to increase your conversions.

And to explore what’s possible, you’ll see 7 different Splash Page examples that work to grow the online business they introduce.

Let’s get started!

More...

TL;DR


If you don’t have time to read the entire post, jump to the article summary, or keep scrolling to read each Splash Page example’s key takeaways.

What Is a Splash Page?

Splash Pages — or splash screens — introduce a business. They’re “pop-up” pages that act like a website’s front door.

Think back 10 or so years, and you might recall the grand virtual entrances that many websites used to show online visitors.

Those old school Splash Pages often featured the same key design elements:

  • A full page pop-up
  • Flash media (thankfully a thing of the past)
  • Bold images
  • A Skip intro”, “Click to enter” or “Exit” button

Bringing back memories of the 2000s?

Simpsons Movie splash page

Image from the Wayback Machine internet archive. The Simpsons Movie Splash Page circa 2007 complete with a request to download Flash.

Splash Pages were an attempt by brands to impress visitors by displaying a cool video or image before entering their website. But such pages were terrible for conversions, search engine rankings and page load times. Of course, most visitors just hit the “skip intro” option — or worse yet — bounced!

Much like web design, Splash Pages evolved over time — and, although not as popular as they used to be, they still have a role to play.

Today, Splash Page examples are less about impressive introductions and more about ensuring visitors acknowledge reading mandatory information prior to entering a website.

This might include acknowledging:

  • Time-based offerings (e.g. product release dates or limited time discounts)
  • Important product updates
  • GDPR compliance prompts (e.g. cookie permission prompts)
  • Language selection options
  • Age verification prompts
  • Adult topic disclaimers
splash page example

Today’s splash pages are made up of disclaimers and privacy FYI’s.

Do You Need a Splash Page in 2022?

9 times out of 10, the answer is no.

Most websites find they provide a better visitor experience – and achieve higher conversion rates – by reducing the number of steps between visitors and your content, products or services.

Remember, each additional click or mandatory screen view you add to sales or lead generation funnels will lower your conversion rates.

So, if a Splash Page doesn’t serve a very specific purpose on your website, there’s really no reason to use one.

However…

Consider The Splash Page Alternative

Bold first impressions and clear calls-to-action are still great for growing your business.

But to be a useful addition to a landing page, Splash Pages must de-prioritize aesthetic impressiveness and focus instead on increasing conversions.

To do that, let me introduce you to the Splash Page’s modern day counterpart — the Hero Section.

What’s a Hero Section?

A Hero Section is an “above-the-fold” landing page design that usually includes a hero image or video, a bold page heading, clear explainer text and a strong call-to-action.

Here’s an example from Thrive Themes co-founder, Shane Melaugh’s, business blog — Active Growth:
Active Growth splash page

Shane uses his Hero Section to hook people in with a valuable free case study lead magnet.

This combination of elements achieves the grand entrance objective of the traditional Splash Page, but prioritizes achieving the desired conversion instead.

Most importantly, your landing page’s Hero Section will be the first thing most website visitors see when arriving on your website. That means it has to do the heavy lifting of getting visitors to take an immediate action after the page loads — else they bounce and never come back!

The Evolution from Splash Page to Hero Section

Splash Pages had to mature alongside the internet. Their useful qualities were salvaged and upgraded, where their negative qualities were simply abandoned.

There have been 4 main developments in the evolution of the traditional Splash Page into the modern Hero Section…
  1. 1
    Probably the best change of all is that the Splash Page pop-up was done away with in favor of a dedicated, above-the-fold hero area. Bye-bye big bounce rates!
  2. 2
    That Flash video that always got stuck buffering is now an optimized, high-resolution hero image or video that loads fast
  3. 3
    Overly artistic or abstract Splash Page designs were phased out in favor of clear above-the-fold headings and text that explain what the landing page is about in 5 seconds or less.
  4. 4
    The extra “Skip intro” step has given way to — a relevant call-to-action — like signing up to receive a free lead magnet, or learning something critical about what and who your business serves

And while you can now only see traditional Splash Pages examples with the Wayback Machine internet archive, you still find its Hero Section descendent on many high-converting websites in 2022. That’s because well-designed Hero Sections promote an intentional conversion goal.

In fact, Hero Sections are perfect when building a personal brand website. But, they also work well to create targeted, conversion-focused introductions for eCommerce, coaching and educational brands too — as you’ll see in the following examples.

The real Splash Pages of 2022 are the conversion focused Hero Section.

7 Splash Page Examples: Above the Fold and Converting in 2022

The following 7 online businesses showcase the various ways you can both creatively and strategically use modern day Splash Pages — a.k.a. Hero Sections — to introduce your business to new customers while also increasing your conversions.

Check ‘em out…

1. Getting Things Done

David Allen's splash page

David Allen uses Hero Section’s to show just how successful a keynote speaker he is.

David Allen is the author of Getting Things Done, a book and “global movement” focused on improving individual productivity.

David uses a Hero Section to get people to join his movement, by “learning more” to get started.

His Hero Section includes a(n):

  • Authoritative image
  • Transformation story to hook new visitors
  • Clear call-to-action on a high-contrast colored button

To engage people, you first need to prove your authority credentials. As a keynote speaker, author and psychologist, David touts lots of expertise and social proof. In fact he showcases an image of himself presenting to a large audience to show new visitors he’s someone lots of people listen to.

David backs this authority up by mentioning 2 million people have already been “introduced” to his GTD productivity system. Makes you want to know more, doesn’t it?

That’s why for David Allen, an invitation to “learn more” about GTD is just the call-to-action needed to gently guide online visitors into his sales funnel.

Key Takeaways


  • If you’ve got authority credentials, don’t be scared to tout them
  • A transformation story hooks people into learning more
  • Use a clear call-to-action to guide new visitors into your conversion funnel
Memrise' splash page

Memrise is a quick-win language learning app with an engaging video-focused approach

Memrise is an interactive language-learning app and displays a modern Hero Section on their homepage to lead website visitors into their funnel, and ultimately download their product.

Memrise’s Hero Section includes a(n):

  • Product-focused hero image
  • Benefit driven heading
  • Engaging call-to-action

A product-focused hero image immediately showcases the product on offer. And Memrise’s clever image of happy people interacting with their user interface visually showcases exactly how their product works.  

The heading and subtext also addresses the benefit of using Memrise to learn a language — “Learn to speak like the locals” — while also addressing the top objections a target user might have:

  • Will what I learn be practical? → “Phrases useful in everyday life.”
  • How will I learn to speak like a local? → “Taught with video clips of real locals.”

Indeed, Memrise’s Hero Section effectively introduces their business with a single image and 3 short sentences.

They follow that up with an impossible-to-miss call-to-action that asks visitors to pick a language from a dropdown menu and “Get Started”.

Key Takeaways


  • Product-focused hero images help make the offer clear in an instant
  • Use your heading and subtext to state a clear benefit and address initial objections
  • Get visitors to take the next step immediately with an impossible-to-miss call-to-cation
Declan Davey's splash page

Declan’s hero section is the perfect balance of fun, inviting and no BS benefits.

Declan Davey is a health copywriter. His Hero Section quickly communicates to potential clients what working with him can achieve.

Declan’s Hero Section includes a:

  • Fun animated portrait of himself
  • Bullet point list of benefits
  • List of past client brands to impress new leads

Persuading people to work with you can often be dry and boring work. Using an animated hero image (instead of a stuffy, serious portrait), makes Declan’s page stand out with a much more inviting tone.

Bullet points also communicate key info fast. That’s why Declan uses them to deliver the conversion-focused benefits of working with him instead of another health copywriter.

Finally, social proof is an authoritative stamp that tells clients you can be trusted. I mean, it worked for these other brands, right? In fact, to support his claims of past success and professionalism, Declan used two forms of social proof in his Hero Section — a list of big name clients as well as a link to past reviews from said clients.

And his call to action to “Book a discovery call”? You can’t miss it.

Key Takeaways


  • Playful hero images can help your page stand out and set an inviting tone if done professionally
  • Bullet point lists can get your key benefits across fast
  • Use social proof to confirm your authority
  • Don’t forget to add a call-to-action that stands out
Nicholas Kusmich's splash page

Nicholas Kusmich doesn’t mince his words. He’s good at what he does, and he lets people know it.

Nicholas Kusmich is a Facebook advertising specialist, international speaker and consultant. He uses a video background Hero Section on his homepage to help introduce his brand.

Nicholas’ Hero Section includes a:

  • Silent video background to help visitors quickly visualize what he offers
  • Concise heading and key-phrase focused subtext to explain what he does
  • No BS, can’t miss call-to-action asking potential customers to hire him

On average, a website visitor spends 15 seconds on your website. So use those precious seconds to explain who you are, what you can do for customers, and establish trust. Nicholas does this with a spliced-together video that quickly tells you he’s a leading figure in his industry.

On top of that, his high contrast heading and subtext are short, positive affirmations that attack a common pain point head on (scaling a business), and promise to resolve it in just 7 words. Powerful stuff.

Nicholas bookends his concise Hero Section pitch with a bright red call to action button prompting visitors with “Let’s Work Together”.

Talk about saying a lot with little!

Key Takeaways


  • Video backgrounds can communicate your authority quickly
  • Laser target a pain point and solve it with your heading and subtext
  • Use your imagery and words to set the pace and motivate an explicit conversion request
Backlinko's splash page

Backlinko’s Hero Section spotlights Brian Dean as the frontman for the blog.

Backlinko is a well-known SEO training and link building strategy blog, captained by Brian Dean.

Its homepage employs a conversion focused Hero Section aimed at getting visitors to join the Backlinko mailing list.

Backlinko’s Hero Section includes a(n):

  • High-resolution hero image
  • Engaging, benefit-driven heading
  • Relevant testimonial
  • Simple, email-only lead generation form

High-resolution images create a professional, positive and reliable first impression of your business. Just imagine… if a blurry selfie taken in a dark living room was the first thing visitors see, the assumption would be that the product or service offered is sub-par too, like the photo.

Instead, Backlinko’s high-res image of Brian Dean is well-lit, beautifully-edited and makes you want to learn more because Brian seems like a guy you can trust.

Of course it’s not always the truth, but quality often conveys reliability and trustworthiness.

Another way to motivate website visitors to convert is to generate FOMO (the Fear Of Missing Out). Backlinko’s headline nails this by slipping in scarcity terms like “exclusive” and “only I share" to ignite curiosity and excitement. You want it!

Testimonials also support your expertise and authority — especially when they come from another authoritative brand — like the VP of marketing at Hubspot. If your business can land some high-profile testimonials, make sure to put them front and center on your Hero Section!

And finally, after quickly establishing that Backlinko is THE authority on SEO and link building, the ask is simple: submit your email to join an exclusive mailing list… just “Try It”. Backlinko goes from page load to new subscriber in just a few seconds.

Key Takeaways


  • High-resolution hero images convey a high-quality product
  • Generate FOMO in your site visitors with strategically placed scarcity copy
  • Super relevant, authoritative testimonials = social proof on steroids
  • Go ahead and request the desired conversion directly if it makes sense to do so
Charles Duhigg's splash page

The Hero Section for The Power of Habit uses the book’s bright yellow color to get your attention.

Charles Duhigg is a New York Times reporter and author of multiple books, including The Power of Habit. He uses a simple Hero Section on his homepage to put his most popular book out front.

Charles’ Hero Section includes:

  • A large, high-resolution picture of his book
  • Two high-contrast call-to-action buttons that directs visitors to either learn more about the book, or buy it directly
  • A rotating gallery of multiple, high-profile testimonials

Notice here that hero images don’t always need to showcase a person to be engaging. Charles’ picture of his big yellow book hooks you immediately and shows you all you need to know — he’s the author, and the book is for sale.

And when you place testimonials above the fold — make them your best. Charles quickly establishes his authority as an author by displaying several glowing testimonials from well-known authors.

Key Takeaways


  • Hero images can showcase your product instead of the person behind the brand
  • Multiple call-to-action buttons can help tailor different visitor segment needs, just as long as they both support the same conversion goal
  • Include your best testimonials above the fold
Chris Do's splash page

Futur’s Hero Section employs some serious creativity to get you excited about their courses.

The Futur is a resource for aspiring designers to grow their business with Chris Do as the CEO. 

His homepage Hero Section is pretty innovative as it showcases all the standard Hero Section features, but swaps out the hero image for an interactive video quiz that works to engage and segment his visitors. 

The Futur’s Hero Section includes a(n):

  • Interactive, visitor segmentation video quiz
  • Powerful heading and subtext that targets a professional pain-point
  • Bright yellow call-to-action button

Another way to make a good first impression on your audience is to... surprise them!

Chris does this with an innovative video quiz that starts off by asking “What can I help you with?” This is a super cool and unexpected feature that instantly engages visitors to learn more about his content and premium courses.

But before a visitor even has the chance to click on the video quiz, they see a headline and subtext copy that targets a deep designer focused pain-point — “...make a living doing what they love.” For the right visitor, that will definitely get their attention.

And of course, the call to action must stand out and be easy to follow. Chris does this with the bright yellow instruction text “Shop Courses”.

Key Takeaways


  • Grab a new visitor’s attention with a heading and subtext that touches a deep and universal pain-point
  • Now engage and funnel them to the content they need with an interactive hero video or video quiz
  • Use a big bright call-to-action button to make your conversion goal stand out

Let’s Review What Makes an Effective Modern Day Splash Page

Let’s face it… these days traditional Splash Page examples are nowhere to be found.

But their modern, conversion-focused descendent — the Hero Section — is alive and kicking!

Hero Sections are a flexible addition to your landing page that don’t just introduce your business, but establish your authority — and actively work to increase conversion rates as a result.

Here’s a quick summary of things to keep in mind when crafting your own Hero Section...

Hero Image Tips

  • Use optimized, high-resolution hero images, video or interactive quizzes that load quickly
  • Consider using playful or eye-catching hero images to capture attention
  • Hero images don’t always have to feature you, they can also feature your product

Heading and Subtext Tips

  • Use a transformative story to hook people into learning more
  • Write copy that targets a relatable pain point and offers a solution
  • Hook website visitors with an engaging question
  • Use bullet point lists when you need to convey multiple benefits quickly
  • Use scarcity language to generate FOMO

Social Proof and Authority Building Tips

  • Use testimonials when available and put your best in the above-the-fold
  • Mention past, high-profile clients when possible
  • Consider using a hero image or video that conveys industry expertise, authority and/or social proof

Call-to-Action Tips

  • Use high-contrast, bright colors for your call-to-action button
  • Make your call-to-action copy clear and direct
  • Alternatively, indirect — but relevant — call-to-action copy can be used to invite visitors into your funnel
  • Only use multiple calls-to-action when they support the same conversion goal and some kind of visitor segmentation is needed

Over to You

Now it’s your turn to craft a modern day Splash Page… I mean Hero Section... that works to boldly introduce your brand to new customers while increasing your conversion rates at the same time.

Think you’re up to the challenge?

Let me know in the comments.

by Eilidh  August 5, 2022

0

Enjoyed this article ?

You might also like:

Leave a Comment

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}