Landing carousels — good or bad? A web design agency explains

01 April 2021
9 min read

Landing carousels are the main element with multiple slides prominently at the top of the homepage of a website. They are used by many, even web design agencies. Whether they do more harm than good has been a widely debated and highly explored topic in the web design industry. Today, as a web design agency ourselves, we look at the reasons why people may choose to use landing carousels, how they can be harmful to your website and better alternatives.

Why do people still use landing carousels on their websites?

To fit multiple content into a single space

The top of the homepage is a website’s prime space. Landing carousels are often used to appease multiple stakeholders without having to decide which content or promotion alone should get to be featured. However, as a web design agency, we’ve realised that the huge downside of this easy way out is that users get decision fatigue and end up not making a decision or taking any action at all.

They are not well-versed in UX design

Website owners may choose to use a landing carousel as they are not well-acquainted with UX (user experience) design. They may not be in touch with a web design agency and are not informed of alternative options that can better help them achieve their goals. As such, they resort to one of the most mainstream elements of a website’s homepage. However, just because it’s widely used, doesn’t mean it’s good. It is important to be better informed of landing alternatives and UX-friendly website practices.

They are unsure of their website’s main focus

Website owners may be unsure of what their website’s main focus and goal should be, which is why they try to include multiple content and messages through a landing carousel. This is bad as it gives off a bad impression of your brand. Furthermore, too many different messages means users don’t take back any message at all. It is thus crucial to figure out the main objective and message of your site to know what the focus of your site’s landing section should be. Other less important information can be displayed on other sections and pages. Consulting a web design agency can help with figuring out what your website’s focus should be.

Why landing carousels are bad from a web design agency’s perspective

Landing carousels aren’t UX-friendly

Many landing carousels don’t work well responsively

In a day and age where a large percentage of web traffic comes from mobile users, having a site that works well responsively is critical.

Landing carousels can slow down your website’s performance

This is because of the multiple images, animated transitions, navigation elements and extra javascript. All these contribute to slowing down your website. A slow performance can frustrate users and cause them to ditch your site for a competitor’s. In addition, having a slow site speed can also harm your Search Engine Optimisation (SEO) efforts and push you further down the Google results page.

Landing carousels can cause users to focus on the wrong thing

Human brains are wired to react to sudden movement. This is known as a saccade. It is our retina’s natural, uncontrollable reaction. If your landing carousel’s autoplay is enabled, this can cause users to focus on the movement instead of your site’s actual content.

Landing carousels can take away users’ sense of control

Controllability creates trust. It is natural for users to want to be in control when they navigate through your site. Therefore, if your landing carousel autoplays, it is like taking control out of your user’s hands. This can affect your user’s experience negatively while using your website.

Landing carousels can cause accessibility issues

Autoplaying landing carousels can have too little view time for each slide, especially for users with poor motor skills, low literacy and users who speak a native language. This can cause them to have a hard time navigating through or absorbing the information on your landing carousel, which will in turn frustrate them and cause them to leave your site.

Users may not even notice your landing carousel

There is an occurrence known as “Banner Blindness”, which describes how users naturally ignore whatever looks like a banner or advertisement. Nielsen Norman conducted an eye tracking test and found that users tend to skip over landing carousels entirely without paying any attention to them.

Eye Tracking Test Landing Carousel
Source: VWO

Landing carousels don’t help with conversions

A study conducted at Notre Dame University showed that only a measly 1% of visitors interacted with landing carousels, particularly only the first slide.

Landing Carousel Clickthrough
Source: Erik Runyon

A web design agency’s alternative options to landing carousels

Instead of a landing carousel with multiple slides, a single static banner with a clear message and strong CTA is a good alternative. This gives users a clear focus and direction. Short and sweet content allows users to absorb information easily and gives them full control of what they are viewing before heading onto the next section or page. Smashing Magazine also noted that when testing, they observed that large and custom images on the homepage give users a good impression of the brand and reduces bounce rates.

You can also consider dynamic image refreshing, where the banner image changes every time the page is refreshed. This is a better alternative to squeezing multiple slides together in a carousel.

The decision lies in considering your users’ needs

By now, you should be aware of the various negative effects landing carousels can have on your website.

That being said, there are certain kinds of websites where the use of landing carousels may not be all that bad. Some websites where they can possibly work are:

  • Gallery or portfolio websites where large and simple visual content is the main focus
  • Narrative, storytelling websites
  • e-Commerce sites to highlight new promotions and products

If you have determined that a landing carousel is a viable choice for your website and users, here are a few guidelines to ensure you’re making the most out of it:

  • Disable autoplay
  • Disable infinite loop
  • Ensure it is responsive
  • Make sure your navigation and CTA are clear
  • Place your most important slide first
  • Use soft transitions
  • Keep text short and clear
  • Only use one h1 tag

All in all, if the users’ needs, accessibility and your website’s goals are not considered properly, landing carousels can bring many downsides. From Oangle’s point of view as a web design agency in Singapore, it is generally safer to avoid landing carousels altogether. Unsure of how to design or build your website’s landing section, or just need some advice? With our expertise in various areas of web design and development, we are always happy to help you with your brand’s goals in mind. Drop us a line today!



Have queries or need some advice?