{"id":6516,"date":"2019-02-06T15:51:25","date_gmt":"2019-02-06T15:51:25","guid":{"rendered":"https:\/\/www.vexels.com\/blog\/?p=6516"},"modified":"2020-02-12T16:44:00","modified_gmt":"2020-02-12T15:44:00","slug":"7-common-mistakes-with-landing-page-design","status":"publish","type":"post","link":"\/blog\/7-common-mistakes-with-landing-page-design\/","title":{"rendered":"7 Common Mistakes with Landing Page Design"},"content":{"rendered":"

Guest post by Freddie Tubbs<\/span><\/em><\/p>\n

Landing page design<\/a><\/strong> builders are more and more common these days, and although this is a great tool to use, it’s risky to assume no additional design work should go into the page. Whether the landing page is templates based or your own creation, you still need to make design decisions to optimize your landing pages. There are a few common mistakes that are seen regularly; this article will help point these out so you can make sure you’re avoiding them. <\/span><\/p>\n

Cluttered Pages<\/h3>\n

Putting too much information in one spot is also a common mistake that’s easy to avoid. White space is underrated and quite important in calming a user and minimizing the risk of overwhelming them. White space can actually be helpful in getting users to complete a form, as the directions are quite clear.<\/span><\/p>\n

\"Website<\/p>\n

Cluttered layouts are common mistakes that first-time website designers might make as they try to be different and stand out. Instead, keep it simple with only the most important information on your landing page. Terry Hughes, a ux design professional at <\/span>Boomessays<\/span><\/a> and <\/span>Revieweal<\/span><\/a> states that \u201cthere’s no one-size-fits-all approach for layouts but single-column layouts have been found to be very effective in keeping users focused, and also in helping optimize your page for mobile usage.\u201d<\/span><\/p>\n

Call-to-Action Not Obvious<\/b><\/h3>\n

A call-to-action (CTA) is an item on your website that prompts someone to take action. This can be text or an image, such as an eBook download, a purchase, or signing up to something. The CTA is key in getting your customers to your desired outcome. If a CTA is unclear, you won’t get the download or the purchase. Instead, the users will leave the site, which can affect your rank for Google searches. Furthermore, if you have too many CTAs, it can confuse a user and make them just as likely to leave. Landing pages should have a single focus to keep things simple for the consumer. <\/span>
\n<\/span>
\n<\/span>Another common mistake with CTAs is that they can be missable if the design is distracting, or they’re not located in a spot that stands out. Having good CTAs to inspire your customers is vital for every landing page. Helpful tools you can use to create content with a successful CTA are <\/span>Oxessays<\/span><\/a> and <\/span>Study demic<\/span><\/a>. <\/span><\/p>\n

Failure to Optimize Sign-up Forms<\/b><\/h3>\n

The form placement on a landing page is absolutely an essential factor in conversion rates. Forms that are not easy to locate have lower delivery results. Everything on the landing page should be designed to draw the eye first and foremost to the sign-up form. Additionally, it should be located near the top of the page instead of being buried later down. It’s possible to get form optimization tools which provide reports on different form fields and which ones are more problematic for users, as well as options to improve the design of the form.<\/span><\/p>\n

Not Knowing Your Audience<\/b><\/h3>\n

To get a successful landing page design, it’s a good idea to start by defining your target audience and creating the design that is focused on their particular needs. Many pages are unfortunately not geared towards their audience, the customer. They are focused on the business\u2019 message and not the user experience. That’s why you should start by understanding your audience and what they are looking for. <\/span><\/p>\n

Lack of Landing Pages<\/b><\/h3>\n

An extremely common mistake in design is not creating enough landing pages. Every service or product should have its own landing page. As mentioned previously, if there are not enough landing pages it can lead to cluttering since you’re putting everything on one landing page, and your messaging will be vague. Having multiple pages allows you the flexibility to target each one to the right audience. <\/span><\/p>\n

Poor Design Elements<\/b><\/h3>\n

A landing page should be in line with the rest of the brand in terms of design, and when it is inconsistent it can have a negative effect. Phoebe Rogers, who is a design blogger at <\/span>Stateofwriting<\/span><\/a> and <\/span>Resumention<\/span><\/a> says that \u201cif a landing page or mobile representation looks noticeably different from the main business\u2019 website, users may be unsure about the veracity and legitimacy of the content which leads them to look somewhere else.\u201d <\/span><\/p>\n

Here are some good examples of design elements that can bring a lot of value to your landing page:<\/span><\/p>\n

\"ROI<\/p>\n

Source: <\/span>https:\/\/www.vexels.com\/vectors\/preview\/147456\/business-roi-icon-set<\/span><\/a><\/p>\n

\"Marketing<\/p>\n

Source: <\/span>https:\/\/www.vexels.com\/vectors\/preview\/152241\/thin-line-marketing-icon-set<\/span><\/a><\/p>\n

\"Business<\/p>\n

Source: <\/span>https:\/\/www.vexels.com\/vectors\/preview\/152930\/business-icons-vector-graphic-set<\/span><\/a><\/p>\n

Ignoring A\/B Testing<\/b><\/h3>\n

Another common mistake is the failure to run A\/B testing or testing for the wrong things. It’s important to measure how well a landing page does in terms of click-through rates, bounce and conversion rates and how your page design plays into it. However, don’t think you need to test every single detail on the landing page but rather the ones who would have an impact on purchasing decisions. \u00a0<\/span><\/p>\n

By avoiding these common mistakes, you’re well on your way to optimizing your landing pages for the most successful consumer experience!<\/span><\/p>\n

 <\/p>\n

About the author:\u00a0Freddie<\/span>\u00a0Tubbs is a design blogger at\u00a0Ukwritings<\/a>. He regularly takes part in online tech and design events, and contributes posts to\u00a0Australian Reviewer<\/a>\u00a0and\u00a0Essayroo<\/a>blogs.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Guest post by Freddie Tubbs Landing page design builders are more and more common these days, and although this is a great tool to use,…<\/p>\n","protected":false},"author":1,"featured_media":6520,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[837],"tags":[411,680,496,486,529,676,677,65,678,679,483,675,657,681,656,664,672],"class_list":{"0":"post-6516","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-design","8":"tag-aquasixio","9":"tag-clutter","10":"tag-illustrator-tutorials","11":"tag-invitation","12":"tag-job","13":"tag-landing","14":"tag-landing-page","15":"tag-magic","16":"tag-page","17":"tag-pages","18":"tag-tutorial","19":"tag-ui","20":"tag-user-experience","21":"tag-user-interface","22":"tag-ux","23":"tag-web-design","24":"tag-website-design"},"acf":[],"yoast_head":"\n7 Common Mistakes with Landing Page Design - Vexels 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:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Common Mistakes with Landing Page Design - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"Guest post by Freddie Tubbs Landing page design builders are more and more common these days, and although this is a great tool to use,...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-06T15:51:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-12T15:44:00+00:00\" \/>\n<meta property=\"og:image\" content=\"\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vexels\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vexels\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 Common Mistakes with Landing Page Design - Vexels 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:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/","og_locale":"en_US","og_type":"article","og_title":"7 Common Mistakes with Landing Page Design - Vexels Blog","og_description":"Guest post by Freddie Tubbs Landing page design builders are more and more common these days, and although this is a great tool to use,...","og_url":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/","og_site_name":"Vexels Blog","article_published_time":"2019-02-06T15:51:25+00:00","article_modified_time":"2020-02-12T15:44:00+00:00","og_image":[{"width":2048,"height":1360,"url":":\/blog\/wp-content\/uploads\/2019\/02\/william-iven-19843-unsplash.jpg","type":"image\/jpeg"}],"author":"Vexels","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vexels","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/#article","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/"},"author":{"name":"Vexels","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3"},"headline":"7 Common Mistakes with Landing Page Design","datePublished":"2019-02-06T15:51:25+00:00","dateModified":"2020-02-12T15:44:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/"},"wordCount":890,"image":{"@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/02\/william-iven-19843-unsplash.jpg","keywords":["Aquasixio","clutter","Illustrator Tutorials","invitation","job","landing","landing page","magic","page","pages","Tutorial","ui","user experience","user interface","ux","web design","website design"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/","url":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/","name":"7 Common Mistakes with Landing Page Design - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/#primaryimage"},"image":{"@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/02\/william-iven-19843-unsplash.jpg","datePublished":"2019-02-06T15:51:25+00:00","dateModified":"2020-02-12T15:44:00+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3"},"breadcrumb":{"@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2019\/02\/william-iven-19843-unsplash.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2019\/02\/william-iven-19843-unsplash.jpg","width":2048,"height":1360,"caption":"Website Design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vexels.com\/blog\/7-common-mistakes-with-landing-page-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"7 Common Mistakes with Landing Page Design"}]},{"@type":"WebSite","@id":"https:\/\/www.vexels.com\/blog\/#website","url":"https:\/\/www.vexels.com\/blog\/","name":"Vexels Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vexels.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3","name":"Vexels","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","caption":"Vexels"},"url":"\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/6516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=6516"}],"version-history":[{"count":2,"href":"\/blog\/wp-json\/wp\/v2\/posts\/6516\/revisions"}],"predecessor-version":[{"id":10327,"href":"\/blog\/wp-json\/wp\/v2\/posts\/6516\/revisions\/10327"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/media\/6520"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=6516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=6516"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=6516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}