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 On the heels of a fantastic event in New York City, ClickZ Live is taking the fun and learning to Toronto, June 23-25. With over 15 years' experience delivering industry-leading events, ClickZ Live offers an action-packed, educationally-focused agenda covering all aspects of digital marketing. Register today!

ABOUT THE AUTHOR

Bryan Eisenberg

Bryan Eisenberg is co-founder and chief marketing officer (CMO) of IdealSpot. He is co-author of the Wall Street Journal, Amazon, BusinessWeek, and New York Times best-selling books Call to Action, Waiting For Your Cat to Bark?, and Always Be Testing, and Buyer Legends. Bryan is a keynote speaker and has keynoted conferences globally such as Gultaggen, Shop.org, Direct Marketing Association, MarketingSherpa, Econsultancy, Webcom, the Canadian Marketing Association, and others for the past 10 years. Bryan was named a winner of the Marketing Edge's Rising Stars Awards, recognized by eConsultancy members as one of the top 10 User Experience Gurus, selected as one of the inaugural iMedia Top 25 Marketers, and has been recognized as most influential in PPC, Social Selling, OmniChannel Retail. Bryan serves as an advisory board member of several venture capital backed companies such as Sightly, UserTesting, Monetate, ChatID, Nomi, and BazaarVoice. He works with his co-author 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

UPCOMING TRAINING

Featured White Papers

Gartner Magic Quadrant for Digital Commerce

Gartner Magic Quadrant for Digital Commerce
This Magic Quadrant examines leading digital commerce platforms that enable organizations to build digital commerce sites. These commerce platforms facilitate purchasing transactions over the Web, and support the creation and continuing development of an online relationship with a consumer.

Paid Search in the Mobile Era

Paid Search in the Mobile Era
Google reports that paid search ads are currently driving 40+ million calls per month. Cost per click is increasing, paid search budgets are growing, and mobile continues to dominate. It's time to revamp old search strategies, reimagine stale best practices, and add new layers data to your analytics.

Jobs

    • SEO Specialist
      SEO Specialist (NJM Insurance Group) - West TrentonNew Jersey Manufacturers Insurance Company is an industry leader among its peers and the largest...
    • Paid Search / Search Engine Marketing (SEM, PPC) Specialist
      Paid Search / Search Engine Marketing (SEM, PPC) Specialist (HeBS Digital) - New York  JOB TITLE:        ...