Landing pages are becoming increasingly common among digital marketers and for a good reason too. A landing page can be used to effectively establish a lasting first impression with potential clients and can be your best strategy to increase your conversions. However, a landing page is only as useful as long as it is entirely optimized and optimizing a landing page can be quite challenging especially if you are new to the idea.
Before you can start designing your landing page, you should have a framework of how you are going to develop every single element of the landing page. Ask yourself questions like what items should you include in your landing page, what are the best design practices to influence the conversion rate of your pages and more specifically, what is the best framework to adopt for your landing page?
As a digital marketer, you should already know that there is no one specific design framework for a landing page. However, there are some universally accepted components which should be included in an effective landing page. These components will enable you to come up with a robust framework as well as keep your site visitors engaged on the page long enough for them to convert into actual long-term customers.
If you design your landing page by perfectly piecing together all its elements, you can end up with a page that will always keep the conversion rate high. In this article, you will be guided on how to come up with the optimal framework for all the elements of a landing page to maintain an ever-rising conversion rate.
The reason for leaving out navigation bars on a landing page is because the prospects are shown everything to convince them to convert to real leads, and that is mainly everything included in this article. Should it become paramount to add a small navigation bar, then use a style that will be less distracting such as a hamburger menu.
Your headline is the most crucial element of your landing page for the simple reason that it is the first thing that visitors will be visually attracted to when they land on your page. It is essential that you come up with a captivating headline which will entice visitors and prevent them from bouncing immediately and instead encourage them to consider what you are offering.
Irrespective of the product you are promoting, a good, compelling headline should have these three main traits:
In some landing pages, you will find the main headline supported and re-enforced by a sub-headline. Here is an outstanding example of how a headline should be enforced on your landing page.
If your product is an alternative to something already in the market, make sure you capture that in the three traits of your headline: clarity, relevancy, and empathy.
Effective copy of the main content
Having a decent and persuasive copy is important because it is without a doubt one of the primary ways you get to put your point across to your potential customers. To come up with such a copy, you need to incorporate the following.
- Amount of text – Should not be too little or too much. Depending on the product or service you intend to offer the customer, the amount of copy might be less or of an average value. Some products only need the basics.
- Writing style – Your copy should address the prospects directly using a simple to a simple language that even a 5-year old can comprehend. It is crucial that you avoid buzzwords such as “brand new and improved” or “cutting-edge and innovative.” These words don’t mean much to the reader because what they are interested in is how your service or product will solve their problem so make sure you address that directly.
- Formatting – When arranging your content, you should put in mind that most online visitors are skimmers which is why you must apply a range of formatting styles such as numbered lists, bullet points, bolded copy and italics among others. This should help to amplify the most important parts of the idea you are trying to sell to the readers.
Here is one example from Infusionsoft on how to achieve this, take note of the bolded and customer-centric wording.
Ensure the potential customer understands what they stand to gain or lose if they accept or reject your offer. Wrap the benefits in short, precise and simple words.
Now that we know the majority of online users don’t like to read web content, how else can you better your methods of passing your information across to your prospects other than by using an engaging media? There are three types of media you can use, namely, video, image, and GIFs.
Using a video as your hero shot can be exceptionally useful in demonstrating the context of use of your product compared to any other type of media or wording. The following are the stats that show why you should embrace video when choosing which hero shot to apply on your landing page. These statistics are according to GetElastic.com.
- Internet surveys show that 52% of online consumer prefer watching product videos because it makes them more confident when making purchase choices
- Online shoppers who watch product views are 174% more likely to place an order than those visitors who did not
As you can see in the image below, Shopify has used a video as the hero shot on their landing page.
If you are using images on your landing page, they should not just be pretty but attention-seekers literally. Ensure the image you pick maintains relevancy and helps the lead generation and conversion.
Landing page image should be able to accomplish the following tasks:
- Introduce customers or employees.
- Add personal appeal and invoke human emotions.
- Showcase the product and its features.
- Reveal the story behind your product.
- Direct the visitors’ attention towards a target element such as the CTA button or form.
You can use GIFs as substitutes for videos although they are simple animated images which help to explain the products being offered. GIFs are known to be highly interactive than images but less than videos.
Trust building elements
It is essential that you incorporate trust-building elements on your landing page because you want your potential customers to start trusting your product from the word go before they even decide to convert on your offer. There are a few components which make up this and are referred to as the trust indicators.
The five trust-building elements that your landing should have included:
- Statistical evidence
- Customer testimonials and reviews
- Trust badges / authority badges
- Third-party seals (MacAfee, Verisign or PayPal)
You might have come across some of the following elements when browsing specific sites on the internet. These are what we refer to as trust badges and third-party seals.
And about making use of social proof by sharing your activities and success with website visitors? You can adopt one social proof platform like crowdy.ai and benefit from all social proof aspects at the same time:
1. Add Testimonials and Video Testimonials because customers trust other customers. After a client completes the purchase, crowdy.ai sends them a link where they can write or record a review. Next, you approve the testimonial and the tool starts to feature it on certain pages.
2. While testimonials and case studies are great, a real-time overview of website activity is even more powerful. Conversions tool builds trust by not only letting you know others are using the site but that they’re booking this specific product or service. What’s more, with the help of social proof tools, you can display recent actions like opt-ins or sales to establish social proof and raise your conversion rates.
3. Other social proof tactics crowdy.ai offers include Star Ratings and Social Count features. Star Ratings automatically gathers reviews and displays them on your site. Social Count displays your followers or subscribers on various social media channels. The number of shares of your content on social networks can be all the proof one needs to invest in your product or service.
Lead capture forms are there to give you a chance you have been waiting for to capture the visitors’ information. However, for your form to work as expected, you have to design it properly. Ensure your form does not ask for too much unnecessary information. The form should only require essential information from your prospects. Too much information might raise eyebrows making the visitor become paranoid, and hence you end up losing a significant lead. The higher your offer sits on the marketing funnel stage, the lesser the information the form will require.
Organize the form in an easy-to-fill manner to give your visitors more time to continue skimming through your page. What is even relevant is the location of the form on the landing page. A strategically placed form has a higher chance of getting filled than a poorly placed one.
There are several ways one can design the form on the landing page, and one of these is the two-step opt-in method. This method enables simplification of the page by getting rid of the form and replacing it with a CTA button. As soon as the visitor clicks on the call to action button, the form will automatically pop-up.
Your landing page should stand out from rest. However, the only way to ensure that happens is by making sure there are no confusions whatsoever regarding the click-to-redeem offer button. Your call to action button should be designed by considering its position, color, size, and copy.
The position of the CTA should be such that it does not prematurely appear on the page because you will run the risk of losing potential conversions. Place the call to action after introducing and explaining what you are offering in a manner that will convince them by the time they come to the CTA. The size should also be measured because we don’t want the CTA too small that it gets disguised in the page.
You can also ensure the CTA does not disappear from plain sight by using a color that contrasts well with the other content on the page. If need be, try to avoid overused words such as Subscribe, Submit or Download in your CPA copy. Your creativity should become lively here. A sample call to action should look something like this:
Always keep in mind to test different variants of your landing page. Check out our post on A/B testing to learn more.
Extra useful resources
If you want some examples of great landing pages, check these best landing page design examples from Hubspot. Kissmetrics offers a great beginners guide to learn everything you need. Unbouce explains the difference between a homepage and a landing page as well as the different types of landing pages. Further check out this landing page course from Unbounce. Now you have everything you need to start. Good luck!