Contact Page Design:
Definition and Bext Examples

Find out what is the purpose of a contact us page and learn best practices for designing one for a small business website.

What is a website header?

The header is the very top section of every website.  It’s the most prominent part on any page that serves a very clear function. It’s the first thing website visitors see when they access your website and it provides them with basic information about the business. Modern web design understands a header as an integration of the top elements on a site including the navigation, hero image and main headline.

Why is header important?

Since the header is the top real estate on your website, it’s crucial to design and develop a powerful first impression of the site. An effective header design will not only look unique and provide information but should also guide visitor what to do next.

What does a website header include?

There are certain elements that should be featured on the header.

1. Logo

Branding and company logo is always featured in the header, typically in the upper-left corner or centered.

2. Website navigation

The navigation features the top pages of a website. Most businesses should have the homepage, contact page, about page and a main service page.

3. Main visual

Whether it’s a illustrated drawing, stunning image or a video background — the top section of the website should feature original imagery.

4. Headline

5. Call to action

Examples include: contact us, get a quote, book a table.

Best practices and tips for an effective header design

To ensure your header is effective, follow header design best practices.

1. Keep it simple

If there’s one part of a website that should really keep it simple and focus on the fundamentals, it will be the header. An effective header design displays a clear message and avoids too many elements.

2. Add stunning imagery

3. Make it interactive

Final thoughts

Let’s be honest.