{"id":8698,"date":"2022-10-24T22:29:06","date_gmt":"2022-10-25T06:29:06","guid":{"rendered":"https:\/\/blog.free-ebooks.net\/?p=8698"},"modified":"2022-10-24T22:29:08","modified_gmt":"2022-10-25T06:29:08","slug":"the-art-of-home-page-optimization","status":"publish","type":"post","link":"https:\/\/www.free-ebooks.net\/blog\/the-art-of-home-page-optimization\/","title":{"rendered":"The Art of Home Page Optimization"},"content":{"rendered":"\n<p>Anyone working in CRO or marketing knows you only have a few seconds to hook a new customer when they land on your <a href=\"https:\/\/blitzmetrics.com\/landing-page-checklist\/\" target=\"_blank\" rel=\"noreferrer noopener\">landing page<\/a>, usually your home page. Estimates say 12s, 8s even, and now 5s.<\/p>\n\n\n\n<p>However long it is these days, if you want them to stay, you need to answer six questions that pop into their heads \u2013 <em>in the correct order<\/em>. As follows:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li>Will your product meet my unmet need, i.e., is it relevant to me? If you don&#8217;t instantly communicate that you&#8217;ve got something they want, you&#8217;ll lose them in a nanosecond. Note the relevance here \u2013 that&#8217;s where target market comes into play. What meets a teenager&#8217;s needs may not meet those of a retiree.<\/li><\/ol>\n\n\n\n<p>If your product is meeting an unmet need of this target market, AND you communicate that quickly and effectively, then they&#8217;ll ask the following (in this order):<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li>What value is it to me? Most obviously, value can be for money \u2013 but it could also be time saving, novelty, health benefits, etc.<\/li><li>How good quality is this product?<\/li><li>Can I trust you to deliver the product at the expected quality?<\/li><\/ol>\n\n\n\n<p>If all is good so far \u2013 you meet the need, give value and offer good quality \u2013 then comes questions of logistics:<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\"><li>How simple and convenient will this purchase be?<\/li><li>What will customer service be like once I&#8217;ve bought it?<\/li><\/ol>\n\n\n\n<p>And finally, if you answer all of the above:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>What do I do next?<\/li><\/ul>\n\n\n\n<p>Then you get the click and avoid the bounce \u2013 for anyone to whom it is relevant, at least.<\/p>\n\n\n\n<p>This, then, is how a home page should be laid out. It should answer these questions, <em>in this order,<\/em> as the user scrolls.<\/p>\n\n\n\n<p>Now that you know the order, the next critical part is how to answer these questions clearly, concisely, and in a digitally-digestive manner. Here are a few common methods we&#8217;ve all seen used:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Driver<\/strong><\/td><td><strong>Method<\/strong><\/td><\/tr><tr><td>Relevance<\/td><td> &#8211; Bullet points or a headline focused on the cause of the unmet need (direct)<br> &#8211; Graphic design &amp; colors (indirect)<\/td><\/tr><tr><td>Value<\/td><td> &#8211; Headline<br> &#8211; Bullet points of benefits<\/td><\/tr><tr><td>Quality<\/td><td> &#8211; Industry Awards (direct)<br> &#8211; Use of experts (direct)<br> &#8211; Presence of [annoying]ads: quantity &amp; quality (indirect)<br> &#8211; Graphic design &amp; colors (indirect)<\/td><\/tr><tr><td>Trust<\/td><td> &#8211; Industry Awards<br> &#8211; Newspaper mentions<br> &#8211; Testimonials<br> &#8211; Free trial<\/td><\/tr><tr><td>Simple &amp; convenient<\/td><td> &#8211; Website Usability<br> &#8211; Free shipping<br> &#8211; No quibble returns<br> &#8211; 24-hour customer service<br> &#8211; Home delivery<\/td><\/tr><tr><td>Customer service<\/td><td> &#8211; Chatbot<br> &#8211; Clear contact details, e.g., Email or phone number<br> &#8211; Clear help &amp; FAQ sections<br> &#8211; Photo of friendly call center agent<\/td><\/tr><tr><td>What next?<\/td><td> &#8211; Call to action<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Note how some of the above speak directly to the user, while others send subliminal messages to the subconscious that the user is not even always aware of.<\/p>\n\n\n\n<p>Here&#8217;s an example of a site I&#8217;m working on called &#8216;<a href=\"https:\/\/www.bucketlisttravels.com\/\" target=\"_blank\" rel=\"noopener\">Bucket List Travels&#8217;<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/blitzmetrics.com\/wp-content\/uploads\/2022\/10\/Picture1.jpg\" alt=\"Optimized Home Page\" class=\"wp-image-69017\" width=\"674\" height=\"382\"\/><\/figure>\n\n\n\n<p>NB on the live site, you won&#8217;t see the list of awards \u2013 yet \u2013 as it&#8217;s only recently launched at the time of writing (October 22).<\/p>\n\n\n\n<p>Underneath the award strip (that you can&#8217;t see above) are inspirational recommendations that users can click on once they have had their questions answered above the fold. (Or they can use the predominant search, of course).<\/p>\n\n\n\n<p>When you land on a home page set out like this, it&#8217;s such a smooth and pleasant experience.<\/p>\n\n\n\n<p>Now visit some home pages and see:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li>Do they answer these questions?<\/li><li>Do they answer in this order?<\/li><\/ol>\n\n\n\n<p>Not many do.<\/p>\n\n\n\n<p><strong>It&#8217;s all about the value proposition<\/strong><\/p>\n\n\n\n<p>Many people I ask don&#8217;t know what a value proposition is. Most will say it&#8217;s the product or service you deliver. That&#8217;s only half of it. Customer experience is the critical, oft overlooked second part. i.e.<\/p>\n\n\n\n<p>Value proposition = product that meets a need + Customer Experience<\/p>\n\n\n\n<p>The &#8216;customer experience&#8217; part can be broken down into six drivers, as follows:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/blitzmetrics.com\/wp-content\/uploads\/2022\/10\/Picture2.jpg\" alt=\"\" class=\"wp-image-69019\" width=\"666\" height=\"305\"\/><\/figure>\n\n\n\n<p>Look familiar? (Hint: they match the questions customers ask when they land on your home page, as above).<\/p>\n\n\n\n<p>So what you are <em>actually<\/em> doing on an optimized home page is effectively communicating your value proposition. That is what will make the customer stick around \u2013 assuming they have the unmet need and you have a strong enough value proposition to meet it.<\/p>\n\n\n\n<p><strong>Strength of the value proposition<\/strong><\/p>\n\n\n\n<p>Even if you communicate your value proposition effectively, customers won&#8217;t stick around if it&#8217;s not strong enough.<\/p>\n\n\n\n<p>What makes it strong?<\/p>\n\n\n\n<p>It meets an unmet need that direct competitors or alternative solutions are not meeting satisfactorily. And because of switching costs, you must meet that need <em>significantly <\/em>better.<\/p>\n\n\n\n<p>Amazon and Uber became unicorns because they met customers&#8217; needs <em>significantly better<\/em> than existing solutions. They delivered the same product as competitors, e.g., online bookstore and taxi \u2013 but their <em>customer experience<\/em> blew the competition away. Uber&#8217;s handy app, for example, solved two big customer pain points: not knowing when a taxi would show up and not having money to pay for one when you needed it.<\/p>\n\n\n\n<p>In our digitally connected world, it&#8217;s very hard to offer a product no one else does \u2013 unless you have a patent \u2013 so <em>everyone<\/em> is now effectively competing on customer experience.<\/p>\n\n\n\n<p><strong>Returning Customers<\/strong><\/p>\n\n\n\n<p>Your <a href=\"https:\/\/blitzmetrics.com\/lpt\/\" target=\"_blank\" rel=\"noopener\">landing page<\/a> will also need to serve returning customers. Because they are returning, they&#8217;ve already had their questions answered, and you don&#8217;t need to do it again.<\/p>\n\n\n\n<p>All these customers want is a call to action to get to the relevant product or information page as quickly as possible.<\/p>\n\n\n\n<p>Therefore, you need a call to action(s) above the fold \u2013 navigation menus, a search bar, or perhaps one big call to action button. These can be easily integrated into a design that meets the needs of new customers&#8230; and hey presto!<\/p>\n\n\n\n<p><strong>Branding<\/strong><\/p>\n\n\n\n<p>One final comment on branding \u2013 in my view, the most powerful but most misunderstood weapon in the marketer <em>and<\/em> the CRO&#8217;s armory.<\/p>\n\n\n\n<p>What&#8217;s the first thing a customer sees when they land on your home page \u2013 your logo, probably your tagline, and your visual identity.<\/p>\n\n\n\n<p>Strong branding done correctly will:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li>Communicate a significant amount of your value proposition to new customers &#8211; answering many of those key questions \u2013 when they land (and sometimes <em>even before they land)<\/em>, hugely increasing the chances they&#8217;ll stick around. (Yet how many CROs ever involve themselves in branding?)<\/li><li>Reassure returning customers that they&#8217;ll get the same value proposition \u2013 i.e., the product\/service and [pleasing] customer experience&nbsp;\u2013 that they had last time.<\/li><\/ol>\n\n\n\n<p>All in a microsecond! Who needs 5s?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Anyone working in CRO or marketing knows you only have a few seconds to hook a new customer when they land on your landing page, usually your home page. Estimates say 12s, 8s even, and now 5s. However long it is these days, if you want them to stay, you need to answer six questions that pop into their heads \u2013 in the correct order. As follows: Will your product meet my unmet need, i.e., is it relevant to me? If you don&#8217;t instantly communicate that you&#8217;ve got something they want, you&#8217;ll lose them in a nanosecond. Note the relevance here \u2013 that&#8217;s where target market comes into play. What meets a teenager&#8217;s needs may not meet those of a retiree. If your product is meeting an unmet need of this target market, AND you communicate that quickly and effectively, then they&#8217;ll ask the following (in this order): What value is it to me? Most obviously, value can be for money \u2013 but it could also be time saving, novelty, health benefits, etc. How good quality is this product? Can I trust you to deliver the product at the expected quality? If all is good so far \u2013 you meet the need, give value and offer good quality \u2013 then comes questions of logistics: How simple and convenient will this purchase be? What will customer service be like once I&#8217;ve bought it? And finally, if you answer all of the above: What do I do next? Then you get the click and avoid the bounce \u2013 for anyone to whom it is relevant, at least. This, then, is how a home page should be laid out. It should answer these questions, in this order, as the user scrolls. Now that you know the order, the next critical part is how to answer these questions clearly, concisely, and in a digitally-digestive manner. Here are a few common methods we&#8217;ve all seen used: Driver Method Relevance &#8211; Bullet points or a headline focused on the cause of the unmet need (direct) &#8211; Graphic design &amp; colors (indirect) Value &#8211; Headline &#8211; Bullet points of benefits Quality &#8211; Industry Awards (direct) &#8211; Use of experts (direct) &#8211; Presence of [annoying]ads: quantity &amp; quality (indirect) &#8211; Graphic design &amp; colors (indirect) Trust &#8211; Industry Awards &#8211; Newspaper mentions &#8211; Testimonials &#8211; Free trial Simple &amp; convenient &#8211; Website Usability &#8211; Free shipping &#8211; No quibble returns &#8211; 24-hour customer service &#8211; Home delivery Customer service &#8211; Chatbot &#8211; Clear contact details, e.g., Email or phone number &#8211; Clear help &amp; FAQ sections &#8211; Photo of friendly call center agent What next? &#8211; Call to action Note how some of the above speak directly to the user, while others send subliminal messages to the subconscious that the user is not even always aware of. Here&#8217;s an example of a site I&#8217;m working on called &#8216;Bucket List Travels&#8217;: NB on the live site, you won&#8217;t see the list of awards \u2013 yet \u2013 as it&#8217;s only recently launched at the time of writing (October 22). Underneath the award strip (that you can&#8217;t see above) are inspirational recommendations that users can click on once they have had their questions answered above the fold. (Or they can use the predominant search, of course). When you land on a home page set out like this, it&#8217;s such a smooth and pleasant experience. Now visit some home pages and see: Do they answer these questions? Do they answer in this order? Not many do. It&#8217;s all about the value proposition Many people I ask don&#8217;t know what a value proposition is. Most will say it&#8217;s the product or service you deliver. That&#8217;s only half of it. Customer experience is the critical, oft overlooked second part. i.e. Value proposition = product that meets a need + Customer Experience The &#8216;customer experience&#8217; part can be broken down into six drivers, as follows: Look familiar? (Hint: they match the questions customers ask when they land on your home page, as above). So what you are actually doing on an optimized home page is effectively communicating your value proposition. That is what will make the customer stick around \u2013 assuming they have the unmet need and you have a strong enough value proposition to meet it. Strength of the value proposition Even if you communicate your value proposition effectively, customers won&#8217;t stick around if it&#8217;s not strong enough. What makes it strong? It meets an unmet need that direct competitors or alternative solutions are not meeting satisfactorily. And because of switching costs, you must meet that need significantly better. Amazon and Uber became unicorns because they met customers&#8217; needs significantly better than existing solutions. They delivered the same product as competitors, e.g., online bookstore and taxi \u2013 but their customer experience blew the competition away. Uber&#8217;s handy app, for example, solved two big customer pain points: not knowing when a taxi would show up and not having money to pay for one when you needed it. In our digitally connected world, it&#8217;s very hard to offer a product no one else does \u2013 unless you have a patent \u2013 so everyone is now effectively competing on customer experience. Returning Customers Your landing page will also need to serve returning customers. Because they are returning, they&#8217;ve already had their questions answered, and you don&#8217;t need to do it again. All these customers want is a call to action to get to the relevant product or information page as quickly as possible. Therefore, you need a call to action(s) above the fold \u2013 navigation menus, a search bar, or perhaps one big call to action button. These can be easily integrated into a design that meets the needs of new customers&#8230; and hey presto! Branding One final comment on branding \u2013 in my view, the most powerful but most misunderstood weapon in the marketer and the CRO&#8217;s armory. What&#8217;s the first thing a customer sees when they land on your home page \u2013 your logo,<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[445],"tags":[456],"class_list":["post-8698","post","type-post","status-publish","format-standard","hentry","category-business","tag-home-page"],"views":980,"_links":{"self":[{"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/posts\/8698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/comments?post=8698"}],"version-history":[{"count":1,"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"predecessor-version":[{"id":8699,"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/posts\/8698\/revisions\/8699"}],"wp:attachment":[{"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.free-ebooks.net\/blog\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}