skip to Main Content

A landing page, also known as a “lead capture page” or a “destination page” is a page that appears in response to clicking on a marketing email, social media promotion, search result in Google or from an ad.

Landing Page Design – an illustrated guide

Landing pages are used for lead generation.

Here is the normal flow (funnel) of a user when they visit an optimized landing page:

VISIT (awareness) → VIEW (consideration) → ACT (decide to buy, subscribe or call)

Landing Page Example Shopify - Landing Page Web Design

Screenshot of my 'Why hire me?' landing pageLet’s have a look at the key features of a well optimized landing page such as that of shopify.com.

Total Time: 10 minutes

  1. Short and Descriptive URLs

    The Landing Page is going to be focus of your social media campaign. Keep the web address short and easy to embed and remember for your visitors.
    Short and Descriptive URLs

  2. Remove distractions

    Remove all distractions such as navigation menus and logos (or keep them very small).
    Remove distractions

  3. Clear Headline that captures the users attention

    Write a short sharp headline that attracts the visitors attention. Follow up with a clear sub-heading that further qualifies the headline.
    Clear Headline that captures the users attention

  4. Embed a compelling Call To Action (CTA)

    Convert the visitor to customer.
    Use a Button/Form that screams for them to take action:
    – Buy a product
    – Subscribe
    – Call or contact you
    Embed a compelling Call To Action (CTA)

  5. Appropriate Image/Video

    Improve the aesthetic – include a custom designed image or video.
    Appropriate Image or Video

  6. Sell the benefits

    Highlight Key Features and address any further questions the vacillating visitor has. Less is More.
    Sell the benefits

  7. No side bars

    Keep the flow very simple, let them just scroll through our content.
    Remove all other distractions.
    No sidebars and other unnecessary links that can lead them away from the flow.

    No side bars or footer widgets

  8. Testimonials

    Provide Testimonials that will convince them to convert.

    Testimonials

  9. Call to Action

    Convert the visitor to customer.
    Call to Action Button - Landing Page Web Design

  10. Privacy Policy

    Include a link to your privacy policy (sample) and any terms and conditions before they sign-up!
    Privacy Policy and Terms in footer - Landing Page Web Design

Reduce distractions

Let me help you to focus on the things that will help the user have confidence that they are taking the right decision (to act).

Reduce any and all friction that prevents the potential customer from taking action (i.e. from deciding to buy, subscribe or call).

Remove all outbound links!

Let’s compare a normal page with a landing page to see the differences…

Screenshot 2020 01 18 Start grow and scale your business Shopify - Landing Page Web Design
Normal Page
Screenshot 2020 01 18 Create your online store today with Shopify - Landing Page Web Design
Landing Page

Normal Page – since the visitors have not been qualified, the page highlights several products/services. Even if they are well organised, the links in footer, navigation menu and sidebar can detract the visitor from converting to a customer.

Landing Page – all clutter has been removed – get rid of navigation menus, links to homepage, footer links, sidebars. Focus on one product/service.

Less is More!

z pattern reading - Landing Page Web Design
Shopify uses the Z – Golden Triangle Pattern to great effect!

Avoid the temptation to flood your visitors with information.

Minimum Content- Maximum Impact

Ensure that there is a logical and linear flow of content and thought to improve conversion. When you design your layout, you could use the F- Pattern or Z pattern. The layout should position key elements such as Call To Action buttons in areas where they are more likely to be acted upon

Focal Point of your social media campaigns

social media to landing page - Landing Page Web Design
All social media lead to the landing page

Direct your campaigns on social media like Facebook, Instagram, YouTube or Email to a well drafted and highly optimised landing page.

Display sales copy that is a logical extension of the advertisement, search result or link. Landing pages are used for lead generation. The actions that a visitor takes on a landing page is what determines your conversion rate.

Optimized Lead forms

compelling contact forms - Landing Page Web Design

Creating compelling Call To Action (CTA) buttons and high converting lead capture forms is crucial to your success.

I can design optimized forms and buttons that convert.

Generally there are 2 ways to convert:

  • Use a shorter form and seek only the crucial information if you are looking for more leads (more traffic).
  • Use a longer form to qualify the visitors and only attract highest quality leads (higher conversion).

Track your performance

landing page analytics - Landing Page Web Design
Analytics is crucial to understanding the success/failure of your efforts

Let me help you evaluate and adjust your landing pages to help improve user retention, increasing the conversion opportunities on your site.

If you find a landing page with a high bounce rate, then the page may not be matching the expectations set by your social media campaign (from where the visitor has arrived), or it may not have engaging content with a clear navigation path.

Back To Top