Posted On 11 Jul 2019
While many landing pages search different and use a variety of interesting strategies to pull in audiences, they all provide one main purposes. These pages get website visitors to convert to the next stage in the buyer’s journey.
Rather than serving as a basic advertisement that demonstrates a customer a product, a landing page aims to engage and gratify a patron by offering them something that relates to the product or the company’s industry. When they fill out the sort and receive a reward of interesting content, they might be even more likely to trust your brand and become a customer.
Here’s a quick example. If a business wants to sell an AI product that helps salespeople, they might create a landing page that gives audiences a free video on how to use AI in the sales industry. Interested audiences might offer their contact information in exchange for the invaluable datum. If they enjoy the video they’ve received, they might be more likely to respond to or buy a product from a company rep who calls them.
In another scenario, a publishing corporation that targets an audience of chief executives might create a landing page that invites audiences to sign up for a webinar hosted by an executive at a major corporation.
After giving their email address on the signup sort presented in accordance with the arrival page, the causes get an email with the webinar dates and log in information, as well as instructions on how to sign up for the publication’s newsletter or subscription. If the user is pleased by the webinar, they might sign up for the newsletter or a subscription to keep up with similar book content.
Although their purpose is simple enough in theory, actually designing a successful landing page involves some detailed planning and creative testing.
Even after launching your arrival page, you’ll want to pay attention to conversion rates to see how well it’s doing.
To determine your changeover rate, simply divide the number of changeovers a webpage produces by the number of people who inspected that page.
If your changeover rate isn’t close to the average just yet, don’t worry. Nailing those percentagescan be a bit challenging at first, specially is you have a lot of regular page visitors. Luckily, there are a number of simple conversion rate optimization strategies that can help you increase your current rate quickly.
Regardless of what your business is selling or the conversion action you hope to instigate, it’s helpful to get inspired by hear what other great landing pages look like. And because there’s no one “right” way of designing a arrival page, you’ll want to check out instances from lots of different industries for different stages of the buying process.
Want to get inspired? Check out the great landing page examples below.
We don’t have access to the analytics for each of these landing pages, so I can’t tell you specifically how well they convert visitors, contacts, conducts, and customers. But many of them do follow best rules while also implementing a few cases new experiments that have been able to give you ideas for your own landing pages.
13 Great Examples of Landing Page Design 1. Lyft
We love that on Lyft’s landing page, they zero in on their drivers’ main motivation: earning money easily.
We likewise adore that, in addition to the “Apply Now” form, motorists can type their city and the number of hours they might drive for Lyft in a week to calculate how much they’d establish. When guests fill out that information and press “Calculate, ” they aren’t taken to a brand-new page. Instead, they discover a dollar sum followed by a brand-new call-to-action button to “Apply Now”( which, formerly clicked, takes motorists up to the form ).
By offering these two transition footpaths, they’re able to address two different types of people in the transition direction: those who are ready to make the decision now and those who need a little more information before they convert.
Okay, so the whole idea of having a professional wingman to help you find dates and a meaningful relation is already pretty cool. But when you’re faced with the prospect of hiring one, it also raises questions. How does it run? How much does it cost? Is this really going to help me?
That’s why we desire this arrival page for Thomas Edwards, the original Professional Wingman himself, which outlines exactly what a complimentary coaching session is going to achieve. Plus, it’s clear that it’s complimentary, thanks to the boldly-colored call-to-action button above the fold.
Once you click that button, you aren’t taken to a new page. Instead, an interstitial figure seems right there. And while it does petition a lot of information — some of it a little personal — it also sends the message that The Professional Wingman “il go to” take this seriously, but only if you do, too.
3. Muck Rack
This landing page design has it all. It’s visually plea and interactive, offers scannable yet descriptive headers about Muck Rack’s services, and uses mentions from industry professionals as social proof. Plus, the page is intuitive and easy to navigate.
The cool part about this arrival page is that it can appeal to both of Muck Rack’s audiences. The top of the page is split into two, featuring their two different services side by side. Once a visitor moves his or her mouse over either of the “find journalists” or the “build free portfolio” CTAs, a very simple form seems — and that’s important, so as not to distract the user from the task at hand.
There are a few things that make this Cigital landing page work. It has simple and relevant imagery. The headline is straightforward and the description of the ebook informs observers of the specific value they will get by downloading it. There is only one call-to-action — “READ THE EBOOK” — that stands out on the page thanks to a bright yellowish CTA button.
The only thing we’d change about this landing page is that we’d remove the navigation bar at the top. They tend to distract guests and lead them away from the intended activity. Not simply is this a landing page design best practise, but we’ve likewise conducted A/ B experiments that’ve shown removing navigation relates from property pages increases conversion rates.
5. Khan Academy
The hard-boiled duty about utilizing your homepage as a landing page is that you have to cater to several different types of audiences. But Khan Academy’s homepage does that very well. This page is clearly designed for three different types of visitors: those who want to learn something, those who want to teach, and parents who are interested in using Khan Academy for their children. Plus, how motivational is the emblazoned “You can learn anything” text at the top?
The remainder of the page is designed for observers who are not completely familiar with Khan Academy. It colorfully and largely spells out the key benefits of using the learn platform — all of which are easy to scan and understand. There’s likewise a repeat CTA: “Start learning now.” As soon as observers feel they have enough information, they can click the CTA to get taken back up to the form at the priorities in the page without having to scroll.
6. Club W
A little bit of delightful photocopy can go a long way on your landing page. We adore the playful little aside — “( Hint: It’s Wine) ” — that Club W included below the header of their corporate gifting landing page. It humanizes the label and shapes them likable, which could have a positive impact on their changeover rate.
The images below that header make a nice use of negative space, proving the user exactly what his or her endow recipient might actually receive, should they choose to gift with Club W. And, of course, there’s that bold call to action — “Email Us”.
The one thing we’d change? The CTA inspires the users email software to open, which drives traffic away from the website and the browser altogether. A form might be more effective here — not only would Club W be able to dictate what information it wants to capture, but also, it would keep the user on-site.
I like this page because it’s simple in both copy and designing. The image above the crease is a computer screen displaying an HTML bracket with a blinking cursor — a whimsical, clear visual to accompany the form on the right.
The form itself is simple and simply requires an email address, username, password, and a validation that you’re not a robot to create an account. Or, you can just use your Facebook or Google Plus login, abridging the transition track even further.
For visitors who need more information before creating an account, the landing page also offers a video below the crease that explains their notion and appreciate by way of a real-life success story. Again, this helps stimulate the potentially intimidating world of coding more approachable for beginners.
Those who need even more convincing can continue scrolling for additional testaments and other means of social proof.
I don’t think we’ve ever lived in a period when, culturally, we’ve been so food-obsessed. Poached has turned that into a B2B model with a platform to connect proprietors and culinary talent.
When you visit the homepage, there’s no mystery about what you’re there to do — the giant “Post a job” and “Choose a city” calls to action help with that. And once you click on one of them, you’re taken to a no-frills form to become a member or log in, or a index of jobs in each city. It’s colorful and comprehensive — and, it establishes us hungry.
Here’s another example of clever, delightful design on a arrival page. As soon as you inspect Breather.com, there’s an instantaneous call to action: indicate where you want to find a room. Plus, it utilizes spot services to figure out where you are, providing instantaneou alternatives nearby.
We love how Breather employed simple, to-the-point copy to let the visitor know what the company does, followed immediately by the CTA to select a city. And if you need to scroll down for more information, you can see that Breather played with the microcopy with personality( “no commitment, ever” ), reminding us there are real humans behind the specific characteristics. That brings us a little closer to the brand. The negative room and soothing color scheme are also aligned with the product — essentially, chamber to breathe.
Visitors to your website won’t hand over their personal information without knowing what they’re going to get in return. On its landing page, Startup Institute makes abundantly clear what will happen after you apply by roll a Q& A right beside the figure. It might motivate some people to say, “They read my brain! “
To scaped hesitancy to fill out a kind, use your landing page to set promises upfront. That clears the breath, and can also weed out the people who don’t take your content, product or service seriously.
Who is your landing page’s target audience? While most of Edupath’s website content is directed toward students, the authorities have areas to pursue efforts to admonishing parents on helping their adolescents through college applications and SAT preparation. The landing page below is in one of these sections.
When mothers fill out their teenager’s name, email address, and mobile amount, a link to download the Edupath app is sent directly to them. The folks at Edupath know students are likely to do something if their parents ask them to — especially if it means they don’t have to surrender their phones.
Plus, it’s an easy, one-click process. This whole conversion path is a clever and helpful way to get the apps on more students’ telephones by way of their parents.
12. Taster’s Club
If there’s anything we enjoy more than a fine whiskey, it’s a whiskey club homepage that attains it easy to either join or learn more about membership. Case in degree: Taster’s Club, which immediately serves up those extremely two CTAs on its landing page — which likewise happens to be its homepage.
For those to wish to learn more, clicking that CTA will immediately scroll the user down to colorful, image-rich details on what a Taster’s Club membership includes. Keep scrolling, and you get user testimonials.
But clicking the “Join Now” button is where the real fun begins. After doing that, you get to pick your poison — that is, the type of whiskey you like the most — and panorama the membership or endowing options available for it. Once you stir your selections, you’re taken to an easy-to-navigate checkout page to enter your payment information. Good design and ease of use? We’ll drink to that.
The landing page below has been used to market and make leads-in for one episode of Microsoft’s IT Showcase webinar series.
This simple and straightforward design does a great job of presenting why the webinar being offered is important to IT professionals. Along with a quick blurb describing what the webinar will discuss, the page also includes links to similar webinars, details on the speakers, and is linked to Microsoft resources that touch on specific topics that will be discussed.
An IT company which has access to saw leaders or experts in their industry could similarly use this webinar landing page strategy to generate both causes and prospective customer trust. Audiences who feel informed after learning the landing page might sign up expecting the webinar to be insightful.
If the webinar seems informative and credible, these audiences will think that the IT corporation has an expertise in the product and might have quality product offerings. This will stimulate them more willing to talk to a representative to learn more or acquire a product.
Ready to build your landing page?
If these instances have inspired you, but you’re not a layout expert, we’ve likewise established a great list of free, professionally designed landing page templates.
Read more: blog.hubspot.com