{"id":2515,"date":"2012-12-19T13:38:33","date_gmt":"2012-12-19T13:38:33","guid":{"rendered":"http:\/\/www.plumrocket.com\/blog\/?p=2515"},"modified":"2021-07-01T14:45:58","modified_gmt":"2021-07-01T14:45:58","slug":"headers-web-design-tips","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/blog\/headers-web-design-tips","title":{"rendered":"Web Design Tips: How to Communicate Effectively via Headers"},"content":{"rendered":"<p>There are lots of tips aimed at helping you make your website better. Today we want you to pay special attention to headers. These are very important for effective communication since this is where visitors to your website will see what it is all about and whether they need you or not. So take your time to learn what makes a great header.<\/p>\n<p><!--more--><\/p>\n<p>Traditionally, a header is where you place navigation buttons to make it easy for visitors to browse your site. But don\u2019t forget that your header must be unique, have a personal and distinct look, be easily associated with your business or company. There should be a message directly telling the Internet audience why you are here to work for them.<\/p>\n<p>Besides, there are a few more points to consider when creating a header.<\/p>\n<ul>\n<li>A header communicates the first impression &#8211; what mood\/emotions is your header expected to evoke?<\/li>\n<li>What target audience are you looking for?<\/li>\n<li>Is your header different from the others?<\/li>\n<li>What pieces of content should be represented on the header?<\/li>\n<\/ul>\n<p>Let\u2019s try to find answers to these questions.<\/p>\n<p><strong>The First Impression<\/strong><\/p>\n<p>The very first impression shows the personality of the website and the team behind it. You can try including a tagline with a logo that says what your website is all about, or provide a small paragraph\/phrase telling the visitors what this website is and who it is for.<\/p>\n<p><strong>The Mood<\/strong><\/p>\n<p><strong><a href=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-8-alexandraTong.jpg\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-2526\" title=\"Header 8 alexandraTong\" src=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-8-alexandraTong-300x116.jpg\" alt=\"Header Sample Mood\" width=\"300\" height=\"116\" srcset=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-8-alexandraTong-300x116.jpg 300w, https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-8-alexandraTong.jpg 560w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<\/strong><\/p>\n<p>It is closely connected with the website objectives. For instance: if you work in the creative industry, a header should be creative too to impress and inspire newcomers. \u00a0Meanwhile, a more technical or corporate website requires a straightforward, high-class header that is both aesthetically appealing, but yet fairly sophisticated.<\/p>\n<p><strong>Standing from the Crowd<\/strong><\/p>\n<p><strong><a href=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-1-marchanddetrucs.jpg\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-2519\" title=\"Header 1 marchanddetrucs\" src=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-1-marchanddetrucs-300x137.jpg\" alt=\"Header Sample\" width=\"300\" height=\"137\" srcset=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-1-marchanddetrucs-300x137.jpg 300w, https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-1-marchanddetrucs.jpg 600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<\/strong><\/p>\n<p>It is important to make your header original and recognizable since this is how it is going to be remembered. \u00a0That\u2019s why a header is a prime place for the company logo, tagline, and all the other sorts of branding. If presented well enough, these will generate tight associations representing your website identity.<\/p>\n<p><strong>The Key Content for the Header <\/strong><\/p>\n<p><strong><a href=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-7-squarespace.jpg\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-2527\" title=\"Header 7 squarespace\" src=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-7-squarespace-300x116.jpg\" alt=\"Header Sample Content \" width=\"300\" height=\"116\" srcset=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-7-squarespace-300x116.jpg 300w, https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-7-squarespace.jpg 560w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<\/strong><\/p>\n<p>In general, the header should be quite simple in terms of content. We suggest using the following formula for a good header: a bit of promo content + a call for action + several navigation buttons.<\/p>\n<p>And now, let\u2019s take a look at a few <a title=\"Great Headers Samples\" href=\"http:\/\/www.onextrapixel.com\/2012\/06\/08\/30-inspirational-examples-of-eye-catching-website-design\/\" target=\"_blank\" rel=\"nofollow noopener\">awesome headers<\/a> to see their benefits for your inspiration.<\/p>\n<p><a href=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-2-alifelski.jpg\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-2520\" title=\"Header 2 alifelski\" src=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-2-alifelski-300x90.jpg\" alt=\"Header Sample 2\" width=\"300\" height=\"90\" srcset=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-2-alifelski-300x90.jpg 300w, https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-2-alifelski.jpg 550w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-3.png\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-2521\" title=\"Header 3\" src=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-3-300x111.png\" alt=\"Header Sample 3\" width=\"300\" height=\"111\" srcset=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-3-300x111.png 300w, https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-3.png 974w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-4.png\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-2522\" title=\"Header 4\" src=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-4-300x161.png\" alt=\"Header Sample 4\" width=\"300\" height=\"161\" srcset=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-4-300x161.png 300w, https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-4.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-6.gif\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-2523\" title=\"Header 5\" src=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-6-300x108.gif\" alt=\"Header Sample 5\" width=\"300\" height=\"108\" srcset=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-6-300x108.gif 300w, https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-6.gif 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-5.png\"><img loading=\"lazy\" class=\"aligncenter size-medium wp-image-2532\" title=\"Header 5\" src=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-5-300x151.png\" alt=\"Header sample 5\" width=\"300\" height=\"151\" srcset=\"https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-5-300x151.png 300w, https:\/\/plumrocket.com\/blog\/wp-content\/uploads\/2012\/12\/Header-5.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Now that you know how to make a great header, go ahead with your own one!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are lots of tips aimed at helping you make your website better. Today we want you to pay special attention to headers. These are very important for effective communication since this is where visitors to your website will see what it is all about and whether they need you or not. So take your&#133; <a class=\"read-more\" href=\"https:\/\/plumrocket.com\/blog\/headers-web-design-tips\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":3251,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16,34],"tags":[262,259,261,260],"table_tags":[],"_links":{"self":[{"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/posts\/2515"}],"collection":[{"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/comments?post=2515"}],"version-history":[{"count":26,"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/posts\/2515\/revisions"}],"predecessor-version":[{"id":7109,"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/posts\/2515\/revisions\/7109"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/media\/3251"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/media?parent=2515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/categories?post=2515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/tags?post=2515"},{"taxonomy":"table_tags","embeddable":true,"href":"https:\/\/plumrocket.com\/blog\/wp-json\/wp\/v2\/table_tags?post=2515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}