How to create your websites homepage

12 important sections for your websites homepage

Your website homepage should be perfect
How to create the perfect home page for your website

The homepage of your website acts as the “front door” to your business online and is responsible for the vast majority of your site’s visitors.
Despite its widespread use, many companies still have trouble making the most of it.


So, your homepage has to serve many purposes. Designing it to accommodate users from a variety of backgrounds is preferable than treating it as an one purpose landing page.

And to accomplish it well, it must be constructed thoughtfully. That is to say, you’ll need to include features that draw attention, inform site users, and encourage action.

Examine these components that should be included on every site if you want to boost its effectiveness.

You may choose from a wide variety of premade themes for your website in web video London’s portfolio

There are 12 essential features that the home page of any website must have

1. headline 

Considerations for a Compelling Web Page Title and Headline

Customers should be able to get an idea of what a company is selling within three seconds of landing on its website.

To put it simply, your headline is needed.
Even though it’s short, these words are crucial to the success of your website.

Your website might be seen by a wide variety of individuals, and it will be challenging to come up with a few universally appealing phrases that would appeal to all of them.
Instead, you should tailor your headline to appeal to the one-third of customers most likely to be satisfied with your offering.

The title should be basic and straightforward. The tagline “Everything you need for work, all in one location”
There should be  no need to decipher language to understand what your message is trying to achieve; its simplicity belies its strength.

2. Subheading

The subheadline should provide a quick overview of what you provide to complement the title.
To achieve this, focus on a specific problem that your product or service addresses for the masses.

It’s like having a personal trainer, training programme, and full-fledged gym right in your own house, without having to sacrifice valuable floor space.

Make advantage of bigger fonts to improve the mobile experience for your readers when writing headlines. Customers using mobile devices may need to use features like pinch and zoom if the text size is too small.


What should you do, according to our recommendation? Make use of the editor’s header features.


Only one H1 heading per page is permitted; they are best used for page titles.
All subheadings, from H2 to H6, should be written in the correct hierarchical sequence.
You’re free to use many of these headers; just make sure they’re sequential.
You shouldn’t, for instance, go straight from an H1 to an H3; instead, you should choose an H2.

3. Primary call to actions

What is a call to action button
include a call to action button

Your homepage should encourage users to explore your site further and continue their journey down the sales funnel.
Put two or three prominent calls to action above the fold to guide visitors through the various phases of the purchasing process.


These calls to action (CTAs) should be eye-catching, preferably in a colour that contrasts with the colour scheme of your site while yet fitting in with the overall design.
The material should be short (no more than five words) and to the point so that readers will want to take the next step and click on your link.
Typical calls to action include “Sign up,” “Make an appointment,” and “Try it for free.”


Two call-to-actions (CTAs) appear above the fold on the Afterschool HQ homepage, both of which are directed towards programme directors who want to use the website to advertise their after-school offerings to parents.
Visitors are encouraged to take the first step toward becoming an Afterschool HQ provider by reading the notice placed underneath the lengthier call to action (“Create Your Free Profile”).

4. An accompanying image.

The majority of individuals learn best via visuals.
Make sure the picture (or perhaps a short video) you select illustrates your offering clearly.
Incorporate visuals that convey mood, stimulate action, and provide context to what you’re writing.


Use high-quality photos with a small file size to optimise for mobile users.
(HubSpot users may rest easy; any photos they add to the service will be automatically compressed.

TinyPNG and similar programmes will suffice if necessary.)
You may improve your search engine optimization and make your site more accessible to users of screen readers by including alt text in all of your photographs.


Have a basic headline, subheadline, and a principal CTA

5 benefits of your product or service

Not only should you explain your work, but also why it’s significant.
Consumers are interested in the advantages of doing business with you since it is what will keep them around.

Keep the writing breezy and simple, and address the reader in terms they can relate to.
In a compelling, aesthetically appealing, and straightforward manner, Evernote lists advantages on its homepage:

Advantages of Evernote’s Front Page

6. roof of your success

The confidence of others is a strong sign of reliability.
It’s OK to say that your product or service is the finest in the world; they simply may not believe you until they hear it from many credible sources.
The concept of social evidence serves this purpose well.


Add a handful of your favourite (short) quotations to the homepage and link to relevant case studies.

These endorsements have greater weight when accompanied by a real name and picture.

Reviews and testimonials should also appear towards the top of the page to add to the support of your product or services from your clients.

7 homepage navigation

Homepage navigation for your website
Create great navigation on your homepage

A user’s decision to stay on your site or leave is highly dependent on the layout and information provided by your homepage’s menu.
Giving visitors a simple way to go to the information they need from the homepage may help reduce the percentage of visitors who leave without exploring further.
Place the menu bar prominently towards the top of the page, and categorise the links accordingly.


You should do user testing to ensure that your website’s navigation is straightforward and easy to understand for your target audience.
If possible, a search bar should be included.


8 Content Offer

Promote an outstanding whitepaper, ebook, or guide on your homepage to attract more potential customers and increase your lead generation.
Some potential customers may want to learn more about a subject by downloading content related to that topic rather than making a purchase right away.
Here are a variety of content kinds to choose from if you’re stuck for ideas.

9. Secondary call to action

Make sure you include supplementary CTAs on your site for visitors who aren’t interested in your core purpose.
Take these as the backup plan:
They provide an alternative route for site users who may not be ready to make the kind of commitment you are asking.


The most important calls to action (CTAs) should be shown above the fold, while secondary CTAs should be displayed below the fold to provide visitors more options as they scroll.
For instance, your CTAs (calls to action) should be clearly identified and provide more possibilities for those who have scrolled down the page.
For example, include a special discount button maybe offering a two for one service or a discount of products. Also a “shop now” button invites readers to peruse the online store.

Subsequent Calls to Action (CTAs) on Spanx’s Homepage

10 special features

Highlight some of your best qualities in addition to the advantages you provide.
People will be able to better appreciate the value of your offerings after reading this.
Again, remember to keep the writing breezy and simple.
For instance, Dropbox for Business flaunts a features matrix in plain sight, below the fold, on their main page.

11) resources and information

Another reminder: most site visitors are not ready to purchase just now.
Provide a link to a resource centre where interested parties may peruse further material.
This works double duty by keeping people on your site longer and establishing you as an authority in your field.

12 an indication of your success


Awards and recognition, in addition to positive customer anecdotes, may help propel an organisation toward a memorable first impression.
A well regarded eatery, perhaps?
Have you been named one of the year’s top apps?
Share your success stories with people who land on your site.
Like social proof, it will provide credibility to your firm among people who are unfamiliar with it.


The names of notable companies, such as Gartner and Dropbox, that have acknowledged Calendly may be seen on the company’s webpage.

The Main Page of Calendly


The perfect homepage

Each customer’s initial impression of your company will be formed after seeing your homepage.
People will check out your site to learn more about your company, the products or services you provide, and how they may benefit from them before deciding whether or not to become a client.

Create an outstanding first impression with a homepage that includes the aforementioned features.
Check out some eye-popping homepage examples by downloading this free lookbook.

This article was revised for newness, correctness, and completeness after its first publication in August 2012.