{"id":41714,"date":"2018-10-01T19:36:56","date_gmt":"2018-10-01T19:36:56","guid":{"rendered":"https:\/\/crazyeggblog.wpengine.com\/?p=41714"},"modified":"2026-01-06T15:14:40","modified_gmt":"2026-01-06T23:14:40","slug":"landing-page-design","status":"publish","type":"post","link":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/","title":{"rendered":"23 Effective Landing Page Design Examples That Convert"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignnone wp-image-41736\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20.jpg\" alt=\"landing-page-design-introduction\" width=\"827\" height=\"552\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20.jpg 1999w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20-300x200.jpg 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20-768x513.jpg 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20-1024x684.jpg 1024w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/p>\n<p><i>Neil Patel co-founded Crazy Egg in 2005. 300,000 websites use Crazy Egg to understand what\u2019s working on their website (with features like <a href=\"https:\/\/www.crazyegg.com\/snapshots\">Heatmaps, Scrollmaps, Referral Maps<\/a>, and <a href=\"https:\/\/www.crazyegg.com\/recordings\">User Recordings<\/a>), fix what isn\u2019t (with a WYSIWYG Editor), and test new ideas (with a robust <a href=\"https:\/\/www.crazyegg.com\/ab-testing\">A\/B Testing tool<\/a>).<\/i><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re looking for landing page design inspiration, I have you covered with today\u2019s post. I\u2019m going to show you 23 landing page design examples that <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/traffic-and-conversions\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">convert<\/span><\/a><span style=\"font-weight: 400;\">, then show you how to design one yourself.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Why should you build a <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/30-landing-page-examples-to-steal-from\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">landing page<\/span><\/a><span style=\"font-weight: 400;\"> \u2014 or lots of landing pages? Because they\u2019re among the most powerful conversion tools in your back pocket. You can create a landing page for every referral source.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For instance, the landing page for people who click over from <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/twitter-exposure\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Twitter<\/span><\/a><span style=\"font-weight: 400;\"> might look different from the one for people who\u2019ve read your guest post on another blog.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We\u2019ll look at some landing page design examples that show you just how powerful they can be.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">23 Landing Page Design Examples You&#8217;ll Want to Steal in 2018<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Before I jump into my list of landing page design examples, understand that the term \u201clanding page\u201d has become much broader than it was, say, five years ago. For many businesses, homepages serve as landing pages.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This isn\u2019t necessarily required, but you have to admit that many people find your business by selecting your <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/homepage-design\/\"><span style=\"font-weight: 400;\">homepage<\/span><\/a><span style=\"font-weight: 400;\"> from Search Engine Results Pages (SERPs). In that case, you\u2019ll want a firm goal so you know where to direct your visitors.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re a complete beginner, check out the video I made about creating landing pages that convert. It\u2019s a quick watch that outlines my process when working on my own companies or with clients.<\/span><\/p>\n<div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe title=\"How to Make a Beautiful Landing Page That Converts | 5 Tips for Optimizing Your Website (2023)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/HJUm-MwLJMg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<p><span style=\"font-weight: 400;\">Let\u2019s dig in.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. Moz Pro<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41735\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120137\/landing-page-design-19.png\" alt=\"landing-page-design-moz-pro\" width=\"851\" height=\"381\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120137\/landing-page-design-19.png 1209w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120137\/landing-page-design-19-300x134.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120137\/landing-page-design-19-768x344.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120137\/landing-page-design-19-1024x458.png 1024w\" sizes=\"(max-width: 851px) 100vw, 851px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">I like the <a href=\"https:\/\/moz.com\/products\/pro\" target=\"_blank\" rel=\"noopener\">Moz Pro<\/a> landing page because it quickly states the product\u2019s USP. Customers can expect higher rankings, quality traffic, and measurable results. Then you have the call-to-action \u2014 Start my free trial \u2014 echoed in the navigation bar and on the hero image in the same bright color.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Twago Enterprise<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41730\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120120\/landing-page-design-14.png\" alt=\"landing-page-design-twago-enterprise\" width=\"858\" height=\"394\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120120\/landing-page-design-14.png 1337w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120120\/landing-page-design-14-300x138.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120120\/landing-page-design-14-768x353.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120120\/landing-page-design-14-1024x470.png 1024w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Why not go big, bold, and colorful? The <\/span><a href=\"https:\/\/www.talent-pool.com\/?utm_source=Twago%20Marketplace&amp;utm_medium=header%20link\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Twago Enterprise<\/span><\/a><span style=\"font-weight: 400;\"> landing page is both simple and high-energy. You have the large-print USP followed by a brief explanation of the product. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <a href=\"https:\/\/www.crazyegg.com\/blog\/high-converting-cta-buttons\/\" target=\"_blank\" rel=\"noopener\">CTA<\/a> \u2014 Request a demo \u2014 features a color that doesn\u2019t appear elsewhere on the page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When designing a landing page, you must have a goal in mind. In Twago Enterprise\u2019s case, they want people to request a demonstration.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You need your own goal in mind. When you have it, make sure you give plenty of contextual and visual clues so visitors know where you want them to click.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">3. 180fusion Dallas<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41723\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120055\/landing-page-design-7.png\" alt=\"landing-page-design-180fusion-dallas\" width=\"969\" height=\"524\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120055\/landing-page-design-7.png 969w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120055\/landing-page-design-7-300x162.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120055\/landing-page-design-7-768x415.png 768w\" sizes=\"(max-width: 969px) 100vw, 969px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Here, we have a <\/span><a href=\"https:\/\/www.180fusion.com\/dallas-seo\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">landing page<\/span><\/a><span style=\"font-weight: 400;\"> that focuses heavily on social proof. You have the list of accomplishments in bullet-point form on the left, and the logos of big brands on the right. Still, we have that bold CTA with the stand-out background. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ll see that pattern repeat throughout this list because it\u2019s one of the best ways to direct your visitors\u2019 attention.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Flickr<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41726\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120107\/landing-page-design-10.png\" alt=\"landing-page-design-flickr\" width=\"861\" height=\"373\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120107\/landing-page-design-10.png 1334w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120107\/landing-page-design-10-300x130.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120107\/landing-page-design-10-768x333.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120107\/landing-page-design-10-1024x444.png 1024w\" sizes=\"(max-width: 861px) 100vw, 861px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If you expected <\/span><a href=\"https:\/\/www.flickr.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Flickr<\/span><\/a><span style=\"font-weight: 400;\"> to have a landing page rooted in photography, you weren\u2019t wrong. Hero images changed every couple seconds with the same headline, body copy, and CTA.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Notice that there\u2019s not much competition for attention here. The Sign Up CTAs are reflected twice on the landing page, and the headline tells us exactly what Flickr stands for<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">5. Unbounce for Agencies<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41740\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120155\/landing-page-design-24.png\" alt=\"landing-page-design-unbounce-for-agencies\" width=\"864\" height=\"301\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120155\/landing-page-design-24.png 1319w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120155\/landing-page-design-24-300x104.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120155\/landing-page-design-24-768x267.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120155\/landing-page-design-24-1024x356.png 1024w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The landing page for <\/span><a href=\"https:\/\/unbounce.com\/agencies\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Unbounce\u2019s agency-level services<\/span><\/a><span style=\"font-weight: 400;\"> really pops. The bright blue accents accompanied by the bright orange CTAs work visually to convey a consistent message.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ll see that there are actually two CTAs on this page. One invites visitors to preview the builder, while the other offers a chat with an agency specialist.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Competing CTAs can work against you if you\u2019re not careful. I\u2019ll explain below how <\/span><a href=\"https:\/\/www.crazyegg.com\/recordings?utm_source=google&amp;utm_campaign=blog\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Crazy Egg Recordings<\/span><\/a><span style=\"font-weight: 400;\"> can help you figure out if you need to remove a CTA or create more visual separation on the page.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">6. Upwork Writers<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41720\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120048\/landing-page-design-4.png\" alt=\"landing-page-design-upwork-writers\" width=\"855\" height=\"382\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120048\/landing-page-design-4.png 1129w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120048\/landing-page-design-4-300x134.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120048\/landing-page-design-4-768x344.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120048\/landing-page-design-4-1024x458.png 1024w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Upwork connects businesses and professionals in many service areas. The <\/span><a href=\"https:\/\/www.upwork.com\/cat\/writing\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">landing page for freelance writers<\/span><\/a><span style=\"font-weight: 400;\"> is well-crafted and uses social proof beautifully.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Notice that the person they\u2019ve highlighted isn\u2019t a stock photography model. He\u2019s a real writer from Upwork\u2019s talent pool. Those logos along the bottom help reassure prospects that Upwork isn\u2019t just a flash in the pan.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">7. Codecademy Pro<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41718\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120042\/landing-page-design-2.png\" alt=\"landing-page-design-codecademy-pro\" width=\"859\" height=\"344\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120042\/landing-page-design-2.png 937w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120042\/landing-page-design-2-300x120.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120042\/landing-page-design-2-768x307.png 768w\" sizes=\"(max-width: 859px) 100vw, 859px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This is about as simple as it gets. <\/span><a href=\"https:\/\/www.codecademy.com\/pro\/membership\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Codecademy<\/span><\/a><span style=\"font-weight: 400;\"> is likely targeting existing users with this page, so the company doesn\u2019t need to get into too much detail. The purple in the CTA is reflected in the word PRO next to the Codecademy logo, which works well visually.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">I also like the use of the word \u201cunlock\u201d at the start of the body copy. It\u2019s an unusual word in this context and therefore draws attention.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-43616\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/26165645\/CROlearnmore.png\" alt=\"crazy egg landing page optimization\" width=\"800\" height=\"227\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/26165645\/CROlearnmore.png 800w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/26165645\/CROlearnmore-300x85.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/26165645\/CROlearnmore-768x218.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">8. Freckle<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41722\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120053\/landing-page-design-6.png\" alt=\"landing-page-design-freckle\" width=\"1110\" height=\"434\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120053\/landing-page-design-6.png 1110w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120053\/landing-page-design-6-300x117.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120053\/landing-page-design-6-768x300.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120053\/landing-page-design-6-1024x400.png 1024w\" sizes=\"(max-width: 1110px) 100vw, 1110px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">I\u2019m a big fan of simplicity, as you might already know, and <\/span><a href=\"https:\/\/www.freckle.com\/k-2\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Freckle<\/span><\/a><span style=\"font-weight: 400;\"> does well with its landing pages for Grades K through two. There are conflicting CTAs, but the main one stands out because of its size.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">9. Square<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41732\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120126\/landing-page-design-16.png\" alt=\"landing-page-design-square\" width=\"866\" height=\"474\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120126\/landing-page-design-16.png 1085w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120126\/landing-page-design-16-300x164.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120126\/landing-page-design-16-768x420.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120126\/landing-page-design-16-1024x561.png 1024w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This is the landing page design example from <\/span><a href=\"https:\/\/squareup.com\/us\/en\/software\/point-of-sale\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Square\u2019s point-of-sale product<\/span><\/a><span style=\"font-weight: 400;\">. You can see that\u2019s simple, but powerful, with a to-the-point headline and a CTA that could maybe be a little bigger for more impact.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When you scroll down, you see how Square works for POS systems. It\u2019s a nice way to introduce prospective customers to the product.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">10. BuildFire<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41737\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120145\/landing-page-design-21.png\" alt=\"landing-page-design-buildfire\" width=\"869\" height=\"471\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120145\/landing-page-design-21.png 962w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120145\/landing-page-design-21-300x162.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120145\/landing-page-design-21-768x416.png 768w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Sometimes, landing page designs are just the beginning. In <\/span><a href=\"https:\/\/buildfire.com\/get-started\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">BuildFire\u2019s case<\/span><\/a><span style=\"font-weight: 400;\">, prospective customers can choose between two options on the Getting Started landing page. Then you\u2019re taken to a form that asks you about what you need and what you want to achieve.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s okay for landing pages to take people through a series of other pages as long as you keep them engaged the entire time. BuildFire accomplishes this through short pages and custom illustrations.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">11. Hello Bar<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41719\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120044\/landing-page-design-3.png\" alt=\"landing-page-design-hellobar\" width=\"436\" height=\"598\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120044\/landing-page-design-3.png 436w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120044\/landing-page-design-3-219x300.png 219w\" sizes=\"(max-width: 436px) 100vw, 436px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">There\u2019s no way I was going to create a list of landing page design examples without including the <\/span><a href=\"https:\/\/app.hellobar.com\/users\/sign_up\/?utm_source=hellobar&amp;utm_medium=bar&amp;utm_campaign=signups\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">signup page for Hello Bar<\/span><\/a><span style=\"font-weight: 400;\">. As I mentioned above, I\u2019m big on simplicity.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The form is short and sweet, and you have multiple options to sign up, which increases the likelihood of people following through.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">12. Stripe<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41731\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120123\/landing-page-design-15.png\" alt=\"landing-page-design-stripe\" width=\"873\" height=\"380\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120123\/landing-page-design-15.png 1207w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120123\/landing-page-design-15-300x131.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120123\/landing-page-design-15-768x335.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120123\/landing-page-design-15-1024x446.png 1024w\" sizes=\"(max-width: 873px) 100vw, 873px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The payments <\/span><a href=\"https:\/\/stripe.com\/us\/payments\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">landing page design for Stripe<\/span><\/a><span style=\"font-weight: 400;\"> is both beautiful and functional. This is a great example of dual CTAs working well. The obvious CTA has a dark background with white text. It invites you to create an account. The competing CTA is much harder to see.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These two CTAs work well in tandem because they target two different types of visitors: those who want to sign up right away and those who want to know more.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">13. Neuhaus Education Center<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41729\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120117\/landing-page-design-13.png\" alt=\"landing-page-design-neuhaus\" width=\"1330\" height=\"582\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120117\/landing-page-design-13.png 1330w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120117\/landing-page-design-13-300x131.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120117\/landing-page-design-13-768x336.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120117\/landing-page-design-13-1024x448.png 1024w\" sizes=\"(max-width: 1330px) 100vw, 1330px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This landing page design example has a beautiful color scheme, appealing imagery, and dual CTAs. Nonprofits often struggle to get people to sign up for their services and to donate their time and money, so both CTAs belong on the homepage.<\/span><\/p>\n<p><a href=\"https:\/\/www.neuhaus.org\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Neuhaus Education Center<\/span><\/a><span style=\"font-weight: 400;\"> starts with a strong belief statement: \u201cPromoting Reading Success for All.\u201d It tells visitors exactly what its mission is and what it\u2019s trying to achieve.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">14. Air Canada<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41733\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120130\/landing-page-design-17.png\" alt=\"landing-page-design-air-canada\" width=\"1235\" height=\"531\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120130\/landing-page-design-17.png 1235w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120130\/landing-page-design-17-300x129.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120130\/landing-page-design-17-768x330.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120130\/landing-page-design-17-1024x440.png 1024w\" sizes=\"(max-width: 1235px) 100vw, 1235px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The homepage for <\/span><a href=\"https:\/\/www.aircanada.com\/ca\/en\/aco\/home.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Air Canada<\/span><\/a><span style=\"font-weight: 400;\"> serves as a beautiful landing page design example. It focuses on the specific season, uses gorgeous imagery, and allows visitors to search for flights and other necessities before they even have to scroll.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">15. Zak George\u2019s Dog Training Revolution<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41734\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120133\/landing-page-design-18.png\" alt=\"landing-page-design-dog-training\" width=\"993\" height=\"598\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120133\/landing-page-design-18.png 993w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120133\/landing-page-design-18-300x181.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120133\/landing-page-design-18-768x463.png 768w\" sizes=\"(max-width: 993px) 100vw, 993px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This is the landing page for <\/span><a href=\"https:\/\/www.dogtrainingrevolution.com\/blank-1\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Zak George\u2019s Dog Training Revolution book<\/span><\/a><span style=\"font-weight: 400;\">. It\u2019s a bestseller and just one of its products. You get the logos of places where you can buy the book and a headline that promotes curiosity. The cute cover doesn\u2019t hurt, either.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">16. Costco<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41717\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120039\/landing-page-design-1.png\" alt=\"landing-page-design-costco\" width=\"1348\" height=\"557\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120039\/landing-page-design-1.png 1348w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120039\/landing-page-design-1-300x124.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120039\/landing-page-design-1-768x317.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120039\/landing-page-design-1-1024x423.png 1024w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Here, we have a landing page design example that shouldn\u2019t work. It\u2019s not like the ones we\u2019ve seen before, yet it belongs to one of the world\u2019s most successful companies.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The use of video here elevates <\/span><a href=\"https:\/\/www.costco.com\/membership-information.html\"><span style=\"font-weight: 400;\">Costco\u2019s membership<\/span><\/a><span style=\"font-weight: 400;\"> landing page. Video adds significant visual interest to a landing page while also providing auditory input.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">17. Asana<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41721\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120051\/landing-page-design-5.png\" alt=\"landing-page-design-asana\" width=\"1341\" height=\"533\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120051\/landing-page-design-5.png 1341w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120051\/landing-page-design-5-300x119.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120051\/landing-page-design-5-768x305.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120051\/landing-page-design-5-1024x407.png 1024w\" sizes=\"(max-width: 1341px) 100vw, 1341px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s another landing page design example that embraces simplicity. In place of a hero image, we have a plain white background. The two CTAs reflect one another, and the headline tells you exactly why <\/span><a href=\"https:\/\/asana.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Asana<\/span><\/a><span style=\"font-weight: 400;\"> exists.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">18. HostGator<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41724\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120058\/landing-page-design-8.png\" alt=\"landing-page-design-hostgator\" width=\"1055\" height=\"607\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120058\/landing-page-design-8.png 1055w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120058\/landing-page-design-8-300x173.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120058\/landing-page-design-8-768x442.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120058\/landing-page-design-8-1024x589.png 1024w\" sizes=\"(max-width: 1055px) 100vw, 1055px\" \/><\/p>\n<p><a href=\"https:\/\/www.hostgator.com\/web-hosting\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">HostGator\u2019s shared web hosting<\/span><\/a><span style=\"font-weight: 400;\"> landing page is gorgeously designed with lots of hand-drawn elements. It emphasizes the Business Plan, which is the most expensive option, and its given cute names to the other plans. The colors, CTAs, and discount highlights all work well here.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">19. The Vegan Society<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41728\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120113\/landing-page-design-12.png\" alt=\"landing-page-design-vegan-society\" width=\"1280\" height=\"622\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120113\/landing-page-design-12.png 1280w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120113\/landing-page-design-12-300x146.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120113\/landing-page-design-12-768x373.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120113\/landing-page-design-12-1024x498.png 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><a href=\"https:\/\/www.vegansociety.com\/take-action\/donate\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">donation page for The Vegan Society<\/span><\/a><span style=\"font-weight: 400;\"> uses bold, complimentary colors and persuasive language to draw in the reader. The nonprofit offers multiple options for donating, which can increase conversions.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">20. Dropbox<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41727\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120109\/landing-page-design-11.png\" alt=\"landing-page-design-dropbox\" width=\"913\" height=\"612\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120109\/landing-page-design-11.png 913w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120109\/landing-page-design-11-300x201.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120109\/landing-page-design-11-768x515.png 768w\" sizes=\"(max-width: 913px) 100vw, 913px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Dropbox is known for creating awesome landing pages. Today, I wanted to highlight their relatively new <\/span><a href=\"https:\/\/www.dropbox.com\/android\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Dropbox for Android<\/span><\/a><span style=\"font-weight: 400;\"> landing page. It simply and persuasively highlights the app and gives you a chance to try it out. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">21. Dragon Naturally Speaking<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41738\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120148\/landing-page-design-22.png\" alt=\"landing-page-design-dragon-naturally-speaking\" width=\"1072\" height=\"413\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120148\/landing-page-design-22.png 1072w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120148\/landing-page-design-22-300x116.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120148\/landing-page-design-22-768x296.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120148\/landing-page-design-22-1024x395.png 1024w\" sizes=\"(max-width: 1072px) 100vw, 1072px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Nuance, the creator of Dragon Naturally Speaking, offers an excellent landing page design example on its <\/span><a href=\"https:\/\/www.nuance.com\/dragon\/dragon-for-pc.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Dragon for PC<\/span><\/a><span style=\"font-weight: 400;\"> page. It incorporates a pleasing hero image, a straightforward headline, and a list of USPs in the body content.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">22. Investopedia<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-41739\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120151\/landing-page-design-23.png\" alt=\"landing-page-design-investopedia\" width=\"844\" height=\"655\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120151\/landing-page-design-23.png 792w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120151\/landing-page-design-23-300x233.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120151\/landing-page-design-23-768x596.png 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Investopedia offers a type of <\/span><a href=\"https:\/\/www.investopedia.com\/simulator\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">paper trading game<\/span><\/a><span style=\"font-weight: 400;\"> that investors can use to get their feet wet. The signup landing page works extremely well, especially with the Free to Play ribbon in the top right-hand corner. The form is short, and the colors work beautifully together.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">23. Fitbit<\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-41725\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120101\/landing-page-design-9.png\" alt=\"landing-page-design-fitbit\" width=\"1176\" height=\"569\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120101\/landing-page-design-9.png 1176w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120101\/landing-page-design-9-300x145.png 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120101\/landing-page-design-9-768x372.png 768w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120101\/landing-page-design-9-1024x495.png 1024w\" sizes=\"(max-width: 1176px) 100vw, 1176px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The \u201cwhat\u2019s new\u201d landing page for <\/span><a href=\"https:\/\/www.fitbit.com\/whats-new\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Fitbit<\/span><\/a><span style=\"font-weight: 400;\"> is unique and stylish, with several categories from which to choose and a sleek combination of text and illustrations.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Landing Page Design Best Practices<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Now that you\u2019ve seen nearly two dozen landing page design examples, how do you apply those examples to your own landing pages? Obviously, you don\u2019t want to copy anything word-for-word or image-for-image.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Underneath each screenshot, I called out things I liked about the landing page, whether it was the color combination, the CTA usage, or the content. Now, let\u2019s look at a few <a href=\"https:\/\/www.crazyegg.com\/blog\/landing-page-optimization\/\" target=\"_blank\" rel=\"noopener\">best practices to make sure you approach landing page creation<\/a> with your A-game.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Create the landing page for your target audience<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">It seems obvious, but many entrepreneurs don\u2019t think about their <a href=\"https:\/\/www.crazyegg.com\/blog\/target-audience\/\" target=\"_blank\" rel=\"noopener\">target audiences<\/a> when designing landing pages. Instead, they\u2019re thinking about how best to sell their products or services.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s the wrong mindset.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s look at two pieces of body copy to help you better understand what I mean. Read both versions and decide which one is most likely to convert visitors.<\/span><\/p>\n<p><strong>Version 1:<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">\u201cOur widgets are the fastest, lightest, and most feature-rich widgets on the market. They\u2019ve won awards all over the world and are the product of over 20 prototypes. We spent hours during the prototyping process to bring you the best widget for your money. Get your hands on one now!\u201d<\/span><\/p>\n<p><strong>Version 2:<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">\u201cDo you forget to run the dishwasher, make a grocery list, or put the wash in the machine? You\u2019re not alone. We\u2019ve created a widget that\u2019s smaller than a debit card and allows you to set reminders for those tasks and more. Organize your life, reduce stress, and live your life for the bigger moments. Get your hands on a widget today!\u201d<\/span><\/p>\n<p><span style=\"font-weight: 400;\">I have no idea what type of product I\u2019ve described here, but I like it. More to the point, which version of the copy is more likely to convert?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Version two, of course. It focuses on the audience: solving problems, reducing stress, and reaching goals. Version one focused on the product itself and the company behind it. Not only is it not persuasive, but it\u2019s boring.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Remember that nobody cares how your product or service came into being. They want to know what it can do for them.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Highlight the offer visually<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The greater the visual impact of a landing page, the better it works. We\u2019re easily distracted these days, so we won\u2019t waste time looking for what we want.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Notice that many of the landing pages above sell products and actually <\/span><i><span style=\"font-weight: 400;\">show the product<\/span><\/i><span style=\"font-weight: 400;\">. Even the SaaS companies create visual representations of what they\u2019re selling.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Use images, illustrations, videos, and bold CTAs to capture attention and convert visitors.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Define your specific landing page design goal<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Every landing page should have one specific goal. The design should fit that goal and help <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/mind-blowing-conversions\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">persuade visitors to convert<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s say, for instance, that you\u2019re selling a very simple <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/saas-conversion-funnel\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">SaaS tool<\/span><\/a><span style=\"font-weight: 400;\"> that solves a small problem. It\u2019s tiny but mighty in its own way.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You might choose a pared-down design that focuses on allowing people to sign up as quickly and easily as possible. Use bullet points to highlight the product\u2019s best features.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Choose one of the best landing page tools<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Tools can make your life much simpler. A landing page tool allows you to create the design you want with less stress and no coding knowledge.<\/span><\/p>\n<p><a href=\"https:\/\/unbounce.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Unbounce<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/www.getresponse.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">GetResponse<\/span><\/a><span style=\"font-weight: 400;\">, and <\/span><a href=\"https:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">MailChimp<\/span><\/a><span style=\"font-weight: 400;\"> are all good examples. Try out a few before you decide on the one that works for your business.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Learn how to understand what&#8217;s working and what&#8217;s not<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When you build your landing page, you heave a sigh of relief. The work is done, right?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Far from it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After you build a landing page, you need to monitor it. Use tools like Google Analytics and <\/span><a href=\"https:\/\/www.crazyegg.com\/overview?utm_source=google&amp;utm_campaign=blog\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Crazy Egg<\/span><\/a><span style=\"font-weight: 400;\"> to figure out how well your landing page works with your audience. Where do visitors click? How long do they remain on the page? Do they seem confused or frustrated?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Recordings are a great way to watch mouse movements and other interactions on your page. You can see if a visitor skips over your signup form or doesn\u2019t seem to notice your CTA. Furthermore, you\u2019ll see the last interaction before the visitor either converts or clicks away.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.crazyegg.com\/blog\/how-track-user-behavior\/\" target=\"_blank\" rel=\"noopener\">User behavior<\/a> tools are equally helpful because they represent your visitors\u2019 interactions visually. The more you test, the more data you\u2019ll collect. Run Recordings and user behavior tools consistently so you can can adjust quickly and avoid missed conversions.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Conclusion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Landing page design examples can provide the inspiration you need to spruce up your own <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/landing-page-optimization\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">landing pages<\/span><\/a><span style=\"font-weight: 400;\"> \u2014 or create them in the first place. I\u2019ve worked with many businesses that had landing pages, but failed to optimize them.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Check out the landing pages I\u2019ve highlighted above, design your own, and monitor its success. Every evolution brings you closer to your <\/span><span style=\"font-weight: 400;\">conversion goals<\/span><span style=\"font-weight: 400;\"> as long as you\u2019re paying attention to the data.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neil Patel co-founded Crazy Egg in 2005. 300,000 websites use Crazy Egg to understand what\u2019s working on their website (with features like Heatmaps, Scrollmaps, Referral&#8230;<\/p>\n","protected":false},"author":279,"featured_media":41736,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[4],"tags":[],"class_list":["post-41714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conversion-optimization"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>23 Effective Landing Page Design Examples That Convert<\/title>\n<meta name=\"description\" content=\"Are you looking for landing page design inspiration? Check out 23 effective landing page design examples that convert beautifully.\" \/>\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.crazyegg.com\/blog\/landing-page-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"23 Effective Landing Page Design Examples That Convert\" \/>\n<meta property=\"og:description\" content=\"Are you looking for landing page design inspiration? Check out 23 effective landing page design examples that convert beautifully.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/\" \/>\n<meta property=\"og:site_name\" content=\"The Daily Egg\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crazyegganalytics\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-01T19:36:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-06T23:14:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"1335\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hiten Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hnshah\" \/>\n<meta name=\"twitter:site\" content=\"@CrazyEgg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hiten Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/\"},\"author\":{\"name\":\"Hiten Shah\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/c1969663812802521ba57624887e9df6\"},\"headline\":\"23 Effective Landing Page Design Examples That Convert\",\"datePublished\":\"2018-10-01T19:36:56+00:00\",\"dateModified\":\"2026-01-06T23:14:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/\"},\"wordCount\":2471,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/01120142\\\/landing-page-design-20.jpg\",\"articleSection\":[\"Conversion\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/\",\"name\":\"23 Effective Landing Page Design Examples That Convert\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/01120142\\\/landing-page-design-20.jpg\",\"datePublished\":\"2018-10-01T19:36:56+00:00\",\"dateModified\":\"2026-01-06T23:14:40+00:00\",\"description\":\"Are you looking for landing page design inspiration? Check out 23 effective landing page design examples that convert beautifully.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/01120142\\\/landing-page-design-20.jpg\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/01120142\\\/landing-page-design-20.jpg\",\"width\":1999,\"height\":1335,\"caption\":\"landing-page-design-introduction\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/landing-page-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conversion\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/category\\\/conversion-optimization\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"23 Effective Landing Page Design Examples That Convert\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"name\":\"The Crazy Egg Blog\",\"description\":\"Website Optimization\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\",\"name\":\"Crazy Egg\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"width\":191,\"height\":100,\"caption\":\"Crazy Egg\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/crazyegganalytics\\\/\",\"https:\\\/\\\/x.com\\\/CrazyEgg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/crazy-egg\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJNe_xmPi07YezxaqfoRVqg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/c1969663812802521ba57624887e9df6\",\"name\":\"Hiten Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g\",\"caption\":\"Hiten Shah\"},\"description\":\"As co-founder and CEO, I have started multiple software-as-a-service (SaaS) companies since 2003 including Crazy Egg, KISSmetrics, and Nira. Sold my last startup (Nira) to Dropbox in 2024 and got my first ever job with a boss. I most recently worked on Product &amp; Growth for the AI Products @ Dropbox. I\u2019m now the CEO of Crazy Egg. Connect with me on LinkedIn or X\\\/Twitter.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/hnshah\\\/\",\"https:\\\/\\\/x.com\\\/hnshah\"],\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/author\\\/hiten\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"23 Effective Landing Page Design Examples That Convert","description":"Are you looking for landing page design inspiration? Check out 23 effective landing page design examples that convert beautifully.","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.crazyegg.com\/blog\/landing-page-design\/","og_locale":"en_US","og_type":"article","og_title":"23 Effective Landing Page Design Examples That Convert","og_description":"Are you looking for landing page design inspiration? Check out 23 effective landing page design examples that convert beautifully.","og_url":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/","og_site_name":"The Daily Egg","article_publisher":"https:\/\/www.facebook.com\/crazyegganalytics\/","article_published_time":"2018-10-01T19:36:56+00:00","article_modified_time":"2026-01-06T23:14:40+00:00","og_image":[{"width":1999,"height":1335,"url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20.jpg","type":"image\/jpeg"}],"author":"Hiten Shah","twitter_card":"summary_large_image","twitter_creator":"@hnshah","twitter_site":"@CrazyEgg","twitter_misc":{"Written by":"Hiten Shah","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/#article","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/"},"author":{"name":"Hiten Shah","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/c1969663812802521ba57624887e9df6"},"headline":"23 Effective Landing Page Design Examples That Convert","datePublished":"2018-10-01T19:36:56+00:00","dateModified":"2026-01-06T23:14:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/"},"wordCount":2471,"commentCount":0,"publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20.jpg","articleSection":["Conversion"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyegg.com\/blog\/landing-page-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/","url":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/","name":"23 Effective Landing Page Design Examples That Convert","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20.jpg","datePublished":"2018-10-01T19:36:56+00:00","dateModified":"2026-01-06T23:14:40+00:00","description":"Are you looking for landing page design inspiration? Check out 23 effective landing page design examples that convert beautifully.","breadcrumb":{"@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyegg.com\/blog\/landing-page-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/#primaryimage","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20.jpg","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2018\/10\/01120142\/landing-page-design-20.jpg","width":1999,"height":1335,"caption":"landing-page-design-introduction"},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyegg.com\/blog\/landing-page-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.crazyegg.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Conversion","item":"https:\/\/www.crazyegg.com\/blog\/category\/conversion-optimization\/"},{"@type":"ListItem","position":3,"name":"23 Effective Landing Page Design Examples That Convert"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyegg.com\/blog\/#website","url":"https:\/\/www.crazyegg.com\/blog\/","name":"The Crazy Egg Blog","description":"Website Optimization","publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyegg.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazyegg.com\/blog\/#organization","name":"Crazy Egg","url":"https:\/\/www.crazyegg.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","width":191,"height":100,"caption":"Crazy Egg"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/crazyegganalytics\/","https:\/\/x.com\/CrazyEgg","https:\/\/www.linkedin.com\/company\/crazy-egg\/","https:\/\/www.youtube.com\/channel\/UCJNe_xmPi07YezxaqfoRVqg"]},{"@type":"Person","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/c1969663812802521ba57624887e9df6","name":"Hiten Shah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/715288b6d07eff81ecae058546cd68eaf7d1931c1b0a5472ba035eae1198262c?s=96&d=mm&r=g","caption":"Hiten Shah"},"description":"As co-founder and CEO, I have started multiple software-as-a-service (SaaS) companies since 2003 including Crazy Egg, KISSmetrics, and Nira. Sold my last startup (Nira) to Dropbox in 2024 and got my first ever job with a boss. I most recently worked on Product &amp; Growth for the AI Products @ Dropbox. I\u2019m now the CEO of Crazy Egg. Connect with me on LinkedIn or X\/Twitter.","sameAs":["https:\/\/www.linkedin.com\/in\/hnshah\/","https:\/\/x.com\/hnshah"],"url":"https:\/\/www.crazyegg.com\/blog\/author\/hiten\/"}]}},"modified_by":"Lars Lofgren","_links":{"self":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/41714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/users\/279"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/comments?post=41714"}],"version-history":[{"count":0,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/41714\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media\/41736"}],"wp:attachment":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media?parent=41714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/categories?post=41714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/tags?post=41714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}