{"id":6747,"date":"2015-06-22T15:31:45","date_gmt":"2015-06-22T22:31:45","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=6747"},"modified":"2026-05-08T00:49:10","modified_gmt":"2026-05-08T07:49:10","slug":"4-best-practices-unforgettable-landing-page-ux","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/","title":{"rendered":"4 Best Practices for Unforgettable Landing Page UX"},"content":{"rendered":"<p>As described in the free e-book <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\">Web Design for the Human Eye<\/a>, landing pages are essentially your &#8216;shop window&#8217; and you have one chance to impress the user. Do this, and it&#8217;s likely that they will go on to browse the rest of the site, perhaps even making a purchase and reading through your carefully crafted content along the way.<\/p>\n<p>In this post, we&#8217;ll deconstruct a few visual examples and explain UX best practices for every landing page.<\/p>\n<p><!--more--><\/p>\n<p>When considering the design of the page, there&#8217;s no doubt a lot to think about.<\/p>\n<p>The amount of content, your headlines, images, forms and that all-important call-to-action. Your first step should be to fully understand what the aim of the page will be. It&#8217;s almost always the case that some kind of sales objective will be the focus of the page, so what&#8217;s the best approach to designing with that in mind?<\/p>\n<h2><b>#1: Become the User<\/b><\/h2>\n<p>The first thing to do when thinking about your landing page is to put yourself firmly in the shoes of the visitor.<\/p>\n<p>Ask yourself:<\/p>\n<ul>\n<li>What information needs to be present to quickly and effectively convey the key message?<\/li>\n<\/ul>\n<ul>\n<li>How can you immediately  communicate the product or service to the user?<\/li>\n<\/ul>\n<ul>\n<li>What are the key questions in the user&#8217;s mind?<\/li>\n<\/ul>\n<ul>\n<li><i>Who <\/i>is the user?<\/li>\n<\/ul>\n<p>By firstly understanding who the user is based on the <a href=\"http:\/\/www.forbes.com\/sites\/theyec\/2014\/10\/28\/how-to-develop-your-buyer-persona-and-reel-in-better-customers\/\">buyer personas<\/a> that have (hopefully) been developed by your marketing team, you can gain a better understanding of how they might arrive at the page and what they, as a group, prefer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6750\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image101-1024x768.jpg\" alt=\"image10\" width=\"640\" height=\"480\" \/><\/p>\n<p><i>Photo Credit: &#8220;Sketchy Empathy Map Template&#8221;. <\/i><a href=\"https:\/\/www.flickr.com\/photos\/zak\/7384334652\/\"><i>Zak Greant<\/i><\/a>. <a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\"><i>Creative Commons 2.0<\/i><\/a><i>.<\/i><\/p>\n<p>You can also use <a href=\"http:\/\/www.google.com\/analytics\/\">Google Analytics<\/a> or <a href=\"https:\/\/www.kissmetrics.com\/\">KISSMetrics<\/a> to gain a further understanding of user profiles and behavior. <a href=\"http:\/\/www.smashingmagazine.com\/2014\/07\/11\/roadmap-to-becoming-an-a-b-testing-expert\/\">A\/B testing<\/a>  will help you further understand them and craft a page that gets results, but we&#8217;ll get to that a little later on.<\/p>\n<h2><b>#2: Borrow from Other Disciplines<\/b><\/h2>\n<p><a href=\"http:\/\/www.quicksprout.com\/the-definitive-guide-to-growth-hacking\/\">Growth hacking<\/a> is a term that encompasses several disciplines to successfully grow a business at scale. It&#8217;s seen a <a href=\"http:\/\/www.appvirality.com\/blog\/top-10-popular-growth-hacks-of-all-time\/\">lot of movement<\/a> in the past few years, even becoming a buzzword of sorts (especially for anyone in Silicon Valley).<\/p>\n<p>In this context, we&#8217;ll look at Dropbox to see how they applied a few growth hacks to acquire an astronomical number of users in an unbelievably short amount of time.<\/p>\n<p>Dropbox began using AdWords to market its services but soon found that this was very expensive and <a href=\"http:\/\/venturebeat.com\/2010\/10\/27\/dropbox-drew-houston-adwords\/\">provided little return<\/a>. The page below is an older one from when the service launched and which illustrates very well how the simplest of landing pages can be the most effective.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6751\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image001.jpg\" alt=\"image00\" width=\"652\" height=\"421\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/www.dropbox.com\/\"><i>Dropbox<\/i><\/a><i> (annotated from original).<\/i><\/p>\n<p>Taking a look at the above, we can see that the page was specifically designed to encourage signups and downloads.<\/p>\n<ul>\n<li><b>Title <\/b>\u2013 conveys very simply and effectively what the product does and how it&#8217;s useful to the user.<\/li>\n<\/ul>\n<ul>\n<li><b>Sub-header <\/b>\u2013 encourages the user to delve further if they&#8217;re still not convinced that this is the product for them.<\/li>\n<\/ul>\n<ul>\n<li><b>Header 3 <\/b>\u2013 gives the answer to the immediate question of compatibility that would be on the mind of many users.<\/li>\n<\/ul>\n<ul>\n<li><b>Header 4 <\/b>\u2013 contact information for feedback, press and investors for further promotion and to collect user-reported errors\/bugs.<\/li>\n<\/ul>\n<ul>\n<li><b>CTA x 2 <\/b>\u2013 further calls-to-action allow users to either dive straight in and download Dropbox or gain further information.<\/li>\n<\/ul>\n<p>When a user lands on this page, it&#8217;s immediately obvious what&#8217;s required of them. The page was specifically constructed to attract signups and that&#8217;s exactly what it did. A year after the service launched, Dropbox also created a second video for Digg which gained the company <a href=\"http:\/\/techcrunch.com\/2011\/11\/01\/founder-storie-how-dropbox-got-its-first-10-million-users\/\">70,000 new users overnight.<\/a><\/p>\n<p>If we take a look at the latest version of the page, we can see that not much has changed \u2013 why mess with something that works?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6752\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image09-1024x643.jpg\" alt=\"image09\" width=\"640\" height=\"401\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/www.dropbox.com\/\"><i>Dropbox<\/i><\/a><i> (annotated from original).<\/i><\/p>\n<p>The top CTAs draw attention to the fact that there&#8217;s a version which is suitable for the business. The imagery, while simple, effectively conveys that the software is compatible with any device. The most prominent CTA though \u2013 the signup button \u2013 tells us that Dropbox is still focused on gathering new users.<\/p>\n<p>Once you delve a little deeper and sign up for the service, the process is again simple with not too many form fields to complete. Just like we described in the free e-book <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/interaction-design-best-practices-intangibles\/\">Interaction Design Best Practices<\/a>, the user input process feels more effortless because the design dangles a clear incentive in front of you: if you finish your registration and invite other users, you&#8217;ll get more storage space.<\/p>\n<p>In the Dropbox landing page, everything above the fold invites users to sign up through the use of strong, clear CTAs, simple language and imagery.<\/p>\n<p>The most important thing to take away from Dropbox is that <b><i>the user must know what is expected of them by the use of clear signifiers, language and imagery.<\/i><\/b><\/p>\n<ul>\n<li>Type size should be large enough so that users can read it quickly. We&#8217;d recommend your call-to-action type size is at least 25% larger than body copy, with appropriate <a href=\"http:\/\/bokardo.com\/archives\/writing-microcopy\/\">microcopy<\/a> as needed to reassure users (Jared Spool actually helped one company <a href=\"http:\/\/www.uie.com\/articles\/three_hund_million_button\/\">earn $300 million<\/a> more through smart microcopy).<\/li>\n<\/ul>\n<ul>\n<li>Less is more: try to limit your H1 headlines to less than six words.<\/li>\n<\/ul>\n<ul>\n<li>Sub-headers (H2, H3) should be used when it&#8217;s necessary to give more information<\/li>\n<\/ul>\n<ul>\n<li>Speak to benefits rather than features.<\/li>\n<\/ul>\n<ul>\n<li>Choose relevant images and <a href=\"http:\/\/conversionxl.com\/how-images-can-boost-your-conversion-rate\/\">optimize them<\/a>.<\/li>\n<\/ul>\n<ul>\n<li>CTAs should clearly direct the user into taking the desired action.<\/li>\n<\/ul>\n<p>If you need to provide a lot of information on the page, you should save this for beneath the fold and present it in snippets of text, rather than large unbroken paragraphs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6753\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image043-1024x572.png\" alt=\"image04\" width=\"640\" height=\"357\" \/><\/p>\n<p><em>Photo credit: <a href=\"https:\/\/www.uxpin.com\">UXPin<\/a><\/em><\/p>\n<p>Performance-wise, you want the landing page to be as lightweight as possible and to be mobile-friendly. In fact, as KISSMetrics reports, slow load time dramatically reduces conversions since nearly half of all web users <a href=\"https:\/\/blog.kissmetrics.com\/speed-is-a-killer\/\">expect sites to load in 2 seconds or less<\/a>.<\/p>\n<p>In days gone by, we were told that it was best to use one CTA on a landing page. As you can see in the above examples, Dropbox use several. This is fine as long as you craft each element carefully and it <b><i>has a clear reason for being there.<\/i><\/b><\/p>\n<h2><b>#3: Create Trust Through Transparency<\/b><\/h2>\n<p>As stated in the free e-book <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\">Web UI Design for the Human Eye<\/a>, a landing page should immediately start building trust with the user.<\/p>\n<p>With this in mind, your landing page should try to include the following elements.<\/p>\n<ul>\n<li><b>Social proof <\/b>\u2013 Now is not the time to be humble or shy. If you have a good social following (or prominent customers) then brag about it by name-dropping and listing the number of users (if they&#8217;re impressive).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6754 size-medium\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image02-600x182.png\" alt=\"image02\" width=\"600\" height=\"182\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"https:\/\/www.dropbox.com\/\"><i>Dropbox<\/i><\/a><i> <\/i><\/p>\n<ul>\n<li><b>Privacy <\/b>\u2013 Always a concern for users, so ensure that you include a link to the privacy policy in the footer \u2013 it doesn&#8217;t have to be prominent. You could just as easily include microcopy reassuring users that their data is safe (which is what we also do).<\/li>\n<\/ul>\n<p><em>Photo credit: <a href=\"https:\/\/www.uxpin.com\">UXPin<\/a><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6755\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image08.png\" alt=\"image08\" width=\"277\" height=\"81\" \/><\/p>\n<ul>\n<li><b>Contact information <\/b>\u2013 Either place this in the footer or provide a clear link.<\/li>\n<li><b>Testimonials and case study links <\/b>\u2013 Always useful for some businesses to improve trust, especially when paired with plenty of images of the person or companies involved. These are especially powerful when used in conjunction with social proof indicators (like logos of companies who use your product).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6756\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image011-1024x812.png\" alt=\"image01\" width=\"640\" height=\"507\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"http:\/\/www.webdam.com\/how-to-select-a-DAM\/\"><i>Webdam<\/i><\/a><i> via <\/i><a href=\"http:\/\/blog.hubspot.com\/marketing\/landing-page-examples-list\"><i>Hubspot<\/i><\/a><\/p>\n<p>As a broader note, make sure your copywriter and designer work closely together to ensure that all content on the page (written and visual) is as clear as possible with no factual inaccuracies or potential for misinterpretation.<\/p>\n<h2><b>#4: Create Forms Based on Audience<\/b><\/h2>\n<p>On a landing page, a form should ask for only information that&#8217;s relevant.<\/p>\n<p>If the <a href=\"http:\/\/blog.hubspot.com\/blog\/tabid\/6307\/bid\/32079\/How-Long-Should-Your-Landing-Page-Forms-Be.aspx\">value of filling in the form<\/a> exceeds the inconvenience of doing so, then the user will always proceed.<\/p>\n<p>Consider the following:<\/p>\n<ul>\n<li><b>Is there an offer that can be redeemed by filling in the form? <\/b>Never underestimate the power of the carrot in form design.<\/li>\n<\/ul>\n<ul>\n<li><b>What kind of information are you asking for? <\/b>Often, a visitor is turned off by the insistence that they have to enter their phone number, for example.<\/li>\n<\/ul>\n<ul>\n<li><b>How trusted is the site? <\/b>If the site has been around for a while and is credible, then the user is more likely to input more information. Again, this is why you should always try and include testimonials, social proof, and case study links.<\/li>\n<\/ul>\n<p>As always, design the right form for the right user. If the target audience is in the younger age bracket, then they may be filling in the form on a smartphone and will become frustrated by too many fields. For mobile users, try to limit your form fields to 2-3.<\/p>\n<p>Try to <a href=\"https:\/\/www.loginradius.com\/blog\/2018\/11\/reconsidering-social-login-security-privacy-angle\/\">use social logins<\/a> as well. Not only can they provide social proof as they often display the number of followers for each connectable network, but they provide a quick and easy way to avoid having the user input a lot of information.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6758\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-22-at-3.26.59-PM.png\" alt=\"Screen Shot 2015-06-22 at 3.26.59 PM\" width=\"608\" height=\"349\" \/><\/p>\n<p><i>Photo credit: <\/i><a href=\"http:\/\/www.stumbleupon.com\"><i>StumbleUpon<\/i><\/a><\/p>\n<p>If, however, you know your user input process requires multiple steps (like for e-commerce, airline sites, car rentals, etc.), chunk out the steps and include a <a href=\"http:\/\/ui-patterns.com\/patterns\/CompletenessMeter\">completeness meter<\/a> to incentivize users.<\/p>\n<p>To learn more about form design, we highly recommend this <a href=\"http:\/\/www.smashingmagazine.com\/web-form-design-showcases-and-solutions\/\">hand-picked list of 15 resources from Smashing Magazine<\/a>. If you&#8217;d like to see visual examples (with analysis) of some of the best form designs we&#8217;ve come across, check out our free e-books <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/web-design-patterns\/\">Web UI Patterns<\/a> and <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-design-patterns\/\">Mobile UI Patterns<\/a>.<\/p>\n<h2><b>Creating Landing Pages that Work<\/b><\/h2>\n<p>When it comes to an enjoyable and valuable landing page experience, simplicity is key. Know your users and their preferred device (verify with site analytics), then design accordingly.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6759\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image032-1024x621.png\" alt=\"image03\" width=\"640\" height=\"388\" \/><\/p>\n<p>Photo credit: <a href=\"https:\/\/www.kissmetrics.com\/\">KISSMetrics<\/a><\/p>\n<p>We strongly recommend that you A\/B test your landing page designs. You should only test one (two at a push) element at a time for best results, ensure that you have a good-sized sample, and allow the test to fully run its course. Many <a href=\"http:\/\/www.sitepoint.com\/winning-ab-test-results-misleading\/\">A\/B tests return false results<\/a> purely because they aren&#8217;t set up correctly or because the designer\/marketer jumps to premature conclusions.<\/p>\n<p>The UX of landing pages is an art which relies on understanding the user and their needs. This understanding allows you to create design elements and copy that really speak to the user and immediately convey what&#8217;s in it for them. For B2B sales teams, tools like <a href=\"https:\/\/www.sendspark.com\" target=\"_blank\" rel=\"noopener noreferrer\">Sendspark<\/a>, an AI-powered video personalization platform, can help create highly engaging landing page experiences through personalized video content that drives higher conversion rates.<\/p>\n<p>For more tips on designing web pages that create the right first impression on users, check out the free e-book <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\">Web UI Design for the Human Eye<\/a>. We&#8217;ve included visual case studies from 33 companies including Google, Twitter, Medium, Intercom, Bose, and others.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6760\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image07.png\" alt=\"image07\" width=\"640\" height=\"320\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Get quick advice on making the strongest first impression on users. See how good UX = solid conversions.<\/p>\n","protected":false},"author":9,"featured_media":6749,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,6,7],"tags":[],"class_list":["post-6747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-ux-design","category-web-design"],"yoast_title":"4 Best Practices for Unforgettable Landing Page UX | UXPin","yoast_metadesc":"Get quick advice on making the strongest first impression on users. See how good UX = solid conversions.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>4 Best Practices for Unforgettable Landing Page UX | UXPin<\/title>\n<meta name=\"description\" content=\"Get quick advice on making the strongest first impression on users. See how good UX = solid conversions.\" \/>\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.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4 Best Practices for Unforgettable Landing Page UX\" \/>\n<meta property=\"og:description\" content=\"Get quick advice on making the strongest first impression on users. See how good UX = solid conversions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-22T22:31:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T07:49:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image052.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1889\" \/>\n\t<meta property=\"og:image:height\" content=\"1060\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"4 Best Practices for Unforgettable Landing Page UX\",\"datePublished\":\"2015-06-22T22:31:45+00:00\",\"dateModified\":\"2026-05-08T07:49:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/\"},\"wordCount\":1818,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/image052.png\",\"articleSection\":[\"Blog\",\"UI Design\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/\",\"name\":\"4 Best Practices for Unforgettable Landing Page UX | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/image052.png\",\"datePublished\":\"2015-06-22T22:31:45+00:00\",\"dateModified\":\"2026-05-08T07:49:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Get quick advice on making the strongest first impression on users. See how good UX = solid conversions.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/image052.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/image052.png\",\"width\":1889,\"height\":1060,\"caption\":\"image052\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/4-best-practices-unforgettable-landing-page-ux\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"4 Best Practices for Unforgettable Landing Page UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"4 Best Practices for Unforgettable Landing Page UX | UXPin","description":"Get quick advice on making the strongest first impression on users. See how good UX = solid conversions.","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.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/","og_locale":"en_US","og_type":"article","og_title":"4 Best Practices for Unforgettable Landing Page UX","og_description":"Get quick advice on making the strongest first impression on users. See how good UX = solid conversions.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/","og_site_name":"Studio by UXPin","article_published_time":"2015-06-22T22:31:45+00:00","article_modified_time":"2026-05-08T07:49:10+00:00","og_image":[{"width":1889,"height":1060,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image052.png","type":"image\/png"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"4 Best Practices for Unforgettable Landing Page UX","datePublished":"2015-06-22T22:31:45+00:00","dateModified":"2026-05-08T07:49:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/"},"wordCount":1818,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image052.png","articleSection":["Blog","UI Design","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/","name":"4 Best Practices for Unforgettable Landing Page UX | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image052.png","datePublished":"2015-06-22T22:31:45+00:00","dateModified":"2026-05-08T07:49:10+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Get quick advice on making the strongest first impression on users. See how good UX = solid conversions.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image052.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/image052.png","width":1889,"height":1060,"caption":"image052"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/4-best-practices-unforgettable-landing-page-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"4 Best Practices for Unforgettable Landing Page UX"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=6747"}],"version-history":[{"count":2,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6747\/revisions"}],"predecessor-version":[{"id":59068,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6747\/revisions\/59068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/6749"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=6747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=6747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=6747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}