Monday, 3 July 2017

How to Design a Website Header

by Shital Kadukar


How to Design a Website Header

A website header is the area where is one of the most valuable areas of your website. It runs across the top of the page and appears in every page of your website, except on sales or landing pages and templates that have it removed.

The main reason of your website header is to best part your brand and make your website instantly recognizable to those who are already simple with you. For many businesses, the header is the perfect place to efficiently and effectively convey exactly what your site is about and what your business does.

Website Header Design Considerations
Branding a Person:
If branding a product as the famous or valuable for the brand, the header should focus on making and the connection between the visitor and the person right away. The fastest way to achieve this feeling of contentedness, to accelerate the relationship building process, and to build recognition is to use a happy and smiling photo of the person in the header. Even if a visitor has never met you, simply seeing your face repeatedly will, over time, make them feel like they already know you.
Branding a Business:
If branding a business, understand the the header of your website isn’t going to make or break your online market. In fact, in many cases the best strategy is to minimize the header to bring the content higher up on the page, or to not use a website header at all. Because let’s be honest here, your website logo isn’t what is going to persuade someone to hire you, buy from you, or learn from you.

· When you designing a website header that is branding a business, consider keeping it simple and only including your logo and tagline to keep the header area nice and small.

· If you adding imagery to the header design be careful not to overdo it and consider sticking with one main hero image, and be sure it is relevant and communicates what the site is about.
Branding a Thing:

If branding a thing, event, product, website, program, or service, consider creating a logo for the core offering. If it is offered by a brand, mention that the offer is “brought to you by…” or “presented by…” to add instant credibility. Adding a short statement of use can also help the users and visitors figure out if they are in the right place faster.

· When designing a website header that is branding a thing or product, consider including the logo of the item, a short description or tagline explaining what it is, and if needed a photo of the item.

· If designing a website header for a program site or event site, be sure that the imagery used relate the energy of the event or the program.

Not All Websites Have A Header
A website header takes up valuable real estate at the top of the browser window that isn’t always necessary. For some businesses, there is no need to use a traditional website header, and instead just use the logo and bring the content up higher on the page.

· When designing your website, consider whether or not you really need a header — you may be surprised to discover that you don’t!

· Is your logo or your header are the part of your sales funnel? Is it critical in guiding visitors to take action on your site? If the answer is no, you may not need a header.

· Consider what will happen to your header on mobile devices. Will it disappear anyway or shrink down so small no one can see it anyway? Or will parts of the header start dropping off as the screen gets smaller and smaller until only your logo shows?

Here are some website header design tips:
1. Keep it simple. Don’t try to create too much things in the header — while it is valuable real estate, the more you things into it, the less valuable it becomes.

2. Keep text to a minimum. Your header is primarily for branding and brand recognition, and it should be primarily visual. Keep text in your hear to a minimum. You don’t need to cover your domain name, and your name, product, and your title, and a tagline, and a mission statement or a marketing message etc.

3. Don’t put an opt-in in your header. Adding an opt-in box to your website header was all the rage when it was new back in 2007/2008. But nodes that it’s pass through the web and opt-ins are plastered everywhere, the strategy losing its effectiveness and it can make you appear desperate and amateur if not done correctly . A website opt-in box does not belong on every page of your website — like your services, products, programs, and other conversion focused pages.

4. Hire a professional designer. Certain we believe on you should hire a professional web designer for your entire site, but if you are a do-it-yourselfer or don’t have the budget, at minimum, invest in a experience graphic designer (GD) to design your website header or banner image for you. You only have a couple second to make a first impression, so make it count.