Thread by @WebWillWeaver

A stupid simple guide to optimize your newsletter landing page for maximum conversions

<!—Thread—>

If your newsletter landing page doesn't convert

The problem is with one of two:

1. Copy
2. Conversion-centered design

Here's what you need to do to fix it

What you need to have on the page:

1. Headline
2. Subheading
3. Benefits
4. Email form

No footer
No navigation
Eliminate distraction

Here's how to design it:

1. Pick the main color
Colors define how the webpage is perceived

Think about your brand
Think about your audience
Think about your competitors

Don't choose colors randomly.

If you get stuck, take the Grasshopper test

grasshopper.com/resources/tool…

Pick the variation of color using dribbble

For your email capturing page, 1 brand color should be enough

2. Pick shades of gray

Once you have your brand color

Pick a light and a dark variation of it
Don't just use black and white, it looks boring

Use the light variation for the form background
And the dark variation for text

Ensure the text is readable

3. Pick fonts

Fonts drive emotions

There are 5 types of fonts:

Serif
Display
Sans Serif
Monospace
Handwriting

See what your competitors use
Use the font from the same family

They will drive similar emotions

Check Google Fonts to see what suits you
fonts.google.com

When picking the fonts, pay attention to the number of font styles
Don't choose fonts with 1-2 styles

You need to use different styles (bold, normal, light) to drive reader's attention

4. Write good copy

Copy will make or break your email capturing page

Use simple words
Highlight benefits
Make a good call to action
Add risk reversal (Unsubscribe any time)
Use space below button to tell the reader what he gets

Examples:

join.eddyquan.com - @waronweakness
almightymarketers.carrd.co @wizofecom

It's 200% clear of what you get after subscribing

Don't try to sound smart
Don't reinvent the wheel
Do what works

5. Put it all together

Use different font sizes and weights for the headline, subheading, and text

Use dark color for text
Use light color for background
Use brand color for accents
Use engaging image behind the form

6. Make it responsive

More than 50% of visits happen from mobile
If your page is not optimized, you lose more than 50% of traffic

It's horrible.

How to optimize for mobile:

- Adjust spacing
- Adjust font sizes
- Use one-column layout
- Make the form full-width

If you like this thread,

1. Like and RT the first tweet of the thread
2. Follow me for more (@WebWillWeaver) - I'm writing a thread a day this week

And if you need help designing your landing page,
Feel free to DM me