Anatomy of a Landing Page: Design Elements Exposed

  |  March 26, 2010   |  Comments

Understand the 10 key elements of a landing page from headline to presentation.

Landing pages have become an important part of the marketer's toolbox. To create effective landing pages, you should understand the anatomy of a landing page and it should be part of your landing page and optimization framework. After optimizing thousands of landing pages over the years, I want to offer this framework for understanding the 10 key elements of a landing page.

Not all of the following elements 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.

In my next column, I'll explain the five dimensions of landing page element design that impact its effectiveness.

If you would like to see some of these elements in action, you can sign up for an upcoming Webinar I am doing on April 1, 2010 - "Don't Be April's Fool: Proven Techniques To Maximize Your Advertising ROI."

ClickZ Live Toronto Twitter Canada MD Kirstine Stewart to Keynote Toronto
ClickZ Live Toronto (May 14-16) is a new event addressing the rapidly changing landscape that digital marketers face. The agenda focuses on customer engagement and attaining maximum ROI through online marketing efforts across paid, owned & earned media. Register now and save!

ABOUT THE AUTHOR

Bryan Eisenberg

Bryan Eisenberg is coauthor of the Wall Street Journal, Amazon, BusinessWeek, and New York Times bestselling books "Call to Action," "Waiting For Your Cat to Bark?," and "Always Be Testing." Bryan is a professional marketing speaker and has keynoted conferences globally such as SES, Shop.org, Direct Marketing Association, MarketingSherpa, Econsultancy, Webcom, SEM Konferansen Norway, the Canadian Marketing Association, and others. In 2010, Bryan was named a winner of the Direct Marketing Educational Foundation's Rising Stars Awards, which recognizes the most talented professionals 40 years of age or younger in the field of direct/interactive marketing. He is also cofounder and chairman emeritus of the Web Analytics Association. Bryan serves as an advisory board member of SES Conference & Expo, the eMetrics Marketing Optimization Summit, and several venture capital backed companies. He works with his coauthor and brother Jeffrey Eisenberg. You can find them at BryanEisenberg.com.

COMMENTSCommenting policy

comments powered by Disqus

Get the ClickZ Analytics newsletter delivered to you. Subscribe today!

COMMENTS

UPCOMING EVENTS

Featured White Papers

ion Interactive Marketing Apps for Landing Pages White Paper

Marketing Apps for Landing Pages White Paper
Marketing apps can elevate a formulaic landing page into a highly interactive user experience. Learn how to turn your static content into exciting marketing apps.

eMarketer: Redefining Mobile-Only Users: Millions Selectively Avoid the Desktop

Redefining 'Mobile-Only' Users: Millions Selectively Avoid the Desktop
A new breed of selective mobile-only consumers has emerged. What are the demos of these users and how and where can marketers reach them?

Jobs

    • Contact Center Professional
      Contact Center Professional (TCC: The Contact Center) - Hunt ValleyLooking to join a workforce that prides themselves on being routine and keeping...
    • Recruitment and Team Building Ambassador
      Recruitment and Team Building Ambassador (Agora Inc.) - BaltimoreAgora, www.agora-inc.com, continues to expand! In order to meet the needs of our...
    • Design and Publishing Specialist
      Design and Publishing Specialist (Bonner and Partners) - BaltimoreIf you’re a hungry self-starter, creative, organized and have an extreme...