{"id":34728,"date":"2016-03-30T05:05:25","date_gmt":"2016-03-30T12:05:25","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=34728"},"modified":"2024-04-10T23:38:03","modified_gmt":"2024-04-11T06:38:03","slug":"how-to-design-a-landing-page","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page","title":{"rendered":"10 Design Elements Every Landing Page Needs"},"content":{"rendered":"<p>There are certain best practices that have been shown to increase conversion rates on landing pages and leveraging these to your advantage is a great way to hedge your bets and boost your landing pages conversions.\nAlong with these design and content elements, there are some behind the scene SEO related devices and strategies that should be coupled with these best practices. Firstly, consider your URL structure and craft it to be inline with your SEO and landing page goals. Secondly encourage the use of your keywords through your content and especially on the higher level headers. Lastly, write your metadata to support your content, utilizing your tools like alt tags and header metadata.\nLanding pages will tend to have high bounce rates, so be sure to put your best foot forward because you may only get a moment of their attention. Get an advantage by trying to incorporate some or all of the following best practices.\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/03\/10223403\/landingpagetut.jpg.webp\" alt=\"landingpagetut\" width=\"1200\" height=\"3069\" class=\"aligncenter size-full wp-image-34729\">\n<h2><span class=\"ez-toc-section\" id=\"1_Enticing_Headline\"><\/span>1. Enticing Headline<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nThis is your elevator pitch, your chance to capture a viewer&#8217;s attention and encourage them to learn more about your service or product. Take a chance to editorialize your company but avoid being vague, let your viewer know immediately what you do and how your service or product will benefit them.\n    <figure id=\"card-536614-471946396\" class=\"product-card full 1\" data-product-id=\"536614\" data-index=\"0\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"471946396\"><\/figure>\n    \n<\/p><h2><span class=\"ez-toc-section\" id=\"2_Lead_Capturing_Form\"><\/span>2. Lead Capturing Form<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nNot always needed, depending on your landing page&acirc;&euro;&trade;s goals it can be replaced by a number of elements that encourage conversions. For example, in some cases a product shot may be more effective in this valuable, above-the-fold, real estate.\nBe transparent with why you are collecting the user&#8217;s information and what value it will give to them in return. People don&acirc;&euro;&trade;t generally like giving out their information, so if you are not reselling their emails, be sure to reassure their confidence in filling out your form.\nAdditionally, keep this brief and to the point, restrict the amount of fields you require and are asking for here, the less there are the more likely you are to receive submissions.\n<\/p><h2><span class=\"ez-toc-section\" id=\"3_List_of_Benefits\"><\/span>3. List of Benefits<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nPresent a list of benefits that highlight how your product or service will affect your consumer in a positive way. Consider what your Unique Selling Point is and leverage that to encourage engagement on your website. How will your product or service benefit the user better than any other competition?\n    <figure id=\"card-402515-585665637\" class=\"product-card full 1\" data-product-id=\"402515\" data-index=\"2\" data-width=\"full\" data-pin_it=\"1\" data-module=\"Product Embed\" data-block-id=\"585665637\"><\/figure>\n    \n<\/p><h2><span class=\"ez-toc-section\" id=\"4_Distinguished_Buttons\"><\/span>4. Distinguished Buttons<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nUse contrast to boost the attractiveness of your buttons that are intended to get the most attention. It is a big help to always build a hierarchy of elements so that focus remains where you want it too. Determine your most important CTA&acirc;&euro;&trade;s (Call To Action&acirc;&euro;&trade;s) and use purposeful design to boost their attractiveness.\n<\/p><h2><span class=\"ez-toc-section\" id=\"5_Affiliated_Brands\"><\/span>5. Affiliated Brands<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nShowcasing brands that interact and use your products or services will increase the chances of a user engaging with your website by encouraging trust through social proofing. By letting your viewers know that established companies also trust your product or service, they are more likely to feel safe when interacting with your brand.\n<\/p><h2><span class=\"ez-toc-section\" id=\"6_Value_Statements\"><\/span>6. Value Statements<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nValue statements are a good way to further show some of your products and services benefits or features. Keep these a little more visual or interactive and focus key points that divide you from the competition.\n<\/p><h2><span class=\"ez-toc-section\" id=\"7_Testimonials\"><\/span>7. Testimonials<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nA powerful tool for social proofing, use endorsements from your users to boost trust and encourage conversions. Simply said, testimonials communicate the quality of your product or service directly from current users to potential users.\n<\/p><h2><span class=\"ez-toc-section\" id=\"8_Pricing_or_Services_Offered\"><\/span>8. Pricing or Services Offered<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nBe transparent with your pricing and how your services are structured. This can help filter conversions and avoid dead ends leads by qualifying users before they contact you. This may sound a tad counterintuitive but your time is valuable, and you should be putting the most amount of effort into the most valuable leads.\n<\/p><h2><span class=\"ez-toc-section\" id=\"9_Reinforcing_Lead_Capture_CTA\"><\/span>9. Reinforcing Lead Capture CTA<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nDon&acirc;&euro;&trade;t expect someone to scroll back to the top of your page to use the form or submit their information, give them an additional space to do this with another enticing heading.\n<\/p><h2><span class=\"ez-toc-section\" id=\"10_Product_or_Service_Shot\"><\/span>10. Product or Service Shot<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nContinue to be decisive with what content you use, choose images that tell a story and shine a positive light onto your product or service. If you have a quality video, especially if you need to explain a new concept, show this to your users if it&acirc;&euro;&trade;s appropriate for your landing pages goals.\n<\/p><h2><span class=\"ez-toc-section\" id=\"11_Trust_Badges\"><\/span>11. Trust Badges<span class=\"ez-toc-section-end\"><\/span><\/h2><p>\nThese are any badges that lend additional trust to your brand by ensuring your quality and dedication to a particular standard. Examples: BBB (Better Business Bureau), Verisign, payment options like Visa, MasterCard and Paypal, and various online security badges boasting a website&#8217;s transaction security.\n<\/p><hr><p><strong>Products Seen In This Post:<\/strong><\/p><p>    <figure id=\"card-362073-1679803211\" class=\"product-card half no-pinit\" data-product-id=\"362073\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"1679803211\"><\/figure>\n    \n<\/p><hr><a href=\"https:\/\/creativemarketsurvey.wufoo.com\/forms\/write-for-the-creative-market-blog\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/03\/10042124\/getpaidtowrite-banner.jpg.webp\" alt=\"getpaidtowrite-banner\" width=\"680\" height=\"100\" class=\"alignnone size-full wp-image-21358\">\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are certain best practices that have been shown to increase conversion rates on landing pages and leveraging these to your advantage is a great way to hedge your bets and boost your landing pages conversions. Along with these design and content elements, there are some behind the scene SEO related devices and strategies that [&hellip;]<\/p>\n","protected":false},"author":87,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[305,797],"topics":[],"class_list":["post-34728","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-web-design","tag-entrepreneurship"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>10 Design Elements Every Landing Page Needs - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Design Elements Every Landing Page Needs\" \/>\n<meta property=\"og:description\" content=\"There are certain best practices that have been shown to increase conversion rates on landing pages and leveraging these to your advantage is a great way\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-30T12:05:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-11T06:38:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/03\/10223403\/landingpagetut.jpg.webp\" \/>\n<meta name=\"author\" content=\"Marshall Taylor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marshall Taylor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-design-a-landing-page\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-design-a-landing-page\",\"name\":\"10 Design Elements Every Landing Page Needs - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-design-a-landing-page#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-design-a-landing-page#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/03\\\/10223403\\\/landingpagetut.jpg.webp\",\"datePublished\":\"2016-03-30T12:05:25+00:00\",\"dateModified\":\"2024-04-11T06:38:03+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/439ec5c60a6103855f6c9bd98d8a4781\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-design-a-landing-page#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-design-a-landing-page\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-design-a-landing-page#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/03\\\/10223403\\\/landingpagetut.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/03\\\/10223403\\\/landingpagetut.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-design-a-landing-page#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Design Elements Every Landing Page Needs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10 Design Elements Every Landing Page Needs - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page","og_locale":"en_US","og_type":"article","og_title":"10 Design Elements Every Landing Page Needs","og_description":"There are certain best practices that have been shown to increase conversion rates on landing pages and leveraging these to your advantage is a great way","og_url":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2016-03-30T12:05:25+00:00","article_modified_time":"2024-04-11T06:38:03+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/03\/10223403\/landingpagetut.jpg.webp","type":"","width":"","height":""}],"author":"Marshall Taylor","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Marshall Taylor","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page","url":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page","name":"10 Design Elements Every Landing Page Needs - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/03\/10223403\/landingpagetut.jpg.webp","datePublished":"2016-03-30T12:05:25+00:00","dateModified":"2024-04-11T06:38:03+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/439ec5c60a6103855f6c9bd98d8a4781"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/03\/10223403\/landingpagetut.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/03\/10223403\/landingpagetut.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/how-to-design-a-landing-page#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Design Elements Every Landing Page Needs"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/34728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=34728"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/34728\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=34728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=34728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=34728"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=34728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}