Connect with us

SEO

5 Amazing Landing Page Examples To Inspire Your Own

Published

on

5 Amazing Landing Page Examples To Inspire Your Own

Landing pages – they’re powerful, aren’t they?

When we click on an ad, it’s the landing page that helps us decide what to do next.

Ideally, it makes you do a double-take and proclaim, “I must have this!”

It can also fall flat and go viral for all the wrong reasons. (I’m looking at you Rainbow capitalism.)

The design of a good landing page is an intersection of art, marketing, and psychology.

And, if you’re reading this article, that means you’re looking for guidance and inspiration to improve your own landing pages.

That’s exactly what we’re going to do.

Advertisement

We are going to share the features of what makes an amazing landing page and break down five examples to learn from.

Features Of An Amazing Landing Page

The hard truth: Getting people to opt in is tricky.

Even when the tech is amazing and the product is innovative.

If you send visitors to a webpage that fails to communicate the value, all of your market research and product development efforts go right down the drain.

The good news is this article is all about helping you create amazing landing pages that encourage more conversions – and, ultimately, generate more customers.

Improve your success rate by weaving these six features into your landing page design.

Poppin’

Landing pages should be distraction-free in order to focus on the task at hand – getting the visitor to convert.

This means that top navigation can be ditched in favor of a sleek, one-page design. Just be sure to leave a clickable logo in case users want a way out but still want to interact with your brand.

Advertisement

Revealing the product with clear annotated product visuals, helps visitors picture themselves using it.

Most importantly, the page has to pop! An eye-catching hero image and visuals help to capture the visitor’s attention and convey what the offer is in a way our brains can process quicker.

Free Of Fluff

The copy on a landing page is one of the most important elements. It’s what convinces website visitors to convert.

Great landing page copy uses strong headlines, clear value propositions, and explains “why” they matter.

Content should focus on user benefits over product features and address any doubts so visitors don’t leave.

The copy should be focused and free of fluff; every word should serve a purpose.

FOMO

FOMO is real. One of the most powerful persuasion techniques that landing pages can use is social proof.

If we see that others (we respect) are doing it, we are more likely to do it, too. This is the business equivalent of your mom asking you, “If everyone else jumped off a bridge, would you?”

Advertisement

…Yes, yes I would.

You can create FOMO by featuring testimonials from happy (relatable) customers or including statistics about how many people are using and loving the service or product.

Ready, Set, Go

A landing page shouldn’t feel like trying to break out of an escape room.

You need a strong call-to-action (CTA) if you want the visitor to convert.

A strong CTA is clear, concise, and explains why it’s important for the visitor to take this action.

A clear and concise call-to-action is just one action and the button contrasts with the page – this is so users can’t miss it.

Need For Speed

Page speed is how quickly a webpage loads. Basically, make sure it loads fast so people don’t leave. That’s it.

5 Examples Of Landing Pages

An amazing landing page is one that helps website visitors feel that this is the right company (or the right product) for the job.

Advertisement

And, there’s no better way to learn about what makes an amazing landing page than by exploring real-world examples from some of the best landing pages on the web.

Here are five examples of amazing landing pages.

1. ASOS

British online retailer ASOS is among the world’s most valuable apparel brands, competing with Nike, Adidas, and Zara.

This means there must be something really special behind those marketing strategies that online retailers can learn from.

Let’s see what they’re doing right.

I searched for [wedding guest plus size dresses] and saw a search network ad from ASOS which took me to a landing page for women’s plus size dresses for U.S. web visitors.

Screenshot from ASOS, June 2022.

For starters, the ad took me directly to a landing page related to my search query – I love when that happens.

The full-length thumbnails of plus size models, moving in the dresses, helps me immediately know that I’m in the right place and I can begin to imagine myself in the product.

Top navigation breadcrumbs let me know exactly where I am on the site, so if I want to go back and see all the curve clothing, that’s really simple to do.

Advertisement

Filters are front and center for me to further refine my search by how new it is, eco-responsibility, color, price, and more.

Sales copy is free of fluff allowing the user to focus on the product (clothes). Description of the category page does include reference to which brands to check out for trending styles.

All in all, it’s a clean, well-organized landing page that keeps attention directly on the product.

ASOS may want to test adding social proof to their landing page by adding a filter based on user reviews or engage FOMO by highlighting that an item is selling fast.

2. DRIFT

B2B commerce startup Drift is a conversational marketing and sales technology company, well known for its live chatbot.

It is one of the only Latino-founded companies to ever achieve a valuation over $1 billion.

“Our purpose as a company remains simple and consistent: Build a platform that makes it simpler for customers to buy from you,” Drift CEO David Cancel said in a statement.

Let’s see how simple Drift makes their product to buy and check out their live-chat landing page.

Advertisement
B2B SaaS landing page exampleScreenshot from DRIFT, June 2022.

Ok, I am geeking out over the bright and minimalistic design (slight 90s vibes); it looks so sharp on all devices.

Above the fold, we see a big, bold headline immediately addressing how the app helps business owners “engage and convert” with Drift’s solution “live chat.”

Below the headline, the content block explains why users are not engaging or converting: “Today’s buyer doesn’t want to wait.”

Nice contrasting color on the CTA inviting web visitors to “Get a Demo.”

The header image uses the product as the example which is 10x better than a stock photo.

And, I have to call out the shield icon in the bottom left-hand corner that opens privacy settings. This small addition provides site visitors with a subconscious affirmation that the company takes data privacy seriously.

As we scroll down the page, we see social proof with a video review by the senior director of a global marketing operations and technology company.

Video testimonial on landing page exampleScreenshot from DRIFT, June 2022.

If you can get video reviews, do it! They are way more engaging than a standard text review because they’re really hard to fake.

Continuing to scroll down the page, the content teeter-totters between sharing different use cases with a summary and image or .gif and social proof in the form of a text quote or case study.

At the end of the long-form landing page, there is a solid call to action “start conversations with your website visitors now.” With a contrasting button, “Get a Demo.”

Advertisement
Bottom of page CTA landing page exampleScreenshot from DRIFT, June 2022.

When you click on “Get a Demo” it launches the product itself and you interact with the Drift bot to book a demo.

Drift’s live chat page checks off all the features of an amazing landing page, making it extremely easy to buy from them.

3. LawnDoctor.com

Lawn Doctor offers lawn maintenance and pest control services, but it’s not your run-of-the-mill landscaping company.

This lawn care brand has grown to more than 630 locations, increasing its year-over-year sales by 16% in 2020.

Local service providers can learn a lot from Lawn Doctor’s landing page. Let’s take a look at how they’ve designed their landing page to attract new customers.

local service provider landing page exampleScreenshot from Lawn Doctor, June 2022.

Lawn Doctor is such a great example for local service companies.

The color palette uses the rich color of green consumers wants to attain with a hero image featuring what the site visitor wants, a beautifully landscaped backyard.

Social proof is visualized with the 4.7 star average Google rating overlay on the image. The exact number of 4.7 is helpful because it feels like a real number and not an approximation.

The estimate form is available at the top; users don’t have to go scrolling for it, and a phone number is available in the top right corner for those that don’t want to wait.

When I enter my zip code into the form, the city and state are automatically populated for me which is awesome because I get lazy and don’t want to enter every detail.

Advertisement

Sales copy gets right to the point; the header explains you’re getting customized lawn care with a scientific approach.

The word choice “custom” and “scientific” makes me think that I’m getting a better service than I would from anyone else.

Below the header image but above the fold, Lawn Doctor upsells me services that are highly relevant to the current season.

I can click on that CTA to learn more or I’m more likely to ask about it when a sales representative calls me.

Just in case a user had any hesitation, there is a 100% refund if I’m not fully satisfied, followed by Google reviews for social proof.

The only thing this page is missing is the fear of missing out which Lawn Doctor could do with a countdown discount timer.

4. Flywheel

Flywheel was acquired by WordPress in 2019.

The financial terms of the deal were not disclosed but in an interview, Heather Brunner confirmed Flywheel’s annual recurring revenue was $18 million at the time of acquisition.

Advertisement

What made Flywheel so successful? Aside from being a great managed WordPress hosting platform, the company’s marketing was dialed in. Take a look!

eBook landing page exampleScreenshot from Flywheel, June 2022.

Top navigation is not present, helping the page visitor to stay focused on the content you want them to.

The logo reminds site visitors where they are and is clickable providing an easy escape back to the main domain.

The beautiful color scheme with the calm business blue and contrasting money green call-to-action button above the fold.

The headline includes the word “free” letting visitors know they won’t have to pay for the download.

Text is broken up into chunks making it easy to read on mobile.

ebook landing page example_show the productScreenshot from Flywheel, June 2022.

Below the fold is a mini-preview of the chapters so I know what I’m exchanging my personal information for. Gives me a sense of whether or not it’s worth it to me.

The final CTA at the bottom of the landing page reinforces that the ebook is completely free and filled with secrets! The download is a quick and simple company email.

ebook landing page example_bottom of the page ctaScreenshot from Flywheel, June 2022.

Form completion confirmation takes me to the product home page to further explore the product. All in all a beautiful ebook landing page that lead gen companies can learn from.

The only suggestion here is to add social proof near the bottom CTA to “seal the deal.”

5. Breathwrk

Breathwrk is a female-founded startup that raised an undisclosed amount from a total of 10 investors including Demo Lovato and BAM Ventures.

Advertisement

The breathing exercises app has over 1.2 million users worldwide.

Let’s see if the landing page can reduce our stress and improve landing page design?

The search query for this landing page was, “how to handle stress at work.”

App landing page exampleScreenshot from Breathwrk, June 2022.

The main Navigation is simplified, which keeps the users focused on the information you want them to look at.

But if they click the “More” button a drop-down list of additional pages (Science, FAQ, Blog, and more) is available.

The color palette is calming tones of blue and green with a contrasting CTA button “contact us” in purple.

Just like Drift, Breathwrk shows the product which allows site visitors to see what they’re going to get.

The headline starts with the main idea, “Improve your workplace,” and the subheading tells us how to “help your employees reduce stress and improve focus…”

Followed by the FOMO by showcasing the companies who are using the Breathwrk app for their employees.

Advertisement

As we scroll down the landing page, Breathwrk does a brilliant job explaining the app’s features from the perspective of the user.

App landing page example_explaining features as user benefitScreenshot from Breathwrk, June 2022.

A user doesn’t really care that there’s an option for breathing exercises before meetings but a user is interested in reducing employee stress and improving focus between back-to-back meetings, and before a big pitch.

The sales copy minimizes objections by explaining that the app is easy to set up and easy to manage.

App landing page example_reduce objectionsScreenshot from Breathwrk, June 2022.

This is important because the last thing an organization needs is stress setting up an app to reduce stress.

Easy onboarding, ongoing support, and user analytics (so you can see if employees are using the app and how they’re using the app).

Breathwrk provides social proof in the form of text review quotes right before the CTA “Get Breathwrk for your team” and form fill.

App landing page example_social proofScreenshot from Breathwrk, June 2022.

An amazing example of an App landing page. It grabs attention, shows the product, and explains how it creates value for the site visitor.

Final Thoughts

Overall, an amazing landing page helps site visitors decide what to do next.

Some features to consider when designing a landing page is:

  • The design captures visitors’ attention and keeps it on the end goal.
  • Copy is focused and free of fluff.
  • Use social proof and FOMO.
  • Minimize objections and have a clear CTA.
  • Make sure it loads fast.

And, don’t forget to set up Analytics to measure and learn from user activity. Testing is going to be your secret to success.

More Resources:


Featured Image: Mila Supinskaya Glashchenko/Shutterstock

Advertisement



Source link

Advertisement

SEO

8 Pillar Page Examples to Get Inspired By

Published

on

8 Pillar Page Examples to Get Inspired By

Pillar pages are high-level introductions to a topic. They then link to other pages, which are usually more detailed guides about parts of the main topic.

Altogether, they form a content hub.

Example of a content hub

But not all pillar pages look the same. 

In this guide, we’ll look at eight examples of pillar pages to get your creative juices flowing.

Excerpt of beginner's guide to SEO by Ahrefs

Key stats

Estimated organic traffic: 1,200
Backlinks: 6,900
Referring domains: 899

Overview of Ahrefs' beginner's guide to SEO in Ahrefs' Site Explorer

This is our very own pillar page, covering the broad topic of search engine optimization (SEO)

Why I like it

Besides the fact that I’m biased, I like the custom design we created for this page, which makes it different from the articles on our blog. 

Even though the design is custom, our pillar page is still a pretty classic “hub and spoke” style pillar page. We’ve broken the topic down neatly into six different chapters and internally linked to guides we’ve created about them. There are also custom animations when you hover over each chapter:

Examples of chapters in the SEO guide

We’ve also added a glossary section that comes with a custom illustration of the SERPs. We have explanations of what each element means, with internal links to more detailed content:

Custom illustration of the SERP

Finally, it links to another “pillar page”: our SEO glossary

Takeaway

Consider creating a custom design for your pillar page so that it stands out. 

Excerpt of Doctor Diet's ketogenic diet guide

Key stats

Estimated organic traffic: 92,200
Backlinks: 21,600
Referring domains: 1,700

Overview of Diet Doctor's ketogenic diet guide in Ahrefs' Site Explorer

Diet Doctor is a health company focusing on low-carb diets. Its pillar page is a comprehensive guide on the keto diet. 

Why I like it

On the surface, it doesn’t exactly look like a pillar page; it looks like every other post on the Diet Doctor site. But that’s perfectly fine. It’s simply a different approach—you don’t have to call out the fact that it’s a pillar page. 

Advertisement

Diet Doctor’s guide is split into 10 different sections with links to its own resources. The links bring you to different types of content (not just blog posts but videos too).

Video course about keto diet for beginners

Unlike the classic pillar page, Diet Doctor’s guide goes into enough detail for anyone who is casually researching the keto diet. But it also links to further resources for anyone who’s interested in doing additional research.

Takeaway

Pillar pages need not always just be text and links. Make it multimedia: You can add videos and images and even link to your own multimedia resources (e.g., a video course).

Excerpt of Wine Folly's beginner's guide to wine

Key stats

Estimated organic traffic: 5,600
Backlinks: 2,800
Referring domains: 247

Overview of Wine Folly's beginner's guide to wine in Ahrefs' Site Explorer

Wine Folly is a content site devoted to wine knowledge and appreciation. Its pillar page, as expected, is about wine. 

Why I like it

Wine Folly’s pillar page is a classic example of a “hub and spoke” style pillar page—split into multiple sections, with some supporting text, and then internal links to other resources that support each subsection. 

Supporting text and links to other resources

This page doesn’t just serve as a pillar page for ranking purposes, though. Given that it ranks well and receives quite a significant amount of search traffic, the page also has a call to action (CTA) to Wine Folly’s book:

Short description of book; below that, CTA encouraging site visitor to purchase it

Takeaway

While most websites design pillar pages for ranking, you can also use them for other purposes: capture email addresses, sell a book, pitch your product, etc. 

Excerpt of A-Z directory of yoga poses

Key stats

Estimated organic traffic: 11,100
Backlinks: 3,400
Referring domains: 457

Overview of Yoga Journal's A-Z directory of yoga poses in Ahrefs' Site Explorer

Yoga Journal is an online and offline magazine. Its pillar page is an A-Z directory of yoga poses.

Why I like it

Yoga Journal’s pillar page is straightforward and simple. List down all possible yoga poses (in both their English and Sanskrit names) in a table form and link to them. 

List of yoga poses in table form

Since it’s listed in alphabetical order, it’s useful for anyone who knows the name of a particular pose and is interested in learning more. 

What I also like is that Yoga Journal has added an extra column on the type of pose each yoga pose belongs to. If we click on any of the pose types, we’re directed to a category page where you can find similar kinds of poses: 

Examples of standing yoga poses (in grid format)

Takeaway

The A-Z format can be a good format for your pillar page if the broad topic you’re targeting fits the style (e.g., dance moves, freestyle football tricks, etc.).

Excerpt of Atlassian's guide to agile development

Key stats

Estimated organic traffic: 115,200
Backlinks: 3,200
Referring domains: 860

Overview of Atlassian's guide to agile development in Ahrefs' Site Explorer

Atlassian is a software company. You’ve probably heard of its products: Jira, Confluence, Trello, etc. Its pillar page is on agile development.

Why I like it

Atlassian’s pillar page is split into different topics related to agile development. It then has internal links to each topic—both as a sticky table of contents and card-style widgets after the introduction: 

Sticky table of contents
Card-style widgets

I also like the “Up next” feature at the bottom of the pillar page, which makes it seem like an online book rather than a page. 

Example of "Up next" feature

Takeaway

Consider adding a table of contents to your pillar page. 

Excerpt of Muscle and Strength's workout routines database

Key stats

Estimated organic traffic: 114,400
Backlinks: 2,900
Referring domains: 592

Overview of Muscle and Strength's workout routines database in Ahrefs' Site Explorer

Muscle and Strength’s pillar page is a massive database linking to various categories of workouts. 

Why I like it

Calling it a pillar page seems to be an understatement. Muscle and Strength’s free workouts page appears to be more like a website. 

When you open the page, you’ll see that it’s neatly split into multiple categories, such as “workouts for men,” “workouts for women,” “biceps,” “abs,” etc. 

Advertisement
Workout categories (in grid format)

Clicking through to any of them leads us to a category page containing all sorts of workouts:

Types of workouts for men (in grid format)

Compared to the other pillar pages on this list, where they’re linking to other subpages, Muscle and Strength’s pillar page links to other category pages, which then link to their subpages, i.e., its massive archive of free workouts.

Takeaway

Content databases, such as the one above, are a huge undertaking for a pillar page but can be worth it if the broad topic you’re targeting fits a format like this. Ideally, the topic should be about something where the content for it is ever-growing (e.g., workout plans, recipes, email templates, etc.).

Excerpt of Tofugu's guide to learning Japanese

Key stats

Estimated organic traffic: 39,100
Backlinks: 1,100
Referring domains: 308

Overview of Tofugu's guide to learning Japanese in Ahrefs' Site Explorer

Tofugu is a site about learning Japanese. And its pillar page is about, well, learning Japanese.

Why I like it

This is an incredible (and yes, ridiculously good) guide to learning Japanese from scratch. It covers every stage you’ll go through as a complete beginner—from knowing no Japanese to having intermediate proficiency in the language. 

Unlike other pillar pages where information is usually scarce and simply links out to further resources, this page holds nothing back. Under each section, there is great detail about what that section is, why it’s important, how it works, and even an estimated time of how long that stage takes to complete. 

Another interesting aspect is how Tofugu has structured its internal links as active CTAs. Rather than “Learn more” or “Read more,” it’s all about encouraging users to do a task and completing that stage. 

CTA encouraging user to head to the next task of learning to read hiragana

Takeaway

Two takeaways here:

  • Pillar pages can be ridiculously comprehensive. It depends on the topic you’re targeting and how competitive it is.
  • CTAs can be more exciting than merely just “Read more.”
Excerpt of Zapier's guide to working remotely

Key stats

Estimated organic traffic: 890
Backlinks: 4,100
Referring domains: 1,100

Overview of Zapier's guide to working remotely in Ahrefs' Site Explorer

Zapier allows users to connect multiple software products together via “zaps.” It’s a 100% remote company, and its pillar page is about remote work. 

Why I like it

Zapier’s pillar page is basically like Wine Folly’s pillar page. Break a topic into subsections, add a couple of links of text, and then add internal links to further resources. 

In the examples above, we’ve seen all sorts of execution for pillar pages. There are those with custom designs and others that are crazily comprehensive.

But sometimes, all a pillar page needs is a simple design with links. 

Takeaway

If you already have a bunch of existing content on your website, you can create a simple pillar page like this to organize your content for your readers. 

Advertisement

Keep learning

Inspired by these examples and want to create your own pillar page? Learn how to successfully do so with these two guides:

Any questions or comments? Let me know on Twitter.  



Source link

Continue Reading

DON'T MISS ANY IMPORTANT NEWS!
Subscribe To our Newsletter
We promise not to spam you. Unsubscribe at any time.
Invalid email address

Trending

en_USEnglish