Image carousel

What to replace an image carousel with

It’s tempting to show several images on your website in a slider or carousel. But there is plenty of evidence that sliders and carousels are not helpful to your website visitors (more information).

Collectively, a set of images in a carousel may give an accurate impression of what you do. But what happens when the image that the website visitor sees when they land on the website is the one that’s wrong for them? Will they sit and wait for the next slide? Hmmm... probably not.

So what do we do? Here's what we can use instead of a slider or carousel.

Focus on your best seller or main target market

The big image at the top of your web page is called your "hero image". Put your best foot forward and use it to let your most relevant offer catch the attention of your website visitors.

When I started designing websites ten years ago, some website visitors wouldn’t look at anything below the fold. These days, we habitually start scrolling to look at the rest of the page’s content.

Apple website
Apple has a range of products but the hero image on their homepage only shows its very popular iPhone. (Image credit: Apple)
Uber website
Although anyone can be a driver, for the homepage Uber picked a representative. (Image credit: Uber)

However, it’s not enough for me to say that you have to pick one offer. Sure, most business coaches and marketing experts will tell you that you have to pick a niche. But you can niche and still have more than one separate audience. So let’s look at what else we can use.

Split up the main image

If you have several very distinct target audiences, you can split up the hero image. You can then link each section to a page for that audience.

This used to be commonplace before the trend for full-screen images took hold. On one of the first websites I created, I used a large image with several smaller images underneath it to show the range of people they cater to.

CT Skills website
For the training provider that I worked for, I used a large image of one of the tutors with other images to show the range of people they cater to: unemployed adults, employers, and school leavers.
Next UK website
This UK retail giant has three images instead of one big hero image: one for homeware, one for women’s clothing and one for children’s clothing. (Image credit: Next)

Use a collage

A way to show a variety of offers in one image is to create a collage out of different images.

ASOS clothing website
A trendy collage from this leading e-commerce retailer. (Image credit: ASOS)
Netflix website
A collage of film artwork for one of the biggest streaming services. (Image credit: Netflix)
East Midlands Back and Joint Clinic website
For this clinic, I created a collage to show back, knee and shoulder pain.

From marketing experts CXL:
Image Carousels and Sliders? Don’t Use Them. (Here’s why.) ›

From Yoast SEO:
Sliders suck and should be banned from your website ›

More from me:

Where to get images for your website ›

How to choose the right images for your website ›