What to Consider When Designing a Homepage Slider:

Est. Reading Time: 3 minutes

Having a large image slider on your website homepage can be a powerful tool to really speak to your audience. They say a picture is worth a thousand words. Having large, well done imagery as the first thing your audience sees, can be a way to communicate a whole lot about your business very quickly. Having quality impact images can add a lot of credibility to your business, since people tend to believe and trust the things they see with their own eyes. You can tell a person about what you do and why you do it, but if you can show them, not only does it communicate a whole lot more about your business, it also makes it seem real to the audience.

There are some things to consider when it comes to impact image sliders on sites:


They are optional, and it’s best to keep them short and to the point. Captions can be either programmed by your site backend or built into the graphics themselves. Being able to control your captions through the backend makes it easier to update them. Having the text integrated into the graphics gives you more creative freedom, but if a change needs to be made the graphic itself needs to be edited, which can be more difficult.

Scroll Speed

Make sure that your image scroll speed is set to an appropriate amount of time for people to read the information, but not so slow that it discourages them from waiting to see the next slide.


Adding controls is important. Nothing is more frustrating than seeing a slide on a site that catches your attention, but then it slides to the next one, and you are given no way to get back to that slide, except for waiting on all the slides to display again. Simple back and forward arrows can be sufficient. In situations where you have only a few image slides with no captions, titles, or text to read, then it may be acceptable to leave the slideshow controls out of the design. Any more than a few images, and controls would be recommended.

Thumbnail Controls

Using thumbnails of the slider images as controls can be an excellent option, if the thumbnails are interesting enough or tell enough about the content of the slide to make it enticing for people to click.

Static vs Autoscroll

If you present a lot of content with your slide, say a whole article for example, then autoscroll may not be the best option. That way people can control when they are ready to go to the next slide after they have read as much as they want.

Here are a few examples of some of the sliders Beacon has designed or developed recently that illustrates some of these points:

University of the Virgin Islands Whitman School of Mangement HGTV Home Furniture