In the not too distant past, the website header was simply a narrow strip that ran horizontally across the top of the page. And while this still exists, and is the perfect position for contact details to be added, in modern design, the whole space above the fold of the homepage is considered a header. Especially for minimalist design, where each element is positioned to blend into another, with as few visual distractions as possible. So with this in mind, how can you create an effective website header, with the whole above the fold space to work with? Well, here at Pumpkin Web Design Manchester, we are Manchester’s leading web design professionals. From Wigan to Southport, we work with companies across Manchester and the surrounding region to deliver high quality web design solutions that really get results. As a result, we have produced this guide to everything you should know about effective website headers.
The top 3 steps to stunning website headers
While there are a number of techniques and things you can do to create an impressive above the fold space in your web design, knowing that these will pay off is often a risk. For a tried and tested method, that can then be creatively adapted, you can consider following these 3 steps to stunning website headers:
- Choose your typography
- Add a visual design
- Design a call to action (CTA) button
Step 1. Choose your typography for the website header
While the main bulk of your website content will use the same font, usually a san- serif, easy to read font, your above the fold headline or page title can be much more creative. From unique fonts, t handwriting or script designs, or even outline or obscured text, you can choose from a wide range of typography styles to select something that represents your company branding and will capture attention and interest from your potential customers or clients. This is the first step, as whatever else you add to the header, the typography needs to visible, easy to read, and noticeable.
Step 2. Add visual design to the website header
The header area needs visual design to attract attention and pique the interest of your potential customers and clients. There are a number of different options for this visual design, including:
- Illustrations- these are a popular option as they can create a unique visual feature just for your company or brand. And this can really help to set you apart from competitors and other websites.
- Animations- animated content can be a great way to attract attention, because it is moving and drawing the eye with the movements.
- Professional imagery- using high quality, professional photographs can be another effective option. Whether this shows off your products or services, or is just a stunning local landscape, there are a variety of options available.
Step 3. Design a Call to Action (CTA) button
The final step is to add a CTA button that can directly link your website user to the product or service page, or to the sign up form for your services, instantly. This adds speed to the users buying or signing up journey, and can be sure to result in an improved user experience, as well as an increase in sales/sign ups.
For more information or advice, or for high quality, professional web design solutions, get in touch with the experts today, here at Pumpkin Web Design Manchester.