How to build marketing landing pages

The H&D process of making a landing page template and actions to boost your landing page conversion rate.


How to build marketing Landing page 

About the task

    1. This task is a crucial step in the HubSpot onboarding process for new clients. It involves creating marketing email and landing page templates specifically, not custom landing pages.
    2. Aiming for a ready-to-use landing page, including basic/common modules for client needs.

    Note/Tips

    • Ensure that you wait for the completion of the migration templates by HubSpot. Before starting, it is important to check with the project manager (PM) for confirmation.
    • HS will migrate the styling (colour, font, graphics) of the header and footer from the original website to a drag-and-drop template for us to use. The template would be named 'Migrated template' in the client portal.
    • The landing page task includes a landing page (without navigation) and a thank you page (with full navigation).
    • Ensure that the completed templates are ready for cloning by giving them a distinct template name such as "CLONEME | Landing Page Template | Nov 2023".

    Common modules:

    • Form (for downloading an ebook, registering, or asking a question).
    • Content type module
      • Full-width content
      • Side by side, content and image/video
      • Card with icons
    • Logo carousel
    • Social Proofs/ Testimonials
    • Gallery
    • (and more - please double check their website for any additional modules that may need to be added to the landing page)

    High-Level Process

    1. Task assigned both email + LP
    2. Migration finished, told by PM
    3. Confirm brand guidelines if provided with PM
    4. Create a base landing page based on HS migration templates
    5. Responsive styles (check the layout on mobile)
    6. Notify PM landing page template is ready to clone, PM & and creative lead will review
    7. Notify the client it's ready to use
    8. (Marketing training separately to implement)

    Assets & Requirements

    • Copy content
      • Take copy content directly from the existing website to provide a starting point
    • Imagery
      • Use existing portal content first
      • Otherwise, check stock websites
      • Logos for social proof - placeholder logos (if none are provided)
      • Testimonials
    • Typical Text (business details), Form (content offer), Two-Column Text-Image, Featured Icon/Text, Images, Social Proof (Logos), Footer, HubSpot CTA built

    Sign-off/ Internal Review People

    • PM
    • UX person
    • Marketing Creative lead
-----------------------------

How to build high-converting landing pages

Headlines

Use No-Nonsense Headlines

The purpose of your headline isn’t to straight up sell. Instead, the #1 goal of your headline is to show people the benefit of using your product.

That’s why you want to use copy that highlights the #1 benefit people will get from your product or service. 

Another good way to practice is to go back and look at the headlines on your current marketing materials and website. Rate them using the 4 U’s and see if there’s room for improvement. Don’t sweat it if your headlines don’t all get perfect 4’s; just try different ways to make them more attention-getting and throat-grabbing!

Make Your Headlines ULTRA Specific

It’s a fact: vague headlines don’t sell. Instead, you want your headline to be insanely specific about what your product or service does. Yes, you may turn some people away. But your target customers will eat it up.

Instead of something lame like “The Next Generation of T-Shirts”, they go with the much more specific “The easy way to design and sell t-shirts online”.

Nice.

Test Negative Words In Your Headline

Outbrain discovered that negative words in headlines like “never” and “worst” outperform positive words, like “always” and “best”… by 63%.

For example, a headline like “5 worst foods for losing belly fat” will grab more attention than “5 best foods for losing belly fat”.

 

CTAs

Replace “Buy” or “Sign up” with Benefit-Oriented CTAs

The word “buy” reminds someone that they’re about to make a big commitment. Not good. So instead of “buy”, use CTAs that emphasise what they’ll GET.

Instead of “Buy Plan”, they say “Start My Free 30-Day Trial”, which is much more benefit-oriented.

Show Your Price on Landing Pages

If your price is lower than average, don’t hide your price. Why?

Well, when you hide your product’s price, people think: “Where’s the price? This thing must be crazy expensive.”

In fact, Market Dialer found that including a price of “$75 per seat” doubled conversions.

 

Landing Page Copy

Replace Jargon With Plain English

Your visitor shouldn’t need a PhD to understand your copy.

The fact is, jargon like this does NOT work: “We are an enterprise software company that focuses on providing customers with revenue-driven solutions throughout the sales cycle.” Huh?

Instead, use copy anyone can understand: “We’re a CRM that helps you get more sales.”

Replace Blocks of Text With Bullets

No one likes to read huge blocks of text (especially on a super long sales letter). Instead, break things up with bullet points.

Use Action-Focused Copy

Copywriters have long known that this action-oriented copy is more persuasive than the passive copy.

So instead of highlighting facts (“Our product helps people lose weight”), describe what will HAPPEN when someone uses your product (“Lose that stubborn belly fat”).

Use Information Gaps

When you get a little bit of information (but not the whole thing) you’ll do almost anything to close the gap.

Information gaps are especially powerful for email opt-ins and lead generation.

For example, let’s say you just wrote a weight loss ebook.

You could use a copy like this to create an information gap: “Research shows that this seemingly ‘healthy’ food actually slows down your metabolism”.

I know I’m curious about what that food might be.

 

Use Inline Validation

Inline validation=awesome. Ever spend 10-minutes to fill out a form, only to see a “You need to accept the terms of service” error message?

Instead of showing people errors after they fill out and submit your form, inline validation gives people notes as they work. Here’s a real-life example:

And there’s data to back this up: several case studies (including this one) found that inline validation significantly improves form completion rates.

 

Social Proof

Show Expert Social Proof

Social proof isn’t all about having thousands of customers. You can also use social proof in the form of quotes from experts, logos of companies you’ve worked with, and awards you’ve won. In fact, expert social proof (“Our clients include Microsoft”) can be more powerful than sheer numbers (“We’ve served 876 clients”).

Include logos of places the company or product has been featured.

Use Likes, Users, Followers or Customers as Social Proof

Whether we admit to it or not, social proof has a strong influence on what we do. In the world of CRO, you can use social proof in the form of Facebook likes, customers, total users, number of downloads… or anything else that shows off social proof.

Like anything in CRO, social proof doesn’t work 100% of the time. So if you already have social proof on your landing pages, you might want to test removing social proof from your landing pages (or try a different form of social proof).