Professional Documents
Culture Documents
Ultimate Guide To: Landing Page Trends
Ultimate Guide To: Landing Page Trends
Landing
Page Trends
in 2020
YOUR CHAPTER GUIDE
Chapter 1 Chapter 8
Chapter 3 Chapter 10
Chapter 4 Chapter 11
Chapter 5 Chapter 12
Chapter 6 Chapter 13
Chapter 7 Chapter 14
ULTIMATE GUIDE TO LANDING PAGE TRENDS IN 2020 All businesses need leads and a way to promote new offers. This usually starts
with a landing page no matter if you have a lovely design shopping cart or
Introduction beautiful home page for your yoga studio.
A landing page reduces clutter and allows you to focus your visitor on the one
desired action you want them to take.
But before you jump off and start building a new page, we've pulled out the
For all small business owners, coaches and e- OptimizePress Crystal Ball (TM), and analysed what we think will be the biggest
commerce stores it’s time to start preparing for landing page trends of 2020.
the 2020 landing page trends that will evidently
boost your list building power and create a Trends come and go, so you obviously don't need to use all of these in your
strong marketing machine for the years ahead. business. Just be aware of these as you design and develop your pages to
ensure you stay relevant in 2020 and beyond.
Remember this, many of these trends can be applied to most niches and almost
any type of business whether you are collecting leads on a capture page or
selling a product on a sales page.
Your landing pages and sales pages should have one objective. Bear that in mind
and try out a few of these strategies to see how they work for your business.
Read on to learn more.
CHAPTER 1
Page Speed
The loading speed of a website has been at the forefront of Google’s algorithm
updates for years.
It’s a primary factor for SEO, and is why Google produce content and provide
tools to help you make your page fast!
While you might think you have a fast page, until you run it through a page
speed tool you’ll never know what Google sees.
Your browser might cache a version of your own page so it’s loading fast for you
at home but for a visitor on a mobile device, they might experience the feeling
of watching paint dry as it loads.
CHAPTER 1
Page Speed
Also don’t be fooled by using WordPress page builders that bloat your landing
page with extra code. One way to check is actually viewing the page source
and seeing what scripts are running on your pages.
Our own landing page builder includes our special "blank template" format (we
build all our templates on top of this). This special template strips out any
codes and third party scripts to make your page super fast
Don't worry - you can still enable any scripts you DO want to use in the
OptimizePress settings
This ensures minimum bloat from WordPress plugins that usually slow your site
down.
Here's a speed test featuring one of our included landing page templates:
CHAPTER 1
Page Speed
To speed up your own page first run it through a tool like GTMetrix , Another primary culprit of page speed is a poor host. Good quality
Web Page Test. You can also try Page Speed Insights - bear in mind hosting usually costs around $30-$50/month. This is when your
that this Google based tool doesn't actually test server speed it only website resides on a server with only a small number of other sites.
analyses your page code to give you a speed rating.
Want to see what websites are hosted on the same server as you?
Once you have the result, these tools actually tell you what’s slowing Easy, do a reverse DNS lookup at: https://viewdns.info/reverseip
down page and what to do to improve the result.
We recommend Kinsta (WordPress dedicated hosting) or Siteground
In most cases, there are usually images dragging a page score down. (if budget allows - go for their Cloud hosting options). We use both of
these providers for OptimizePress websites.
Remember to resize images to correct viewing size on your site. Don’t
use an image that’s 2000px wide but have it display 500px wide on
your page. Resize it first!
We optimize for speed in WordPress
We also recommend using an image compressor software or a plugin Get started with the brand new speed optimized
OptimizePress platform today from only $99/year
that compresses images after upload such as Imagify. This reduces
the size of your images further, without affecting how they look to
Get Started Now
your visitor.
CHAPTER 2
Adaptive Design
Adaptive web design means that your site doesn't just scale to a smaller screen,
but elements of the page are customized for specific devices or screen sizes.
Adaptive Design
You might be thinking "this sounds way too complicated for me to use" but rest
How to use adaptive web assured, with the right landing page builder, it's easy to start using adaptive
design on your landing web design.
pages The OptimizePress page builder allows you to easily customize elements of your
page specifically on tablet and mobile views (more on that later).
Background images and colours - Consider how your background images look on
tablet and mobile views. If you have a full width stretched image covering the
background, this may lose it's effectiveness on mobile devices. Consider
removing this and choosing a solid colour instead to enhance readability.
Button sizes and text - Most of your page call to actions will involve buttons or
links - so consider how these look on mobile. Consider making your buttons
larger or increase the height of them for mobile devices so they are easier to
click.
CHAPTER 2
Adaptive Design
Input Fields - If you are using a form on your page (such as an opt-in
form) you need this to be super clear and easy for your visitor to fill in.
Consider making your text input fields larger (increase the height) to
make completing these on a mobile device seamless.
You should consider the order in which these items stack. Often your
content will be stacked with blocks in the wrong order - making your
content harder to read.
CHAPTER 3
A trend that will grow in 2020 will be using clear and specific Call To Action
(CTA) for each individual page on your website.
Someone who lands on a fitness article about Abs workouts will convert better
with a CTA focused around the fitness goals of the visitor.
Your CTA offer must be unique to the content they are viewing and not generic.
This will seem more work but to get targeted leads you’ll need related lead
magnets in multiple places throughout your site.
And a secondary CTA should be styled different from the first. This way you can
grab people’s attention using different text and colours after they miss your first
primary CTA.
CHAPTER 3
Source: Alomoves
Then at the bottom of all their pages they reverse the colour and
use a large black CTA.
Heard of the Ghost CTA? We’ve been using this style of CTA for a while.
This ties in with page load speed. As soon as your page loads it
needs to hook the visitors attention. Make it very clear what your
product does and how it will solve the key issues for your visitor as
soon as they arrive on your page.
Do not make them have to search around the page. You literally
have just a few seconds to convince the visitors they are in the
right place, right now. Show don’t tell.
In the hero section before they scroll any further you have to hero
your product. Clearly show the solution it provides and the benefit
that brings.
CHAPTER 5
Now/Show Demand
This is very relevant today and will still be an ongoing trend in 2020, it’s the
use of timers and expiring offers but expect them to get more personalised
throughout the marketing process. One feature we added to OptimizePress was
an industry first feature that allows you to link timers across multiple marketing
pages.
This means you can push more urgency to each individual user making it a
personal experience on the journey of becoming a customer.
During the next year the goal will be getting people to take action much, much
sooner by using expiring offers, linked timers, more linked fomo tools and
finally heavier discounts to get a user to take action immediately when they see
an offer.
We optimize for speed in WordPress
We also want to show people the demand that there is for a product using Get started with the brand new speed optimized
OptimizePress platform today from only $99/year
proof of purchasing and other live data showing stats of people buying your
products, volumes going down and other interactive sales performances. Get Started Now
The journey a user takes to becoming a customer will be a personal one that
only they will see based on different triggers and times they see on your offers.
CHAPTER 6
As you know showing trust is usually important on your pages sometimes you
have seconds to show people you trustworthy business. However just showing
testimonials is not going to be enough in 2020 we need to look further and
deeper into showcasing people’s results, case studies from people who have
used your product.
Start using other review sites like Capterra and Trustpilot embedding comments
from Instagram and Facebook of people using your products and also showing
the recency of people purchasing.
If can show people the situation that you were once in and to where they can Your visitors will relate to seeing other people who are or have been, in the
get. same situations as them.
Example: Making featured seen in sections on your pages is a priority along with
ratings and reviews from sites will create more data points to help build trust
“I was like you but now I am this” and confidence for the person is researching your service or products.
Show Comparisons
For example, let's say you charge $97 per year for your software but
your competitor is charging 99 a month. You could create a comparison
chart showing the pricing structure of your products and alongside it,
you could show competitor pricing without giving away who your
competitor is.
If you really want to win customers then showing the complete difference
between your service and other platforms is a given. Look how Notion
does it.
Notion side by side pricing comparison
CHAPTER 7
Show Comparisons
When people see your comparisons they naturally look for features and
pricing that will benefit them. This is your chance to showcase your
And if you only have one big competitor than heck, you need to make it product as a winning product compared to a competitor.
clear.
If you wanted to target companies with the smalls sales team you could list
that as something your product is more suited for. See how Close.io do it.
Show Comparisons
It's not all about the price you could show your support hours compare to
a competitor you could show if you have live chat support and they might
By showing the comparison table it allows you to educate your only have email support.
customer about all the features they may not be aware of and also
features that they thought were available in competitor that aren't. Also a comparison is your chance to show your weak points. There are
going to be times when your business is not suited to a particular company
and you can highlight that in a comparison chart to indicate the clients you
don't want.
This comparison chart below is again from close.com and you’ll notice
they highlight where they're a little weak. They're clearly showing the
companies that they are not suited for.
In 2020 expect to see a lot more subscription payments. YouTube are now pushing it with their
music and premium subscription.
Apple TV and Apple News+ are now asking for Whatever you do on your sales pages or website don't make it hard for the visitor to find
subscriptions. It's not this recurring payment is a new your pricing. On our homepage we use anchor links to people who can jump straight to
thing is just a more people are switching the pricing pricing when they click a “get started” button.
model of recurring revenue.
To encourage that process you can highlight your most popular packages,
you can offer free trials, highlight if you don't require a credit card for a
Don't be afraid to show the pricing. Your sales page should do the
free trial and show moneyback guarantees badges.
work of presenting the value of your product.
If you do this well the buying decision for the user should be fairly
easy.
Minimal Design
This is a trend we began seeing towards the end of 2019 and most certainly
into 2020, it’s these minimal black and white designs with very few colours.
We'll see more pages with lots of whitespace around the key areas and those
sites that want to use colour it'll be one or two very bold and bright colours
stand out.
Just take a look over the Intercom home page you can see there already
position themselves with the minimal black-and-white style, and bright colours
that pop out in areas they want you to focus on or read.
CHAPTER 9
Minimal Design
Try and apply the same principle to your landing pages where you
keeping the page clutter free but use that drop of colour to make
buttons standout or a bullet list to be highlighted.
Illustrations
Illustrations have made a strong comeback in 2019 and this will follow
through in 2020 with more illustrations style graphics on landing pages
and sales pages.
Illustrations Although custom illustrations are a great way to add unique flare to your
pages, there are now more resources than ever before for you to source
high quality illustrations at little or even no-cost.
Custom illustrations help keep your page clean, give your content space
and enhance the readability of your content. If you're considering the custom illustration route, design showcase
website Dribbble is the best place to start. Here you'll find many
They don't always represent any kind of feature or benefit but they look amazing artists and graphic designers showcasing their designs - just
stylish, modern and help add colour to page. look for the "hire me" button on their profile if you find someone you'd
like to work with.
While there is no real benefit of an illustration to highlight the product
feature at the same time they can help keep the focus on the page content
and lead the visitor through to your conversion goal.
This illustration from Intercom doesn't show a specific feature but adds character to the page Dorsia uses illustration to differentiate itself from the imagery of most travel sites
CHAPTER 11
Illustrations
Clear Menus
Clear Menus
Clear Menus
We created a menu element in our page builder to allow custom menus and hamburger style layout in case you ever wanted to
add a menu to a landing page.
Regulations Compliance
As much as they hinder our experience when browsing the web - cookie bars,
popups and boxes are pretty much a requirement no matter where you're
operating your website from in 2020.
We're likely to see even more innovation in this space throughout 2020.
There are many services that have different styled boxes that allow you to give
the same cookie message notice with about obscuring content.
With a quick look at our most regularly visited websites, we found four different
styles of cookie notice, so there are many different approaches to this...
CHAPTER 13
Regulations Compliance
Regulations Compliance
Civic Cookie Control - Nicely styled corner of screen cookie control script
With OptimizePress you can build any page you need to market your business online Get Started Now Now
CHAPTER 14
Autoplay Video
We've known for a while now that UX (User Experience) on your landing pages and websites can
affect how your pages rank in the search engines (particularly in big daddy Google). The idea of this
is fairly simple - Google wants a better user experience for anyone landing on pages from their
In this example from Merino Wool
search results.
Sweater company SheepINC, the
navigation has been moved to a vertical
So we should always be considering how the elements and content we add to our landing pages
sidebar, and they've also hijacked the
affect UX.
usual mouse controls so using the scroll
wheel navigates horizontally.
Autoplay videos have long been the scurge of regular web browsers, and in recent years Google and
other web browser developers have started to disable autoplay code from working on web video
It's understandable to want to make your
players.
website unique and different (the website
looks great) but always consider the user
So when developing your landing pages, I'd like to consider a couple of alternatives to autoplay video
experience and focus on how easy it is
(particularly because if you do use autoplay on the page it's likely to be stopped anyway)...
for your visitor to flow through to your
intended conversion goal.
Video in a manually triggered popup - In the example below from one of our OptimizePress landing
pages, we use our Popup Overlay feature to create a video popup, and allow this to be triggered by a
button on the page.
CHAPTER 14
We can also then use the autoplay inside the popup to start the video
when the popup is triggered, giving the user a seamless video
experience.
We recommend taking just one or two of these strategies to start, and consider implementing them or
testing them on a few of your own landing pages.
We look forward to hearing your stories of how these affected your business and look forward to helping
you succeed with landing pages in 2020 and beyond.
Take action with these landing page trends using OptimizePress to create
your own landing pages in WordPress
Get Started Now