{"id":2959,"date":"2017-10-18T09:00:44","date_gmt":"2017-10-18T03:30:44","guid":{"rendered":"https:\/\/www.adroitte.com\/blog\/?p=2959"},"modified":"2017-11-15T14:20:05","modified_gmt":"2017-11-15T08:50:05","slug":"what-makes-a-good-website-landing-page","status":"publish","type":"post","link":"https:\/\/www.adroitte.com\/blog\/web-development\/what-makes-a-good-website-landing-page\/","title":{"rendered":"What makes a Good Website Landing Page?"},"content":{"rendered":"<p>Landing page, eh, what is that on a website?<\/p>\n<p><strong>\u2018A website landing page is page that appears as soon as a user clicks on a particular search engine result link or PPC.\u2019<\/strong><\/p>\n<p>The purpose of creating a landing page is to narrow the focus of visitors to a particular web page and compel them to be a part of the long <a href=\"https:\/\/en.wikipedia.org\/wiki\/Conversion_funnel\" target=\"_blank\" rel=\"noopener\">conversion funnel<\/a>.<\/p>\n<p>A landing page\/destination page looks like this,<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"215\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/landing-page-via-google-ad-link.jpg\" title=\"landing page via google ad link\" alt=\"landing page via google ad link\" class=\"alignnone size-medium wp-image-2961\" srcset=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/landing-page-via-google-ad-link.jpg 600w, https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/landing-page-via-google-ad-link-300x108.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>So it\u2019s quite clear you have to build a landing page that <strong>converts<\/strong>, right?<\/p>\n<p>Certain things you should be clear off before creating a landing page and here is the list.<\/p>\n<ul>\n<li>What is the goal?<\/li>\n<li>Who is your competitor?<\/li>\n<li>Who is your target audience? Or to whom you are building this website?<\/li>\n<li>What is the source of your website landing page visitors?<\/li>\n<\/ul>\n<h2>Steps to create a Landing Page that Convert<\/h2>\n<ul>\n<li><strong>A CLEAR CALL TO ACTION<\/strong>\n<ul class=\"no-bullets\">\n<li>Guiding where they have to click or what they have to perform after landing on a particular web page is very crucial.<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"196\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/call-to-action.jpg\" alt=\"call to action\" title=\"call to action\" class=\"alignnone size-full wp-image-2962\" \/><\/a><\/li>\n<li>Can you just see how clearly the <strong>call to action<\/strong> has been defined?<\/li>\n<li>Sign up, Shop now, subscribe today, are some of the clear, tempting words that push visitors towards <a href=\"https:\/\/en.wikipedia.org\/wiki\/Conversion_funnel\" target=\"_blank\" rel=\"noopener\">conversion funnel<\/a>.<\/li>\n<li>To make visitor take the desired action, the CTA should have,<\/li>\n<ul>\n<li>Visually distinct design.<\/li>\n<li>Words that are simple and easily digestible, and is<\/li>\n<li>Logically placed for optimal engagement.<\/li>\n<\/ul>\n<\/ul>\n<\/li>\n<li><strong>OFFER<\/strong>\n<ul class=\"no-bullets\">\n<li><strong>\u201810% discount on your first purchase\u2019<\/strong><\/li>\n<li>Or when people see something like this, what will be their further action?<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"304\" height=\"61\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/offer-cta-button.jpg\" title=\"offer cta button\" alt=\"offer cta button\" class=\"alignnone size-medium wp-image-2963\" srcset=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/offer-cta-button.jpg 304w, https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/offer-cta-button-300x60.jpg 300w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/li>\n<li>\u2018If you are fishing, you should use bait, tastier the bait better will be your catch.\u2019<\/li>\n<li>Words like complimentary, discount, anything that shows your generosity will keep visitors from getting distracted.<\/li>\n<li>A <strong>landing page<\/strong> is something where you can witness both <strong>conversion rate<\/strong> and <strong>bounce rate<\/strong>; it all depends on elements, how they are designed, the words used and where they are positioned.<\/li>\n<\/ul>\n<\/li>\n<li><strong>FOCUS (KEEP IT VERY NARROW)<\/strong>\n<ul class=\"no-bullets\">\n<li>What does it mean to have a clear focus on a website landing page?<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"145\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/clear-focus-on-landing-page.jpg\" alt=\"clear focus on landing page\" title=\"clear focus on landing page\" class=\"alignnone size-medium wp-image-2964\" srcset=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/clear-focus-on-landing-page.jpg 600w, https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/clear-focus-on-landing-page-300x73.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/li>\n<li>It says you should not offer too many things and give more time for users to make a choice between the options provided. The landing page should be clear, simple, and to-the-point.<\/li>\n<li>People hardly have time to fill-out forms, so the longer your forms are, greater will be the chances of bounce rate.<\/li>\n<li>Keep the fields in lower numbers and enjoy higher <strong>response rate<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>RETAINING IMPORTANT ATTRIBUTES<\/strong>\n<ul class=\"no-bullets\">\n<li>A visitor on the landing page would convert to a customer when he finds that the product is addressing the problem.<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"209\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/important-attributes-on-landing-page.jpg\" title=\"important attributes on landing page\" alt=\"important attributes on landing page\" class=\"alignnone size-medium wp-image-2965\" srcset=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/important-attributes-on-landing-page.jpg 600w, https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/important-attributes-on-landing-page-300x105.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/li>\n<li>In the above illustration, it is being directed that the visitors can use the product for free.<\/li>\n<li>The word \u2018free\u2019 doesn\u2019t always work unless the purpose is defined.<\/li>\n<li>If your mission is to create a <strong>winning landing page<\/strong>, you should clearly start with a <strong>user perspective<\/strong>. What they would gain or how they would benefit from that product and it has been done above.<\/li>\n<li>In simple words, you are defining the purpose of using the product, by defining the pain point, benefit, and its feature.<\/li>\n<\/ul>\n<\/li>\n<li><strong>COMPELLING HEADLINE<\/strong>\n<ul class=\"no-bullets\">\n<li>One of the oldest tricks in the marketing book is to have a solid headline.<\/li>\n<li>Newspapers sell in a shop because the headline catches the eye and make people buy and go through the content.<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"285\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/landing-page-headline-1.jpg\" title=\"landing page headline 1\" alt=\"landing page headline 1\" style=\"width:300px\" class=\"alignleft size-medium wp-image-2966\" srcset=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/landing-page-headline-1.jpg 600w, https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/landing-page-headline-1-300x143.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"139\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/landing-page-headline-2.jpg\" title=\"landing page headline 2\" alt=\"landing page headline 2\" class=\"alignnone size-full wp-image-2968\" \/><\/li>\n<li>Observe both illustrations, do you find any reason not to proceed with the actions that are being asked to perform?<\/li>\n<li>Clearly, a good headline is something that defines<\/li>\n<ul>\n<li>Clarity<\/li>\n<li>Relevance<\/li>\n<li>Empathy<\/li>\n<\/ul>\n<li>In few plain words, you can easily <strong>turn a visitor into your customer<\/strong> but should know how.<\/li>\n<\/ul>\n<\/li>\n<li><strong>PROMISE THE BEST RESOLUTION<\/strong>\n<ul class=\"no-bullets\">\n<li>\u2018Above the fold\u2019, \u2018below the fold\u2019 in <strong>responsive design<\/strong>, such words you would not have heard unless you are a website designer.<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"147\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/visibility-rate-landing-page.jpg\" alt=\"visibility rate landing page\" title=\"visibility rate landing page\" class=\"alignnone size-medium wp-image-2969\" srcset=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/visibility-rate-landing-page.jpg 342w, https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/visibility-rate-landing-page-300x129.jpg 300w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><\/li>\n<li>\u2018<strong>Above the fold<\/strong>\u2019 refers to website content that is visible without user having to scroll, while to access content \u2018<strong>below the fold<\/strong>\u2019, the user needs to scroll.<\/li>\n<li>But how is this related to a website landing page?<\/li>\n<li>Today, websites are accessed across various devices, monitors, tablets, and Smartphones. So it would be more influential if all the important landing page elements are visible above the fold irrespective of the device used.<\/li>\n<\/ul>\n<\/li>\n<li><strong>THE VISUALS<\/strong>\n<ul class=\"no-bullets\">\n<li>Keep it simple, because even Google loves it.<\/li>\n<li>A landing page should look good to perform well. As similar to headlines, images are another crucial part of a landing page. Images have a bigger role in defining <strong>conversion rates<\/strong>. Longer it takes to a webpage takes to load, lesser will be the chances that a user stays on the website.<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"300\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/simple-visual-for-landing-page.jpg\" alt=\"simple visual for landing page\" title=\"simple visual for landing page\" class=\"alignnone size-medium wp-image-2970\" srcset=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/simple-visual-for-landing-page.jpg 600w, https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/simple-visual-for-landing-page-300x150.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/li>\n<li>A landing page is not a homepage, so using extravagant visuals can actually distract the users from moving further into the conversion funnel. So, keep it simple; keep it bare to avoid visual clutter.<\/li>\n<\/ul>\n<\/li>\n<li><strong>SOCIAL PROOF (DON\u2019T FORGET TO ADD THE TRUST SIGNALS)<\/strong>\n<ul class=\"no-bullets\">\n<li>The case studies, testimonials, social sharing buttons, are few to name.<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"183\" src=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/social-share-button-on-landing-page.jpg\" alt=\"social share button on landing page\" title=\"social share button on landing page\" class=\"alignnone size-medium wp-image-2971\" srcset=\"https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/social-share-button-on-landing-page.jpg 638w, https:\/\/www.adroitte.com\/blog\/wp-content\/uploads\/2017\/10\/social-share-button-on-landing-page-300x86.jpg 300w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/li>\n<li>Customer quotes can do magic on conversion rates. It\u2019s similar to word-of-mouth marketing, as people incline greatly towards what others have to say about a product or service. So adding such metrics would greatly press for the attention from the audience.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Landing page, eh, what is that on a website? \u2018A website landing page is page that appears as soon as a user clicks on a particular search engine result link or PPC.\u2019 The purpose of creating a landing page is to narrow the focus of visitors to a particular web page and compel them to&#8230;<\/p>\n","protected":false},"author":2,"featured_media":2960,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[153],"tags":[268,260],"class_list":["post-2959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-good-website-landing-page","tag-landing-pages"],"_links":{"self":[{"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/posts\/2959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/comments?post=2959"}],"version-history":[{"count":10,"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/posts\/2959\/revisions"}],"predecessor-version":[{"id":3173,"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/posts\/2959\/revisions\/3173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/media\/2960"}],"wp:attachment":[{"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/media?parent=2959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/categories?post=2959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.adroitte.com\/blog\/wp-json\/wp\/v2\/tags?post=2959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}