November 14, 2012

Design Elements of a Landing Page


The following elements are always need to be on a page to create an effective landing page. However, there are several elements that are essential to your success.
  1. Logo: The visitor needs some way to identify who they are potentially doing business with. A logo won’t make your sale, but a poor one can lose your sale. A professionally designed logo always helps establish some bit of credibility. Most sites have this in the upper left hand part of the page; some have it on the upper right.
  2. UVP or UCP: Once the visitor knows who you are, they need to figure out why they should do business with you. You should communicate this in a simple statement that explains your value proposition (UVP) or your campaign proposition (UCP).
  3. Headline: The landing page headline should reinforce the scent from the ad that delivered your visitor to the page; that’s persuasive momentum. Your headline can either be designed in a text format or graphical format; it doesn’t really matter. Many marketers use a dynamic system to personalize their landing pages for the ad or keyphrase that attracted the visitor in the first place, to have better continuity (scent) from ad to landing page. Dynamic tools work, but beware.
  4. Offer: Direct marketers know that the offer is one of the most critical elements of a well-designed campaign. That is why they spend a lot of time testing their offers. Offers must be clear and concise. A maxim of direct mail is that a confused mind always says “no.” The offer is the deal you’re presenting to your visitor. Don’t get this confused with a “call to action,” which is the action you want the person to take. Sometimes the offer is actually delivered successfully as the headline.
  5. Descriptive copy: What supporting copy do you need to explain what you do, what you offer, and how it will benefit your visitor? This is often a list of key features and/or benefits. Don’t overlook formatting. Will the copy be delivered in block text, bullet point, or some combination of the two?
  6. Product/service presentation: This is the imagery you use to support your copy and style for your page. This often takes the form of a product image, a product or service tour (photos or video), screen shots, or lifestyle images. A good picture can be worth a thousand words if you can use it to engage your visitor and give them a sense of what owning your product or service will be like. Likewise, poor quality graphics or presentations can confuse or turn visitors away. A great image won’t make your sale, but a poor one can help lose your sale.
  7. Calls to action: I break out calls to action into three types: hyperlinks, buttons, or forms. The objective of many landing pages is to get visitors to complete a form. If that is the case, make the form easy to complete on the landing page, and avoid requiring the visitor to take an extra step – and going to a form page – if possible. Other than your offer, this is an important piece to keep testing. Calls to action should stand out (think contrast) and be obvious from the moment a visitor lands on your page. The visitor should always know what is the next step they should take.
  8. Confidence building: A visitor will not convert if he doesn’t have confidence or trust in you. There are dozens of factors that affect trust or confidence in your visitors on your pages, and dozens of things you can do to negatively impact trust and credibility. I’ll cover only a few types of things you can add to boost confidence. Basic confidence boosting elements can be the effective use of testimonials or customer reviews, leveraging examples of previous customers, using third-party validators (such as media mentions or reviews, as seen in references, or trust marks), and using point-of-action assurances near your call to action.
  9. Link to more information: Many experts believe your landing pages shouldn’t have any additional links other than your main call to action. I believe it depends on several factors, including the complexity of what you sell and the buying stage of your prospect (early stage buyers tend to be in information gathering mode not action taking mode – so let them gather information). Don’t blindly follow “best practices;” use your judgment and test alternatives.
  10. Template elements: These elements are usually found in the header or footer of a template. They may be your copyright notice, phone number, live chat, address, privacy or other policies, etc. These are usually not elements of the persuasion process, but many can be supportive. All pages should have easy contact information and privacy policies.
Look at your landing pages and your competitors’ to see if you can identify these essential elements.

5 Dimensions of Landing Page Element Success

  • Relevance
  • Quality
  • Location
  • Proximity
  • Prominence
Relevance
Everything else about your page can suck (the technical term we use in Brooklyn), as long as you manage to understand your visitor’s intent and meet it with a page that is relevant to their needs, matches their expectations, and explains things in terms they understand for where they are in their buying process.
First: If your visitor came from an advertisement, be sure tomaintain scent between the landing page and the advertisement. If it is a search or PPC (define) ad, then your ad and landing page should match the query the visitor used. And, the offer used should match from ad to landing page. If it is a display ad, the offer, imagery, colors, etc., should match from the ad to landing page.
Each of the 10 landing page elements should be relevant to the visitor’s goal while ensuring they complete the action you want them to. Remove anything on the page that is not relevant to their buying process and anything that does not help them convert. This will also ensure the message’s clarity.
Your message must also speak to the correct persona for their preferred way of gathering information, making decisions, and stage of the buying process.
Quality
The better each of your elements are crafted, the better your results. Your copy should be engaging and easy to read, both from a relevance and visual appeal. Your copy should be skimmable and scannable – visitors won’t waste time reading until they scan the page and make sure it is relevant to them. Your landing page and any graphical elements you use should look professional; that doesn’t necessarily mean it needs to look pretty. Often times, ugly but professional pages convert better; don’t let your graphic designer kill your conversion rate. Even the quality of a voiceover in a demo can make a conversion difference.
Location
Where elements on the page are located can make a huge difference. Try to get the most relevant information and calls to action above the fold. If you have a multiple column page, what elements appear in what column also matter. The order of your elements matters too; this is often the case in copy where I have found that if I take the last paragraph of copy that is on the page and make it the first paragraph, it will usually increase conversion rates.
Proximity
Be conscious of what elements lay next to each other. An example I use is Overstock.com. A graphic next to the internal search box reads “Kids Titles for Learning and Fun” on its movie page. When the two elements are looked at together, visitors think they are related. They ended up thinking that the search box was for searching kids’ movies. As soon as we swapped the graphic to “search over 24,000 movies,” it accounted for a 5 percent increase in revenue. It was that big of a deal. Or as my friends from WiderFunnel will tell you: be careful of adding trust seals next to calls to action; sometimes the visual distraction causes visitors to not take any action.
Prominence
Stand 6 to 10 feet back from your page – what stands out? Is your call to action obvious? Can your visitor tell who you are, why they should trust you, and how you are relevant to their need in just a matter of seconds? Make good use of color, layout, and white space so key elements jump off the page and make the visitor’s eyes flow from one element to the next. Attention heatmaps, like AttentionWizardfrom fellow ClickZ columnist, Tim Ash, can be used to simulate visitor visual processing and attention to judge element visual prominence, but it can’t account for visitor motivation and your relevance.

 by 

Source : http://www.bryaneisenberg.com-

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More