Website home page
A home page is generally the primary web page which a visitor navigating to a website from a search engine will see, and it may also serve as a landing page to attract visitors. Thus good home page design is usually a high priority for a website. For example, a news website may present headlines and first paragraphs of top stories, with links to full articles. Usually, the home page is located at the root of the website's domain or subdomain. For example, if the domain is
example.com, the home page is likely located at
In some cases, the home page is a site directory, particularly when a website has multiple home pages. Wikipedia, for example, has a site directory at wikipedia.org that links to every language-specific home page, including en.wikipedia.org.
A homepage is oftentimes designed to catch attention, and as such, important elements are positioned at the top in a strict hierarchy of importance.
One of the commonly found aspects of a homepage is a hero image, a large eye-catching banner image often containing a photograph or drawing depicting the webpage owner's values, services, etc. as a message. Hero images are immediately visible above the fold, without scrolling the page down.
A hero image may have several complementary elements as an overlay, such as the website's logo, a call to action, and a brief description.
A homepage used to bring attention to a mobile app.
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. Carousels are frequently accompanied by dots and buttons in order to select different images.
|Wikimedia Commons has media related to Home pages.|
- "Home Page as Landing Page examples - Smart Insights Digital Marketing Advice". 2014-05-23. Retrieved 2016-07-01.
- Campbell, Jennifer (2014). Web Design: Introductory. Cengage Learning. p. 76. ISBN 978-1-305-17627-0.
- Jakob Nielsen (12 May 2002). "Top 10 Guidelines for Homepage Usability". nngroup.com. Retrieved 4 September 2014.
- Kalbach, James (2007). Designing Web Navigation. O'Reilly Media. p. 106. ISBN 978-0-596-55378-4.
- "How to structure your content for a better homepage". 99designs.
- "Hero Images in Web Design: When, Why, and How to Use".
- "Ultimate Guide to Hero Images [Best Practices + Examples]".
- "Hero Image: What it is, why you need one & how to create it".
- "Everything You Need to Know About Website Carousels". The Creative Momentum.
- "Designing a User-Friendly Homepage Carousel". Medium.
- "CSS Carousels Examples 2022". Avada Blog.
- "CSS-Only Carousel". CSS-Tricks.
- "9 UX Requirements for a User-Friendly Homepage Carousel Design".