A good, persuasive land foliate grabs the attention of visitors and compels them to complete a conversion. Learn how you can create a winning landing page with these four simple landing foliate tips .
Landing Page Design Tips
1. Outline your offer and crusade .
brawny copy is key to a great land page. First, create an outline and decide what you want to focus on. List the offer and campaign, then think about the page basics. If you had a vintage jersey party, for example, and wanted to promote a 50 % off pile sale for Instagram users, your offer might be “ 50 % off all vintage tee bundles of five shirts or more ” and your political campaign would be a nonrecreational Instagram campaign. Knowing your offer and hearing can help you to create highly-targeted copy. A exploiter who is learning about your company from an Instagram ad differs to one who hears about it from viva-voce or through a Google search. In our model, Instagram users are scrolling through Instagram, they aren ’ metric ton searching for vintage shirts to buy, unlike person who ’ second Googling “ vintage t-shirts for sale. ” In this exemplify, we can appeal to their sense of manner and sake in the stream trend—vintage t-shirts. A thoroughly intro sentence that could besides work in the ad might be : “Take your coolness up a notch with our soft, genuine vintage t-shirts, now 50% off when you bundle 5 or more.”
2. List the benefits and the solution .
No matter what you are selling, users want to know what ’ s in it for them. How will they benefit from your products or services ? The boodle and butter of any landing page is successfully explaining to users how your product or avail will solve their problem. Take this land page for writer Chris Ducker ’ s Youpreneur online community. The page speaks to the target market of entrepreneurs and little business owners about stopping the fight and growing as a business owner, something many entrepreneurs empathize with . This down foliate besides explains why this product—the on-line mastermind community—will avail users achieve achiever in their businesses . As starting a business normally comes from a place of drive and love, using feel for and proactive terminology works well for this audience. When it comes to writing landing pages, be concise and clear. Studies show that the more words used on a landing page, the lower the conversion rate. When writing, put yourself in the shoes of your aim hearing or persona and ask yourself these questions :
- How does it feel to have my problem ?
- What am I looking for to make my oeuvre or life easier ?
- How can this party ’ mho intersection or servicing solve my problem ?
- How will my work or life be improved after I buy this product or service ?
Answer these questions in club on your land page to set up your propose. then you can lead into your CTA .
3. Create a compelling CTA .
The CTA prison term and button on a bring page have a huge impact on conversion rates. This is the final frontier of a land page before a person submits information or goes to the requital page. There should ideally only be one CTA per landing page, marked with a big put in release. MarketingProfs cited a study from Unbounce that found that landing pages with a individual yoke or call-to-action have a higher conversion rate—an average of 13.5 %. This is about 2 % more than pages with two or three links or CTAs. While scrolling through a land page, you ’ ll find calls-to-action ( CTA ) to purchase a intersection, download a piece of content, or more. It ’ s besides coarse for them to feature an introduction or set up a common trouble that they might have. This could include a list of trouble points that are the drug user meter, money, or energy. then, they ’ ll bring in content or a product with a CTA. After explaining how your intersection will solve their return, the land page should delve deeper into features. Show testimonials or social proof as to why your product works near the bottom of the page. According to Unbounce , a sole focus on a specific topic is what helps you increase the conversion rate of your campaigns. Landing page website traffic is almost always traffic from a specific campaign or channel, so you can customize that page specifically. It ’ second crucial to remember that users who find your land page via paid social media message will likely be in a different mentality to users who find it via Google Ads or a referral connect. social media users are likely browsing sites like Facebook or Instagram. They aren ’ metric ton inevitably looking for something to buy. On the early hired hand, people who are actively searching for applicable terms in Google have more of an action or purchase mentality and they are proactively looking for a solution to their problem. Tools such as Unbounce and MailChimp make land page creation relatively easy. crucially, you need to create compel transcript, an irresistible CTA, and an enticing bring page design that makes your offer difficult to refuse. According to WordStream, the best CTAs :
- Use catchy action words, such as “ get ” and “ give ”
- Build a sense of trust, like “ Let ’ s build your offer ”
- entreaty to a user ’ s sense of urgency by showing users what they will get by submitting the lead-generation form, e.g. “ Get a 30-day test immediately ”
A capital CTA clitoris should tie into the page transcript as a unharmed, reiterating the offer. It should besides feature an attention-getting purpose that makes users want to click .
4. focus on great design .
good design affects how users feel about a company, intersection, or service. It can influence a drug user ’ randomness decisiveness to convert. Landing page design best practices dictate that the layout is consistent with existing caller brand and appeals to your target audience. Break the landing foliate up into specific sections : the headline, the offer imitate, the CTA, and then social proof. Social proof is the final examination argument to users to get them to purchase, it demonstrates trust and reputation. It shows how many people have bought or taken the offer on the page or what media outlets have covered the company or product. Take this model from Medium ’ s landing page encouraging upgrading to a paid membership, it features testimonials from other users about Medium ’ sulfur content choice and platform . The key design elements of a landing page are :
- On-page imitate blocks
- CTA buttons and boxes, normally in between imitate blocks and at the buttocks of the page
- complementary color images and video ( if used )
- Social validation section—testimonials or data
To see what brings the highest conversion rate, A/B test all design elements on your land page, from purpose to the CTA push button expressive style and give voice. Tools that let you build and test landing pages with campaign audiences, include Unbounce, Hubspot, and Leadpages. Combining thoroughly design with the best offer for your audience will help you to create highly target land pages that convert users and make your campaigns pay.
The Advertiser’s Launch List for Landing Pages that Convert
Click here to download
5. Optimize for mobile
With 49 % of the earth ’ s population using mobile internet, you might think optimizing landing pages for mobile rarely gets dominate, but it hush often ends up as an reconsideration. Adhering to the above tips will surely increase your chances of having a successful mobile land page, but in addition, you ’ ll besides want to pay special attention to load time. Google recommends that mobile down pages load in five seconds or less, and have shown serious bounce rate implications of landing pages that stave . ( reservoir : think with Google ) Along with keeping loading times low on mobile, it ’ randomness besides significant to keep the most pertinent information above the fold
12 of the Best Landing Page Design Examples to Learn From
12. Winc—claim to fame: simplicity.
“Winc explains their service effectively and makes an attractive offer. They make it simple to understand and choose what you want. It’s all clearly laid out without clutter.” – Baruch Labunski, internet marketing expert and author, CEO of Rank Secure
What the page does well:
- Delivers their value proposition on no uncertain terms with the rotating tagline: “We hand-pick, hand-craft, hand-deliver a world of wine.”
- Features a call-to-action (CTA) that takes you on a journey. Upon pressing “Get Started,” you’re invited to take a quiz designed to determine your preferred flavor profile,enabling Winc to curate an appealing, customized wine selection. Someone who drinks their coffee strong and black will likely appreciate a robust red wine. It’s fun, it’s personal, it works.
- Design-wise, there are no distractions—a common theme among top performing landing pages. You get one simple statement, a clarifying value proposition statement, a CTA, and maybe a picture of the product before moving down the page.
- It features a $20 discount offer. According to BigCommerce.com, promotional marketing (ie. offering a discount) like this can increase conversion rates by 5.6% in the Food and Grocery industry.
- It uses images that show, simply and clearly what Winc does, reducing the friction caused by having to read text (the human brain processes images 60,000 times faster than text).
According to ocular communication adviser, Mike Parkinson : “Cognitively, graphics expedite and increase our level of communication. They increase comprehension, recollection, and retention. Visual clues help us decode text and attract attention to information or direct attention increasing the likelihood that the audience will remember. Emotionally, pictures enhance or affect emotions and attitudes. Graphics engage our imagination and heighten our creative thinking by stimulating other areas of our brain (which in turn leads to a more profound and accurate understanding of the presented material).” Winc’s Landing Page Takeaways
- Simply state your value proposition (why buy from you?) above the fold.
- Eliminate distractions—keep your visuals simple.
- Let images do the talking.
11. CodeAcademy—claim to fame: social proof.
“As soon as you land on the page, there is a clear call to action explaining exactly what CodeAcademy does and that it’s completely free. There’s also a sign-up form on the right that requires minimal information; no unnecessary address, telephone or other weird data requests. The entire page is also sprinkled with trust signals, including reviews from real users and brands. Down near the bottom, there is a large list of benefits and features, telling you why you should sign up.” – Sam Carr, Marketing Manager of PPC Protect
What the page does well:
- Includes social proof. “Join Millions” not-so-subtly tells prospects that millions of people have made the decision to buy (so why shouldn’t they?).
- At the very end of this long-form page, an element of personalization is brought in, asking why “you” want to learn to code. It offers guidance, and lays out all of the options in a crystal-clear format.
“ Social Proof ” is one of Robert Cialdini ’ s 6 original Principles of influence he introduced in his 1984 book : influence : The Psychology of Persuasion. That record is foundational to psychological selling as we know it, and “ social validation ” —the psychological phenomenon that people are specially likely to perform certain actions if they see other people have done them before—is foundational to conversion. Purchasing is an act of trust—as in, the buyer has to trust the seller to deliver the promised value before handing over cold, intemperate cash. When manque purchasers see that other consumers, fair like them, have received the predict value, it puts them at ease and removes a significant emotional barrier to buying the product. Any time a business claims “ most popular, ” “ number-one best seller, ” or “ 100 million sold ” —they ’ ra using sociable proof.
CodeAcademy’s Landing Page Takeaways
- Try using social proof in several different ways on your home page. Maybe the number of people using your product or service is part of your differentiator and should be included in your first line of copy. Maybe you have great testimonials. Maybe both.
- Features aren’t as important as benefits. What’s the difference? Features say what your product does; benefits tell how the user’s life will be changed for the better. People buy benefits, not features.
- Don’t just say what your product does; also explain what a user can do with it.
10. BlueApron—claim to fame: color psychology.
“The color scheme of a landing page can influence attitudes and emotions. Certain colors can have the ability to convey different meanings. The color red for example can create a sense of urgency and the color blue can convey tranquility or trust. Not only will color scheme help aesthetically, color scheme aligning with the overall message of the landing page can influence customers to act accordingly. The meal kit service company, Blue Apron, executes this well by weaving the color blue throughout.” Scott Crumrine, Founder & CEO of Guava Family, Inc .
What the page does well:
It features social proof with “ top-rated recipes ” It shows, behind the call to military action, a series of images of people gathering in the kitchen over food. Friends, class members, children. That is the implicit benefit—and, as we know from research into how world process images, that benefit comes through brassy and clear in a mental picture even though it isn ’ triiodothyronine written anywhere. It uses colors strategically, cautiously placing oranges and blues to evoke certain emotions and actions. Colors, like images, are shortcuts to creating emotion. Colors, in fact, summons even faster than images for an even faster emotional reaction. emotion is an inextricable factor in the decision to purchase. In fact, there ’ s a capture study by neuroscientist Antonio Damasio of people whose emotional centers of the genius have been damaged and who, consequently, can ’ t decide between two types of pasta. According to Kissmetrics , 85% of shoppers place color as the primary reason for why they buy a product and color increases brand recognition by 80%. People are also said to make subconscious decisions in under 90 seconds, and color is a great way to trigger action. – Conversioner Emotions are powerful, and since we traditionally associate certain colors with certain emotions, color option can besides be potent ( it ’ randomness why we ’ re seeing sol many orange CTA buttons ! ). here ’ s a a lot simplified emotional semblance chart. Notice the blue… When a color is function of a mark ’ sulfur name, and runs as a leitmotiv throughout the trade name ’ s on-line bearing, it ’ south carrying emotional resonances. In the case of Blue Apron, the emotion is believe. orange is an active, motivating color—great for CTAs. Red, another very democratic option for CTA buttons, inspires action, but besides aggression and anxiety. In fact, crimson may have undermined the emotional feel of blue on this page had the interior designer choose to go the more traditional road with CTA colors… …and here ’ south where it gets actually concern. Blue is a very strange color for a CTA button. It doesn ’ t prompt action the way that red or orange does. here, where trust is so important, it works. Blue Apron’s Landing Page Takeaways
- Consider letting a strong image show your benefits, instead of telling them in copy.
- Think of your brand colors as emotional signals—what emotions do your target clients most want to have?
- A/B test your CTA button color. Orange? Red? Blue? Find out what works best for you.
9. Netflix—claim to fame: conversion copy.
“Landing pages with a clear call to action drive customers to act and increase conversion. A clear call to action creates a sense of urgency. By implementing verbs and action words, the landing page clearly communicates the message and what’s expected of the customer, which eases their decision-making process. Netflix executes this well with its landing pages instructing new users to click on a button to ‘Join Free For a Month.’” – Scott Crumrine, Founder & CEO of Guava Family, Inc .
What the page does well:
- It goes the more traditional route and places the emphasis on a strong value proposition and a bright red CTA button selling a FREE deal.
- It addresses concerns of a new subscribe right up front with “Cancel anytime before X date and you won’t be charged.” You’re not locked in to a burdensome contract; there’s no risk if you don’t like it; and there’s absolutely no financial risk for the first 30 days.
- It’s clean and simple, with very few distractions.
Netflix’s Landing Page Takeaways
- When you’re in an industry that has compromised the trust of consumers (think Netflix vs. a traditional cable company), addressing concerns up front and center can compelling copy.
- Limited time free trials reduce friction. Combined with a red CTA, it’s just the push many consumers need to act.
- Sometimes the benefits are self-explanatory. We all know the benefits of watching TV, so Netflix doesn’t have to use words or images to explain them.
8. Ahrefs.com—claim to fame: tagline mastery.
“Great CTA placement (read: in your face) as soon as you open the page, great copywriting showcasing their core features and benefits, mobile-responsive, and data-backed infographics. It’s an example of a company that truly understands its audience.” – Steve Kurniawan, Content Marketing & Growth at Nine Peaks Media
What the page does well:
- It opts for a headline that prioritizes clarity. The name “Ahrefs” doesn’t tell you what to expect, which is fine (neither does Apple). But it does mean that the first line on their homepage has to do all of the work in telling you what to find and do here.
- It helps simplify a features-heavy section with illustrations and short explanations to help it be understood at a glance.
- It backs up claims of “the most” and “the best” with tangible numbers. Studies have shown that using numbers makes anything you say seem more credible. So while it may not be very effective to say “we have the best data,” it’s very effective to say “we crawl six billion web pages every day.”
- It features a thoughtful CTA, different than the average free trial. If the company has tested a free trial in the past and found that a lot of people signed up, but a proportionally tiny number of people actually sign-in and learn to use the product, then it makes sense to ask for a nominal fee for a trial because spending just a little money acts as a “micro-commitment“—a tiny first commitment that motivates people to complete the action.
Ahrefs’ Landing Page Takeaways
- If you have to choose between a clever headline and a clear one, go for clarity, even if it seems boring.
- Use numbers to tell your story. Any part of your story. Numbers add credibility.
- When prospect follow-through is an issue with your free trial, try making it a low-cost trial instead.
7. Lyft’s “Drive with Lyft” Page (survey landing page)—claim to fame: fast conversion.
“The ‘Drive with Lyft’ landing page is straightforward and user-friendly. Above the fold there is a strong headline on a flat purple background, without any other distractions, and just three fields to fill in. That’s it. The limited color palette makes it much easier to focus on what’s important and find the details you need.” – Lotem Hayun, Head of Growth at Pramp
What the page does well:
- It’s free of distractions and has extremely easy steps to sign up. The biggest roadblock (pun intended) to becoming a Lyft driver would be if you didn’t have a car—a problem which Lyft solves just above the fold, so no one counts themselves out prematurely.
- It walks the reader, step-by-step, through how driving for them works with visual aids
- It includes an FAQ section at the bottom of their landing page that addresses the main concerns a new driver might have.
- It seeks feedback for those who choose “No, thanks” instead of signing up
Lyft’s Landing Page Takeaways
- Make the next step crystal clear, with no distractions, to get users to take the first step (ie. fill in the first form, or press the first button) fast.
- Smooth sources of friction by addressing prospects’ concerns with an FAQ section.
- Survey people who aren’t interested to uncover more reasons for hesitation that you can address in your copy later.
“The box on the top right corner of the Airbnb Host page detects your city and shows you the monthly potential income of the hosts in your city. You can even toggle between the number of guests and the space you plan to share to see the monthly income potential. Scrolling down, the user sees a simple step-by-step guide to becoming a host.” – Kim Smith, Content Marketing Manager at GoodFirms “What I really love about Airbnb’s landing page is the use of a simple hero image and a clear CTA. The hero image evokes feelings that arise when traveling, and the CTA is bright and lively.” – Lauren Crain, Digital Marketing Content Creator at Health Labs
What the page does well:
- It makes a core promise in the heart of the headline; “Earn money as an Airbnb host.” Your next question is probably, “how much money”?
- It ingeniously provides the answer to the natural next question in two places––one at the top corner to the left of the red “Get started” CTA That “Monthly potential” number is based on the monthly income potential of hosts in your city. This is before you’ve even filled out the form. Airbnb already knows where you live. Creepy? A little. Effective? Very.
- It gives the reader a chance to get more information before entering contact details with a simple form about location and type of rental.
- It addresses the questions and concerns a prospective host might have.
- It features social proof in the form of a testimonial.
- It evokes action and trust with orange and blue colors throughout.
Airbnb’s Landing Page Takeaways
- Put your biggest benefit first—and bonus points if you can personalize it like Airbnb does with localized earnings estimates!
- Asking people to do something scary? Give them guarantees and let them know how you support them.
- Testimonials sprinkled throughout the page are bright reminders of what good things can happen with your product or service.
5. Shopify‘s Homepage—claim to fame: no fear.
“Shopify’s homepage is one of the best homepages I’ve ever come across. The only CTA above the fold is ‘Enter your email address.’ There is a simple photo gallery, but it does not change automatically, and the user has to be active and click the arrow sign in order to see the next photo.” – Lotem Hayun, Head of Growth at Pramp
What the page does well:
- It instills confidence and relieves fear with phrases like “You’ve got the will. We’ve got the way.” Plus a note about a trial period that does not require a credit card.
- It clearly outlines the journey of working with Shopify, using images, videos, and brief text.
- It shows social proof with a testimonial, tangible numbers, and a rotating globe.
Shopify’s Landing Page Takeaways
- Are you the [only] company designed to serve [your target audience]? Do you have another differentiator that sets you apart from everyone else? Make that your headline—it’s always a good one!
- When possible combine addressing fears with stating your biggest benefits. It’s a great way to catch two fish with one worm. (Only monsters throw rocks at birds!)
- Strengthen your trust indicators by combining different forms of social proof.
4. Landing Page To-Do’s” for “Stitchfix´s Landing Page Takeaways
What the page does well:
- It kicks off with a quiz that asks a broad question anybody could comfortably answer
- It provides immediate pop-up responses to each answer selected, making the quiz feel personalized
- It collects information before sending quiz results
- When asking for personal information, it highlights personalization and alleviates worries by mentioning “no hidden fees or subscriptions”
Landing Page To-Do’s
- Catch users’ attention by inviting them to take part in a quiz. Interactive and personal are the trends in full swing right now, so if your landing page includes those features, you’ll be converting leads in no time.
- Take personalization one step further with a quiz or personalization that responds back to the user.
- For high conversion rates, at least at the entry-level, just ask for an email address or the option to log in with social media profiles. It’s quick, it’s easy, and it gets the prospect saying “yes” to you early on—making later “yesses” that much easier.
3. Upwork—claim to fame: choose your own adventure.
“Upwork features a bright hero image with copy that clearly states the value it brings to its consumers. Upwork also displays a ‘Get Started’ CTA for ease of use.” – Lauren Crain, Digital Marketing Content Creator at Health Labs
What the page does well:
- It positions its value both for employers and freelancers immediately.
- It makes use of green––an unusual color for a CTA.
- It offers social proof in the form of big name clients.
- It breaks down offerings by industry, scope of work, and price.
Upwork’s Landing Page Takeaways When your serve can be used multiple ways, try asking what the prospect would like to do in your CTA .
- Let prospects know the main ways they can use your product to achieve their end goals, preferably with an infographic.
- Make what you’re offering feel personalized and customized to the user’s needs. That’s what Upwork does by presenting all the ways Upwork can be used.
2. IWillTeachYouToBeRich (Quiz landing page)—claim to fame: segmentation.
“My favorite landing pages are Ramit Sethi’s course landing pages since they are incredibly detailed about what the courses cover, and have customer testimonials that handle objections. I think they are persuasive, effective, and contain all the content needed to make a decision.” – Stacy Caprio, Founder of Accelerated Growth Marketing
What the page does well:
- It makes a powerful value proposition, and poses a question as its headline, hoping to receive answers.
- It drives conversions with a quiz about spending habits, work, and pain points, but what it’s really doing is providing the business with information they need to qualify you as a likely lead, or not.
- It contains social proof in the form of places Sethi has been featured.
- It outlines what the consumer will get and puts the emphasis on how the prospect will benefit, which is really all a prospect wants to know at this stage of the sales cycle.
When you have prospects basically segment themselves, you can construct a personal-feeling e-mail crusade based on their expressed pain points, habits and hopes. They ’ ve given you all of the information you need to tailor your message to them, perfectly. IWillTeachYouToBeRich’s Landing Page Takeaways Put your respect proposition in your title. then you can play with a more creative headline .
- Try using a headline that asks a question users will want to answer.
- Create a quiz sequence that segments prospects automatically so you can create custom content. Not sure how? Here’s one way to do it.
1. Pupford—claim to fame: list-building machine.
“Our landing page has seen a constant 50% conversion rate because it provides an extremely high level of value (30 days of free dog training) with a very low barrier to entry. Just a name, dog’s name and email. The signup process is simple, and CTAs are strategically placed throughout the entire page. There’s also social validation through the use of influencers and user reviews.” – Devin Stagg, Marketing Manager at Pupford
What the page does well:
- It hammers in the point that it offers a free course and that the barrier of entry is low––just an email address is required. Cialdini’s theory of “reciprocity” is that people are programmed to give when they receive. The higher value the freebie, the more we want to give back. This page is effectively sowing the seeds for long, happy and profitable client relationships.
- It features over six CTAs throughout the entire page, giving potential customers opportunities to get started after each new piece of information is presented.
- It offers social proof from “pup parents like you.”
Pupford’s Landing PageTakeaways
- When something is important, repeat it. A lot.
- Sprinkle CTAs throughout your page, along with social proof. You want to give people multiple chances to say “yes,” and eliminate confusion about what to do next.
- When you offer something for free, make it a high-value offer if you want to really foster long and profitable client relationships.
now that you ’ ve had a crash-course in what works best, here ’ s how to apply it .
build and designing a capital landing page starts with your propose, continues with outlining the benefits and solution, and, ultimately, focuses on the CTA and those crucial plan elements that make your offer hard to refuse. For more inspiration, check out 12 land page examples that nail all of the above tips .