In this article, we explore some of the most awe-inspiring showcase of website headers. Seen from the structure and contents of a website, header is probably one of the most important parts of your web design, because the website header is the first place that a large proportion of your user will look when they land on your website. In a nutshell, Good header design requires both creativity and consistency with a website’s overall theme. A great header captures and holds the attention of visitors, and hopefully even lingers in their mind long after they have left the site.
The following showcases of website headers were typically designed with a touch of creative thinking and unique flare. Great use of typography and illustrations give us the most good looking and different in style website headers.
Typography
Typography is the use of type in a design. Choosing the correct typography for your website header is a very important part of the design process, because you can use the typography to help you on exposing your ideas. Think of all the different uses of typography on the web, from large headlines and bold blocks of text to smaller-sized text in body copy. You will get the attention you want and your site will also look cool.
1.David Jonsson
This is a personal website with great use of typography. The purpur color of “Welcome” is attention-grabbing. With the special layout, the visitors will have an illusion that the words come out from the water. It seems to be alive and animate. From the design, visitors will think that the designer must be an artist with great imagination and creativity.
2. Trent Walton
It is also a personal blog with clean and simple layout. The characters in a fancy style make it unique. It is striking when the black words and brown color on white background. The whole design is full of feelings of unpretending, simple but unfailing.
3. Teleios Man
It is a good example of both typography and color palette. The white, yellow and red are conspicuous on gray background. The combination of bold types and subtitles emphasis the important elements. What’s more, the yellowed-covered “welcome” and red-covered “Register” is eye-catching.
4. Seoweb.co.uk
This is one of my favorite website on SEO. I really appreciate its innovation on header part. The hand leads my review towards to the central parts of the header: the name of the website or company, which is posted as labels in different colors. This special layout of title could empress visitors deeply.
5. North
The large, colorful and photo-based typography header is eye-catching and is very easy to remember. After you’ve stopped staring at the lovely color scheme in the logo, you’ll probably read the tag line, explaining what the site is about, and whether or not it is something you want to carry on reading. If it is, you’re presented with some very simple but appealing text links to find your way around the site.
Illustrations
Adding illustrative elements to a web header design can take it to a whole new level. Illustrations add a uniqueness and character to a design, giving it the ability to make it truly stand out from the crowd. Detailed illustrations come in all shapes and sizes, and often make use of abstract shapes, flowing lines and bright colors.
6. Pinjata
The cartoon-liked header clearly shows the key features of the website-Fun for Kids. It is childishness and playfulness. The tag line below the house will guide the users for more information on the website. After shut down the window, visitors will have a deep impression on the cute website and lovely rabbits.
7. Meomi
The header design of “Meomi” presents a cheerful environment. Although the design is quite busy, it is easy to adjust to, making it easy to find our way around the site without any problems. The use of a tag line below the navigation menu makes it clear to new visitors what the website is and who it is aimed at – just incase you hadn’t already gathered from the beautiful Flash illustrations.
8. Et Toque
Et Toque! also uses a Flash animated illustrated header. They incorporate cute character design with bright, eye-catching colors and a superb composition. The navigation is located at the bottom of the page which, in a way, is quite unusual; Et Toque! however have managed to pull it off very well.
9. Praline En Schachtel
As soon as this wonderful header has loaded we’re welcomed to a happy and cheerful environment with a great personal touch. The friendly feel of the header counteracts the fact that the navigation doesn’t seem to exist at all.
10. Studiocoffee
The pictures of two guys not only perfectly describe the company in a vivid way, but also create a easy atmosphere. After enjoy the wonderful illustration, you can naturally move your eyes on the words, which is a detailed explain on the pictures and company. Then, you will have a better understanding on the illustration.
The designers who create these headers must be very professional and good enough in design, thinking and really good in website techniques and know how to give the web surfers completely new and fresh website header look. After look these, you will be refreshed and full of imagination on your next design projects.
