Why is KlientBoost continually seeking landing page inspiration?
There’s no one right way to design and optimize a landing page. However, there are tools and methodologies we can stick to and test to boost conversion rates.
And we’ve put together some examples of where these have been used in these 40 landing page inspiration examples — because it’s one thing to talk about it and another thing to show you how it’s done successfully.
Landing Page Inspiration Example 1) Keep It Simple
Typically, a landing page will only need 4 core elements above the fold:
- Hero image(s) that clearly communicate the product or services being provided
- Headline/subhead that communicates UVP (Unique Value Proposition) clearly
- CTA (Call-to-Action) that contains the core offer the visitor will expect to receive once filling out the form
- Logo where the visitor can click to go to the website homepage, and that also communicates the brand of the page the visitor has landed on
55% of visitors spend fewer than 15 seconds on your website. Therefore, it’s important to be concise and clear with imagery, copy and iconography throughout your landing pages.
2) Use Color Wisely (Make Your CTA Button Stand Out)
Although you may be tempted to have your CTA button color match your branding, we’ve found through our own landing page tests that CTA buttons which are contrasting in color (stand out easily) tend to convert better.
For example, we ran an A/B test for a client who specializes in home loan mortgages, and we actually found that having a CTA button color that was contrasting their branded green boosted their conversion rate from 9.57% to 13.18%.
3) Communicate Your UVP (Unique Value Proposition)
You can test if you’re communicating your UVP well by having a test visitor (like a fellow coworker) launch the landing page and allow them to look at it for 5 seconds. If they have no idea what the UVP is after 5 seconds, you’re probably doing something wrong.
Here’s a great example from Instapage of a clear and concise headline and subhead mentioning UVP:
4) Get Visual with Your Copywriting Descriptions
The focus of a landing page should be providing ROTI (return on time invested), meaning make it worth the brand’s while.
Although it may sound counterproductive, with copy, you want to show, don’t tell. Here’s what I mean:
- “Sign up now!!!” – Not very effective.
- “Want to save time shopping? Sign up with us!” – Better, but still could improve.
- “Get totally customized and awesome deals directly from shops you like to buy from without the hassle of searching the web for hours” and follow up with, “Here’s how” – Much more effective in communicating UVP & ROTI.
News flash, people don’t like to read, so make sure your copy is as condense as possible and avoid “plague words” that waste time.
In this example, we can see how a simple headline change can make a world of difference. Not only should you make it clear what your core offer is (in this case, it’s to download a free guide) but you also should be communicating your UVP or that the guide has hidden insight the visitor will want to know about.
5) Add Social Proof to Boost Credibility
Including social proof is vital to making any product or service credible. This can be in the form of statistics, video, case study, review, ratings, number of customers who use your product or service, or a written response or comment.
Perhaps the visitor needs a little “push” while they’re filling out the form on the landing page…
6) Place Iconography Over Text Whenever Possible
Using iconography over plain text is helpful, especially in these scenarios:
- You have a lot of copy.
- Copy contains “steps” to a process, or your product or service requires “steps” in order to convert.
- There are unique features your product or service offers over other products and services.
In this variant, we decided to include iconography in lieu of a background image and numbers. This variant had a higher conversion rate than variant 2 (30% to be exact):
7) High Quality Images (No Pixelated Photos…EW)
Squarespace is a great example of a web product that uses high quality imagery, which makes their brand reputable:
One of the best ways to convince people your product or service is high quality and worth their while is through relevant imagery. That way, visitors will be less likely to bounce off your landing page and will, therefore, be more likely to convert.
In an article that discusses bounce rate, it claims, “… A bounce rate in the range of 26 to 40 percent is excellent. 41 to 55 percent is roughly average. 56 to 70 percent is higher than average, but may not be cause for alarm depending on the website. Anything over 70 percent is disappointing for everything outside of blogs, news, events, etc.”
Always make sure the images aren’t too large for loading times. Google research revealed that a loading time increase from 0.4 to 0.9 seconds can reduce traffic by 20%.
Some general best practices:
- Resize the image yourself (as opposed to having the browser resize it).
- Compress the image in PhotoShop, an online compressing tool or even in Paint.
- Experiment with different image file types (PNG vs. JPG) to optimize quality without sacrificing load times.
- Leverage page caching as much as possible.
A great (and FREE) resource we like to use to compress images to ensure high quality but lower file size is TinyPNG.
8) Choose the Right Font
Click Laboratory conversion rates shot up 133% with the simple change of a font A/B test:
Sans-serif typefaces are readable on screen and are serif are more readable on print. However, serif works great on landing pages, especially for large bodies of text. You can use serif and sans-serif typefaces depending on your target audience as well. Sans-serif typefaces tend to appeal to younger, tech-savvy crowds, while serif typefaces appeal to more mature audiences.
9) Include Relevant Qualifying Questions in Your Form
After changing the offer for our client who specializes in legal practice management software from getting a free consultation to getting a free whitepaper, we found that we didn’t need to ask for as much personal information. Instead, we could get more leads in the door by asking to contact them via email, which really pushed visitors through the funnel.
We also found that asking for the company name vs. a personal phone number was much less aggressive of a request and boosted conversion rates almost 50%.
Low intent offers for colder traffic nurtures your audience and gives you the perfect opportunity to ask them to sign up for a free consultation, demo, trial, etc. on the thank you page or even retarget them with paid search.
10) Choose CTA Button Copy Wisely
Your Call-to-Action should be clear, not intimidating, and not open-ended. For example, for a lead-gen landing page where you’re trying to get consultations, having your CTA button say “Get Custom Pricing” instead of “Get a Free Consultation” is much less intimidating and will, therefore, reduce the friction on your landing page.
For pages where you download an eBook, saying “Download My Free Guide” instead of saying “Get My Ebook” is usually much more effective.
Here are some great examples of Call-to-Actions we like to stick to when the core offer is getting a demo:
- See It In Action
- Watch Now
- See Now
- Join Live
- 10-Min Demo
- Get Recording
All of these sound non-aggressive, but still get the point across. Although it’s best to be specific with CTAs, sometimes a CTA like “Get Started” works extremely well. Adding “Get Started” CTA buttons to many of our trial landing pages has boosted conversion rates 100+ percent. We can always think outside the box with “Get Started” CTA buttons, however.
11) Match Visitor Intent
User intent is the mindset of the user when he or she is entering a keyword into the search engine. It’s important that the headline on the landing page is clear and relevant to the keyword phrase typed into Google.
12) CRAP – Contrast, Repetition, Alignment, Proximity
The four graphic design principles are contrast, repetition, alignment, and proximity, or C.R.A.P..
Contrast helps to highlight and focus attention. Contrast may be achieved using color, shades of gray, size, visual weight, and so forth.
13) Include Pricing Whenever Necessary (If Not Sure, A/B Test It)
A good rule of thumb is to include pricing if you’re offering something like a free trial (high intent/hot traffic). If you’re offering something that’s low intent (colder traffic) like an e-book or even a demo, pricing is usually not necessary.
Another great example of when to include pricing tables on a landing page is when the visitor is being brought to a checkout page like Eventbrite (Just be sure to use an external tracking code to see if visitors who land on your page are purchasing tickets).
14) Give a Sense of Urgency/Scarcity
Having something as interactive as a countdown clock to push the user to convert before “time runs out” is a great idea for A/B testing.
15) Make Sure Your Landing Page is Mobile Optimized
Mobile is often the fastest growing platform for digital marketing. We must remember that 74% of people use their mobile phones to help them while shopping. Mobile marketing is also the fastest growing of all digital platforms. There are some rules/best practices you should follow when optimizing for mobile:
- Quick load time
- Short, action-oriented titles
- Short, smart landing page copy
- A CTA button that works well in touchscreen mode
- Keeps the most relevant information above the fold
- Looks good in landscape and portrait mode
- No unnecessary navigation links
- Asks for minimum information on forms
- Possibly uses a “click to call” button versus a CTA button.
16) Use the Breadcrumb Technique
Your goal is to get the visitor to micro-convert before they actually macro-convert (this is what you’d technically consider a “conversion”). Some of the hypotheses we’ve thought of as to why using multi-step landing pages work so well are:
- Qualifying questions give the visitor the impression that they’re getting a personalized experience rather than a name, phone number and email getting thrown in a pot.
- People are both busy and lazy, and filling out lead gen forms can be time consuming. If you first ask qualifying questions, the visitor will at least micro-convert and then finish what they started and give up their personal contact information.
A qualifying question like we did for a client with “how does your company currently manage sales tax compliance” is a great example of how to lead your visitor through the funnel and get that micro-conversion:
Needless to say, the form after will ask for the personal contact information along with a CTA that says, “Send a Quote”.
17) Build an Interactive Landing Page
There are many different ways to have an interactive landing page — icons that animate when you hover, clickable items, image decks, and you can even get creative with your form process. Not all landing pages have to be static run-of-the-mill fill-in form fields.
18) Remember the Decoy Effect
Definition: The decoy effect is a cognitive bias that means people can be persuaded to change their preference between two choices when a third (decoy) option is introduced. The decoy has to be clearly inferior in all respects to one of the offers and inferior in some respects to the other option to make them look more attractive.
19) Compare with Competitor’s Page
It’s best practice to include a comparison chart with a competitor keyword and your brand to show the visitor clearly how your product or service is superior.
20) Gated Content
Gated content is a great way to accommodate cooler traffic and encourage visitors to move through the funnel and become a paying customer. What’s gated content? It’s online materials, such as white papers, articles and videos that require that users fill out a form before they can access them.
According to content marketing expert David Meerman Scott, ungated content is downloaded 20 to 50 times more often than gated content. The only downside to ungated content is you don’t get access to any lead information.
A great time of year for gated content is the holidays — offer special deals. Our clients see much higher conversion rates with gated content landing pages.
21) Give Special Attention to Your Hero Image
The hero image is the first item your visitor will notice whenever landing on your squeeze page. The hero image should communicate exactly what the user is going to expect/receive from filling out the form, calling, or signing up.
Here’s an example of Uber’s excellent landing page:
22) Offer Ebooks/Whitepapers to Grab Cold Traffic’s Attention
Landing pages that offer ebooks are aimed at colder traffic visitors. Ebook landing pages should include the following:
- Short copy
- Picture of the cover of the ebook
- What’s included in the ebook
- How it will benefit the visitor (why the visitor needs it)
- Mention that it’s free.
- 1-step, because it’s so low intent there’s no need for qualifying questions in the beginning
- Minimal fields
Unbounce has a great example of an ebook landing page that’s actually focused on conversion rate optimization:
23) Add Videos
Videos are a great way for your visitor to experience your landing page without actually having to scroll through and read.
Patagonia, a company that has always made strides to create unique marketing campaigns that stick with their consumers, uses video as main form of communication between them and their customers.
It’s important to ensure the video on your landing page does not take priority over your headline and CTA button.
24) Give Your Page a Personal Vibe with Staff Summaries
Landing pages that are great candidates for staff/team images and summaries usually are under the scope of doctors, medical groups, therapists, public speakers, lawyers, and even rehabs.
Affinity Creative Group, a wine label design and marketing firm, has great staff photos and bios. Check it out:
25) Don’t Forget Your Thank You Pages
Thank You pages can be particularly action-oriented when offering gated content such as a downloadable ebook. For instance, if your offer is a downloadable ebook, offer access to an immediate download button or an email delivery of the link, so they can save the reading for later.
You may also want to include a link to follow through with a higher intent offer like a trial or demo as well as share with a friend or on social media. Once the visitor converts, you really have nothing to lose, especially for gated content landing pages.
When I opted in for a HubSpot ebook, I received access to the file download both in the immediate Thank You page as well as in the auto-response email.
26) Add Bottom of the Page CTA Sections
Putting CTA’s not only above the fold, but also at the bottom and middle of your landing page is great, especially for those that are lengthier.
Having a CTA at the bottom of your landing page gives the visitor that last chance to convert before bouncing. Very few users will actually take the time to scroll back to the top of a landing page to convert.
27) Stick to Your Brand
Apple is the first company that comes to mind when I think of brand awareness. Their brand is communicated clearly and without interruption from their website, all the way to the iPhone you may be holding in your hands.
28) For Mobile Apps, Consider Variations of Landing Page
- Picture or video of the app in use
- CTA that allows the visitor to download directly, sign up, or start a free trial
- Price (if it costs money to download)
- Positive reviews of the app
A newly released app, Groovo, allows you to edit videos on your phone and put a music track over the video before posting it to social media:
29) For E-Commerce, Consider Variations of Landing Page
Ecommerce landing pages can play an important role in motivating traffic to continue engaging with your brand and ultimately convincing them to make a purchase.
Keep in mind, however, a landing page is different from a product page.
Landing Pages are used to drive paid targeted traffic to a specific conversion. Landing pages are considered lower in the funnel, or closer to the final sale.
Product Pages are used to attract browsers (both organic, direct and less targeted paid audiences) back to a page and allow for additional browsing. Product pages are considered mid-funnel, when consumers are still comparing options.
This Nike page is a great example of a product page that allows mid-funnel users to shop and compare options before making a purchase:
This landing page is selling a kit that gives the visitor a variety of options, at an ‘exclusive’ price:
30) For Lead-Gen, Consider Variations of Landing Page
Micro-conversions: Every good lead-gen is a 2-step form process. I mentioned this eariler. If you get the visitor to micro convert (i.e., ask qualifying questions in the first step) then they’re more likely to macro-convert (i.e., give up their personal information).
Depending on the industry, core offer and some other factors, there are many different qualifying questions to ask in the first step.
This also gives you valuable information on your visitor and potential customers. Some great examples are:
- “What’s your goal today?”
- “How soon are you looking to ____?”
- “What’s your industry?”
- “What are you looking for today?”
It’s best to require your visitor to do the least amount possible — Get creative.
Here are some suggestions:
- Use radio buttons
- Drop-down fields
- Multiple CTA buttons
Here’s a great example from our Australian client who specializes in home loans:
Because we eliminated a whole step, the conversion rate went up almost 30%.
The less intimidating you can make your lead-gen page, the better. 2-step landing pages help reduce friction throughout the funnel and on your lead-gen landing pages.
31) Consider a Call-Focused Landing Page If Targeting Mobile
Call-focused landing pages are especially needle pushing for conversion rates if your traffic is mostly mobile. A majority of mobile users want to call a business directly vs. filling out a form and wait to be called by a sales rep.
A restaurant is a great example of a client that would want their phone number to be easily accessible:
32) Give Your Page Personality
Even for something as dry as banking, you can make your brand fun and engaging. Simple is an online banking app with built-in budgeting and savings tools (basically a bank built for millennials):
33) Try Out Animations
As long as it does not slow down loading time too much, consider animations. But always pick speed over adding animations. Rogie’s portfolio has some great animations that makes the page more fun and interactive:
34) Don’t Forget Creative Footers
Although most visitors will not scroll to the bottom of the average landing page, footers can be your last chance to get the few who do scroll to the bottom to convert. In fact, some landing pages work great with the form being the last element on the page.
Creativebloq has some great examples of beautiful footers on websites and landing pages:
35) Review Ease of Use (Wise UX Design)
You want the visitor to be able to navigate throughout your page easily. Some tools to help with user experience on the landing page:
- Sticky footer/header
- Smooth scroll buttons
- Contrasting CTA buttons from other clickable items
- Hierarchy of information
36) Add Illustrations
Hand-made illustrations are a great way to personalize your brand and give it some visual umf. They can communicate your message easily and allow you to use less copy that’s more concise and effective in converting visitors.
Allbirds is a wool shoe brand that does not hold back when it comes to illustrative style:
Even in the checkout page, you get an animated illustration that’s enticing you to proceed to checking out and purchasing the product.
37) Set Up 1 Step vs. 2 Step Forms for Testing
We like to stick to the Breadcrumb Technique and slowly ease the visitors to macro-converting, especially for landing pages with lead-gen forms. The Breadcrumb Technique takes advantage of multi-step landing pages.
Qualifying questions & personal lead information all in a 1-step form (usually has a low conversion rate).
Qualifying questions on the first step of the form and personal lead information on the second step. There’s usually a high conversion rate on the first step (micro-conversion) and a higher conversion rate on the second step (macro-conversion).
A great example of a 1-step that receives conversion rates that are greater than 10% is a client who specializes in podiatry in Los Angeles:
38) Use Chatbots to Make Converting a Conversation
The 2-step page conversion forms usually outperform their 1-step counterparts, because they have less friction. Easing users into the conversion process can make your brand feel more familiar and less salesy. It can also help you acquire more user information if you know how to bide your time.
Chatbot conversion experiences are a great way to turn your conversion forms into a conversation. RapidMiner has a great example below:
Chatbots are already a great way to answer user queries on your landing page. The more you can cater to your potential customer’s actual questions, the better off you’ll be. If you can apply that same logic to your conversions themselves, your results should rise along with your customer satisfaction.
39) Include Features of a Product
At KlientBoost, we like to stick to “rules of 3”. This means we like to try to keep the features of your product to 2-4 main points to allow for the content to be easily digestible. Although we don’t use templates, Unbounce has plenty of great template designs that utilize the “rule of 3” law:
40) Add Quantitative Testimonials
Showing numbers from successful customers is a great way to increase social proof and push the needle for conversions.
This landing page has some quantitative testimonials that show great value in the company:
41) Add Qualitative Testimonials
Positive reviews should be highlighted on your landing page to increase social proof, credibility and therefore, boost conversion rates.
Testimonials should include:
- Star ratings (if possible)
- Company logos (especially if it is a large brand)
- Name and position held as long as it is relevant
- Photo of the reviewer
Here’s a qualitative testimonial from a client’s landing page that offers a free trial:
Wrap Up on Landing Page Inspiration: What’s Next…
There are plenty of other great sites that have beautiful examples of landing pages like, Dribbble and Behance. Feel free to check out and follow KlientBoost’s Dribbble page too for more landing page inspiration.
After reading this post, what kind of landing page will you be creating? Let me know in the comments below.