Carousel project website template

What is Carousel Website?

A home page is the primary web page that a visitor will view when they navigate to a website via a search engine, and it may also function as a landing page to attract visitors.^[3] In some cases, the home page is a site directory, particularly when a website has multiple home pages.

Good home page design is usually a high priority for a website;^[4] for example, a news website may curate headlines and first paragraphs of top stories, with links to full articles.^[5]^[6] According to Homepage Usability, the homepage is the “most important page on any website” and receives the most views of any page.^[7] A poorly designed home page can overwhelm and deter visitors from the site.^[6] One important use of home pages is communicating the identity and value of a company.^[8]

A homepage is oftentimes designed to catch attention, and as such, important elements are positioned at the top in a strict hierarchy of importance.^[9] Curating which content to display on a homepage, as to not overwhelm visitors, is important to a well-designed page.^[10]

Carousel Project

A descendant of the hero image is a carousel, also known as a slider. It is a slideshow-like element of the homepage with multiple images rotating every few seconds.^[14] Carousels are frequently accompanied by dots and buttons in order to select different images.^[15] Carousels are generally made using JavaScript but can also be made through CSS animations.^[16]^[17] In 2013, carousels were a popular element of a homepage, with 52% of top e-commerce websites using the design feature. However, in 2016 only 32% of websites used one.^[18]