Book a demo
Our Work
Why Us
Blog
Pricing
Blog

4 Landing Page Ideas to Drive More Conversions

Alejandro Cuffia
Alejandro Cuffia
7 min read
4 landing page ideas and designs

Are you looking to grow your email list? Drive more sales? Get more attendees for your next event? A landing page can help you do all that and more—if you nail the design.

What exactly is a landing page, you ask? If you’re unfamiliar with the concept, a landing page is a webpage that a person “lands'' on after clicking on an ad, an email link or some other digital channel. The landing page should encourage users to take a particular action, such as subscribing to your email list, signing up for a free trial or purchasing a product.

Landing pages work by eliminating the paradox of choice, which is the idea that having too many options to choose from, rather than making us happier, can cause stress and lead people not to choose anything at all—also known as “analysis paralysis.” Compared to a website homepage which has many different next steps for users, a landing page should just have one single call-to-action. Keeping things simple and focused ensures that your viewers don’t get distracted from the choice you want them to make.

Now that you understand what a landing page is and how it works, we want to help you nail your design with our landing page design services. Keep reading for some design best practices and some landing page ideas to help inspire your next campaign.

Landing Page Design Tips

  1. Keep it simple and minimal. A good landing page doesn’t need a lot of bells and whistles. The best ones have very clean, simple layouts with plenty of white space to keep people focused on your offer and call-to-action.
  2. Use contrasting colors. Using contrasting colors for your backgrounds and buttons – like a dark navy paired with tangerine orange – will help your CTAs really pop, which will visually guide your user to take the desired action.
  3. Keep your most important info above the fold. If your users have to scroll too far to find the information they need, you’ll lose ‘em. Make sure to include a headline and a CTA right at the top of the page. You may also want to include a brief sentence or two of body copy if you feel the need to add more context or information.
  4. Add trust signals. Testimonials, reviews, usage statistics, and company logos act as stamps of approval which can help reassure visitors that your offer is as good as you say it is and encourage them to take the next step. Just make sure that these elements don’t distract from your offer. Some companies decide to put testimonials right at the top in the header, while others may include them below-the-fold as a means of social proof.
  5. Add video. Experts say that a direct face-to-face’ conversational format that directly addresses the viewer/prospect and focuses on the ‘big idea’ of the page works best. They also recommended adding some low-volume background that can help make the video more engaging (and mask audio inconsistencies) and captions so your page visitors can still watch with the sound off. For more on this, we love this article by Wistia that shares tips for how to use video on landing pages to maximize conversion (and delight).

Join our Gather & Grow webinar

It's a live, interactive series on the intersection of design and company growth, where we talk about topics like this! Each session features advice from creative and marketing experts, with live Q&A at the end.

Learn more

Landing Page Ideas with Examples

It’s one thing to learn about what makes a great landing page – it’s another to see one in action. Lucky for you, we put together this quick list of landing page examples that you can use to help inspire your next project (or spruce up any existing landing pages!).

1. Thinkific: Straightforward Messaging and Clear CTA

Why it works:

  • Strong hero image: The visual of an athletic woman popping out of a web browser page in the website header is a great visual representation of how Thinkific helps creators turn their knowledge and experience into digital courses.
  • Contrasting colors: The orange CTA button really pops against the blue background, drawing the users’ eye directly to the action Thinkific wants them to take (“Start a free trial”).
  • Social proof: The landing page includes captivating statistics (“50,000+ course creators using Thinkific, $650 million+ earned on our platform”) to generate FOMO and underscore the offer’s value.
  • Optimized above-the-fold section: The rest of the page includes more information about Thinkific’s subscription plan and how it works, but the above-the-fold contains the critical info user would want to see to make a decision: a strong headline, clear CTA, and social proof.

2. HoneyBook: Building Trust Through Social Proof

Why it works:

  • Contrasting colors: The dark background with white text and teal CTA button makes the page easy to read and directs the page visitor to take the desired action of starting a free trial.
  • Product screenshots: HoneyBook gives visitors a peek into the product’s user interface by including screenshots on the landing page, coupled with illustrations for added visual interest.
  • Trust signals: The landing page includes customer logos (greyed out to fit with the visual language of the page) and customer testimonials to build trust.
  • Video: HoneyBook includes video customer success stories that act as an additional trust signal and add a human element to the page.

3. Wistia: Colors and Visuals that Pop (& Video!)

Why it works:

  • Eye-catching colors: This ain’t your average landing page. The bold and vibrant colors and hero video immediately draw the viewer in.
  • Clever copy: The conversational copy and show business references (“There’s no business like your business”) really highlight the brand’s friendly, down-to-earth personality.
  • Video, video and more video: The landing page peppers high-quality trailers throughout the page, enticing users who need a little more info before they commit by giving them a taste of what they’re going to get when they sign up.

4. Notion: Using Illustration and Motion to Stand Out From the Crowd

Why it works:

  • Use of illustrations: Notion uses illustrations in the hero and throughout the landing page that add a touch of whimsy and visual interest.
  • Motion graphics: Instead of using screenshots, Notion uses animations to give viewers a more engaging and true-to-life idea of what it’s like to use the platform.
  • Social proof: The landing page features customer logos, testimonials, and tweets from real Notion users to add credibility.

Get Frictionless, Delightful Design

From ad creative, to email and landing page design, Superside works with brands like Facebook, Amazon and GroupM to help them scale design better, faster and cheaper.

Get started

Final Landing Page Design Advice

Landing pages can be a powerful tool to generate leads and drive sales, but the wrong design can seriously hurt your conversion rates. According to research from Adobe, 38% of users will stop engaging with a website if they find it unattractive. Remember: the best landing pages are simple, minimal, and focused. While you can (and should!) consider adding some video or graphics to make your page pop, a landing page isn’t the place to spend a ton of time educating your audience on who you are and what you do.

From the copy to the design to the CTAs, everything on your page should support one common goal: driving conversions.

Published: Jun 18, 2021
Alejandro Cuffia
Written by
Alejandro Cuffia
Alejandro Cuffia has 6+ years of experience in UX/UI design. He is a Design Director at Superside, leading projects and developing all types of products for clients. From Buenos Aires, Argentina, Alejandro is a mate and asado (a.k.a barbecue) lover and a passionate photographer.

Join our community of 5,000 strong and receive the best design and marketing content, biweekly

No charge. Unsubscribe anytime

Continue reading

iOS 13 Update Advertising on Facebook

How Apple’s iOS 14 Update Changes Advertising on Facebook

Hint: great creative is will be the name of the game. The Apple iOS 14 update doesn't need to be all doom and gloom for advertisers—we've got tips for success!

Branding package outline and tips

What’s Included in a Branding Package?

Whether you're refreshing an existing brand or starting from scratch, you need a branding package. We cover what a brand package includes, plus premium add-ons.

How to write a design brief

How to Write a Design Brief (+ Free Template)

Learn about what to include in a design brief, along with some tips on how to properly write one. Or, just access our free design brief template!

Hassle-free design starts here

Superside is an always-on design company that makes design frictionless and hassle-free for marketing, sales, creative and product design teams. This means top quality designs at lightning fast speeds, improved velocity and go-to-market and completely secure and confidential file sharing and collaboration.

In this one-on-one live demo, you’ll see:
- How Superside works
- A first look at the Superside platform
- The most suitable subscription plan for you

Get ready to join 140+ scale-ups and enterprise teams doing good design at scale with Superside’s dedicated team model.
Want to start a design project instead? No problem, get started here

Book a call with us

First name
Last name
Email
Company name
Company size
Phone number
We need your phone number for the demo. We'll never use it for any other purposes.
Book a demo

Company

Learn

Book a demo
Superside is a revolutionary way for businesses to get good design done at scale.
Trusted by scale-ups and enterprise teams, Superside makes design hassle-free for Marketing, Sales, Creative and Product Design teams by combining top designers and project managers from all over the world, with purpose-built technology and the rigour of designops. Since inception, Superside has been a fully remote and distributed company based in Palo Alto, California, with 180+ employees working across 50+ countries and 19 timezones.
Privacy Policy