{"id":1030,"date":"2016-01-14T14:02:27","date_gmt":"2016-01-14T14:02:27","guid":{"rendered":"http:\/\/www.capitalnumbers.com\/blog\/?p=1030"},"modified":"2025-08-11T12:07:09","modified_gmt":"2025-08-11T12:07:09","slug":"landing-page-elements","status":"publish","type":"post","link":"https:\/\/www.capitalnumbers.com\/blog\/landing-page-elements\/","title":{"rendered":"10 Elements for a Landing Page That Converts"},"content":{"rendered":"<p><!--<a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/Capital-Numbers_Landing-Page_Blog.jpg\"><img class=\"aligncenter  wp-image-1031\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/Capital-Numbers_Landing-Page_Blog.jpg\" alt=\"Capital Numbers_Landing Page_Blog\" width=\"830\" height=\"415\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/Capital-Numbers_Landing-Page_Blog.jpg 1000w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/Capital-Numbers_Landing-Page_Blog-300x150.jpg 300w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/Capital-Numbers_Landing-Page_Blog-768x384.jpg 768w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/a>--><\/p>\n<p>A landing page is the first digital experience that a user has with the brand. And considering the two types of landing pages \u2013 Click-Through Landing Page &amp; Lead-Gen Landing Page \u2013 it is of paramount importance that there is a definitive closure to a user journey on the page. And how does one define the closure of a user journey? Simple; by just measuring the conversion!<\/p>\n<p>Here is a list of 10 elements that are essential to a landing page if conversion is the key objective.<\/p>\n<p>#1 \u2013 Buyer Persona \u2013 2 words you should hold very close to your heart!<\/p>\n<p>Create the page keeping the Buyer Persona in mind \u2013 now wait, what is Buyer Persona you ask? They are the group you would like to reach through your marketing activities.<\/p>\n<p>As per the <a href=\"http:\/\/www.buyerpersona.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Buyer Persona Manifesto<\/a>, a brand should know whom they are talking (not selling) to. With Buyer Persona in mind, you would be knowing who you are selling to, their micro-moments, their perception barriers and their problems. And once you know the problem(s), it is easy to convert the audience by offering apt solution(s).<\/p>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample6.jpg\"><img class=\"aligncenter  wp-image-1033\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample6.jpg\" alt=\"CN-LP-Sample6\" width=\"829\" height=\"733\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample6.jpg 2000w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample6-300x266.jpg 300w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample6-768x680.jpg 768w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample6-1024x906.jpg 1024w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/a><\/p>\n<p>#2 \u2013 Above the Fold<\/p>\n<p>A cue from the traditional newspapers, it is equally important thus to have a super\/b above-the-fold content when it comes to landing pages. The important elements have to be present in the most visible format so that the user will read it definitely before scrolling her \/ his way down.<\/p>\n<p>What should ideally be a part of the ATF content?<\/p>\n<ol>\n<li>Value proposition \u2013 how this site will benefit the reader<\/li>\n<li>Visuals \u2013 to support the value proposition claim(s)<\/li>\n<li>CTA \u2013 what is the intended closure that the site expects from the user?<\/li>\n<\/ol>\n<p>However, do not ignore the page load speed.<\/p>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample9.jpg\"><img class=\"aligncenter  wp-image-1034\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample9.jpg\" alt=\"CN-LP-Sample9\" width=\"827\" height=\"1957\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample9.jpg 1500w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample9-127x300.jpg 127w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample9-768x1818.jpg 768w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample9-433x1024.jpg 433w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/a><\/p>\n<p>#3 \u2013 Testimonials<\/p>\n<p>Credibility is a must these days, when one is about to explore the domains of a digital journey. And what best than having a few strong testimonials right at the start? A user should be assured right at the beginning on her \/ his probable association with the brand \u2013 and only an existing \/ past satisfied user can bring that in, in the form of a testimonial.<\/p>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample1.jpg\"><img class=\"aligncenter size-full wp-image-1035\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample1.jpg\" alt=\"CN-LP-Sample1\" width=\"422\" height=\"1024\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample1.jpg 422w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample1-124x300.jpg 124w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/a><\/p>\n<p>#4 \u2013 Social proof<\/p>\n<p>Taking cue from the above point, social proofs are a great way to convert a random visitor to a brand-loyal. Here\u2019s how (apart from the testimonial trick) \u2013<\/p>\n<ol>\n<li>Case studies are a must. Nothing works like success stories do.<\/li>\n<li>Social share buttons embedded at some area of the landing page.<\/li>\n<li>Share the positive enthusiasm that the users have around the brand, on social media. Monitor the social media accounts, look out for appreciations and share them for the world to see.<\/li>\n<li>Trust seals are a great way a user can be assured.<\/li>\n<li>Last, linking the privacy policy somewhere will definitely assure the user that the data collected will not be used for commercial purposes by the organization.<\/li>\n<\/ol>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample8.jpg\"><img class=\"aligncenter  wp-image-1037\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample8.jpg\" alt=\"CN-LP-Sample8\" width=\"831\" height=\"1723\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample8.jpg 1360w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample8-145x300.jpg 145w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample8-768x1593.jpg 768w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample8-494x1024.jpg 494w\" sizes=\"(max-width: 831px) 100vw, 831px\" \/><\/a><\/p>\n<p>#5 \u2013 Navigation<\/p>\n<p>Directional cues, arrows, pointers, anything that assists the user helps her \/ him go all the way<\/p>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample4.jpg\"><img class=\"aligncenter  wp-image-1038\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample4.jpg\" alt=\"CN-LP-Sample4\" width=\"830\" height=\"1452\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample4-172x300.jpg 172w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample4-586x1024.jpg 586w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/a><br \/>\n#6 \u2013 Images (good quality)<\/p>\n<p>A picture speaks a thousand words. Period! Good images will always rule the landing page, any day. Invest in good photographer(s), allocate a specific budget for shoots, and see how conversion grows.<\/p>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample2.jpg\"><img class=\"aligncenter  wp-image-1039\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample2.jpg\" alt=\"CN-LP-Sample2\" width=\"829\" height=\"779\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample2.jpg 1800w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample2-300x282.jpg 300w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample2-768x721.jpg 768w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample2-1024x961.jpg 1024w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/a><\/p>\n<p>#7 \u2013 Copy<\/p>\n<p>And this is another sure-fire way to grab the attention of the user, backed by captivating visuals. Killer headlines will definitely work \u2013 also, since the page will be aligned to specific Brand Persona, it is always advisable to have copy \/ content that is in sync with the Brand Persona.<\/p>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample3.jpg\"><img class=\"aligncenter  wp-image-1040\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample3.jpg\" alt=\"CN-LP-Sample3\" width=\"824\" height=\"1262\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample3.jpg 1600w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample3-196x300.jpg 196w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample3-768x1176.jpg 768w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample3-669x1024.jpg 669w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/a><\/p>\n<p>#8 \u2013 Shorter landing pages<\/p>\n<p>We all try and achieve this; most of us fail. However, it is always a goal to have a landing page where there is no below-the-fold content. Results show that shorter landing pages perform better compared to the longer versions.<\/p>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample5.jpg\"><img class=\"aligncenter  wp-image-1041\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample5.jpg\" alt=\"CN-LP-Sample5\" width=\"827\" height=\"814\" \/><\/a><\/p>\n<p>#9 \u2013 Fitt\u2019s Law and the CTA button<\/p>\n<p>Before you freak out, Fitt\u2019s Law is where the visual hierarchy of the landing page becomes very important. As per this law, related items should be placed together in a clutter format within the page. The more scattered related items, the more time and effort the user will have to take to find and interact with these items.<\/p>\n<p>Thus, as a corollary to this law, a CTA button will have to be provided with the most important position in the visual hierarchy; else the conversion will take a considerable hit.<\/p>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample10.jpg\"><img class=\"aligncenter  wp-image-1042\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample10.jpg\" alt=\"CN-LP-Sample10\" width=\"822\" height=\"816\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample10.jpg 1100w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample10-150x150.jpg 150w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample10-300x298.jpg 300w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample10-768x763.jpg 768w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample10-1024x1017.jpg 1024w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample10-100x100.jpg 100w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/><\/a><\/p>\n<p>#10 \u2013 Utilize the whitespace<\/p>\n<p>Last, it is a common thought that too much space is being wasted if there is a visible whitespace on screen.\u00a0 Please note, whitespace is the fundamental building block of good design. Here\u2019s why:<\/p>\n<ol>\n<li>Whitespace increases content readability and legibility from a user\u2019s POV.<\/li>\n<li>With increased content visibility, user has more interaction with the site \/ page \/ content.<\/li>\n<li>CTAs can be better highlighted with a strong whitespace in action.<\/li>\n<li>Whitespaces act as separators. After all, to us what is a fold may not stand true for a user.<\/li>\n<\/ol>\n<p><a href=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample7.jpg\"><img class=\"aligncenter size-full wp-image-1043\" src=\"http:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample7.jpg\" alt=\"CN-LP-Sample7\" width=\"499\" height=\"1024\" srcset=\"https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample7.jpg 499w, https:\/\/www.capitalnumbers.com\/blog\/wp-content\/uploads\/2016\/01\/CN-LP-Sample7-146x300.jpg 146w\" sizes=\"(max-width: 499px) 100vw, 499px\" \/><\/a><\/p>\n<p>At Capital Numbers, we are always conversion-focussed. These references have been taken right from our daily experiences. Hope you have enjoyed them.<\/p>\n<p>Do you have anything more to add to this list? Do let us know by commenting below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A landing page is the first digital experience that a user has with the brand. And considering the two types of landing pages \u2013 Click-Through Landing Page &amp; Lead-Gen Landing Page \u2013 it is of paramount importance that there is a definitive closure to a user journey on the page. And how does one define &#8230;<\/p>\n","protected":false},"author":12,"featured_media":1031,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[1581,743],"tags":[850,865,884,909,913,914,916,1040,1098,1254,1372,1380,1382,1385],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/posts\/1030"}],"collection":[{"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/comments?post=1030"}],"version-history":[{"count":7,"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/posts\/1030\/revisions"}],"predecessor-version":[{"id":17387,"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/posts\/1030\/revisions\/17387"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/media\/1031"}],"wp:attachment":[{"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/media?parent=1030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/categories?post=1030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.capitalnumbers.com\/blog\/wp-json\/wp\/v2\/tags?post=1030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}