Our Take - 7 Apr, 2017 – 3 Min Read

Carousel sliders on landing pages – should you use them?

Todd Padwick
By Todd Padwick

Founder, Creative Director

Hero sliding carousel banners

This article is a little old

The topics discussed may no longer be relevant or our position may have evolved. You may wish to browse our more recent entries

What's the problem?

Don't get me wrong, I'll admit that there are some cases where a homepage slider or carousel may be a good choice. But problems arise when a generic slider has been thrown into the position of landing page hero with limited thought given to the content.

Most web designers at some stage (including a younger me) have designed a homepage concept with a stock image dropped into a hero slider, and dummy text in it’s caption. But one of the benefits of ageing is acquiring wisdom, and I've since learnt that this approach may lead to a number of issues.

So when clients request a hero slider in their homepage, I'm likely to come back with the following:

1. They lack focus

The first section of the homepage is a crucial piece of real estate. Or for the readers out there, it's the all-important book cover (which let's face it, we do judge).

The main goal of the homepage is to instantly capture the imagination of the user and engage them immediately. Which is why a generic slider just doesn't work, it leaves such an important region of the site to someone who isn’t a designer.

2. Promotional content is often more effective presented a little later in a user's experience

We want your website to create a positive rapport with its audience by providing them with the content they are looking for. Then, once they have found this and are feeling positive, we can cross sell.

3. The ability to upload an infinite amount of content into one space can inhibit creative selection

Less is more. It's a cliché because it's true. If you are limited to one visual for your hero, then you need to make damn sure it’s a good one.

Alternatives

There are many effective ways to utilise the hero space on a landing page. But here are a few we especially like.

Entice the user to scroll down using dynamic and intriguing imagery

Consider investing in creative visuals to capture your users' imaginations. We love this visual for Kikk Festival. I challenge anyone to not want to scroll down to see more.

Kkik festival website

Kkik festival website

Present your USP immediately and hook them in with a strong call to action

Use illustration or photography combined with well written copy to portray your USP. You can provide the user with a tempting call to action to tempt them further before they even have to scroll.

Intercom

Intercom

Intercom does this very well using friendly illustrations, short headings and an instant call to action.

Abolish the 'hero' altogether

The fold is dead and has been for years. If you don't believe me, have a read of this article from 2011 and this article from 2015.

Actually, maybe that's a little strong. I don't always agree that the fold is dead. But I prefer to refer to it now as the 'hero' or 'cover'. And leading with something engaging here is so important. But it doesn't necessarily need to be contained within the 'fold'.

Zajno

Zajno

Lead with an introduction and then tempt your uses to scroll further by showing content peaking 'above the fold'.

Begin with something fun for the user to interact with

Bellroy do an excellent job of illustrating their USP with an interactive feature on their homepage. They sell slimline wallets, which is immediately portrayed with an interactive range slider.

Bellroy

Bellroy

Looking for a landing page with a more thoughtful experience?

We might be the perfect partner for your project.

Like what you see?

Get in touch and let's build something amazing together

Function & Form Digital © | For the world, from London and Barcelona.

First and Second Floor, 8 Shepherdess Place, London N1 7LJ | CRN 10775089

Sorry, your browser is too old to support our website

Some things get better with age, but not browsers. Using an old browser can leave you and your data at risk as well as prevent you from experiencing the best of the modern web. To use our website, we'd recommend switching to, or upgrading one of the following: