LearnWhat Makes An Effective Landing Page?

Avatar

Gaby Izarra
writes on October 20, 2015

It takes a mere fraction of a second for a visitor to evaluate and form an opinion on your website (and as a result, your brand). Bearing in mind that itty-bitty detail, making the perfect first impression should be a top priority. So what does it take to win over these potential leads? A quality landing page that provides an awesome experience.

There’s no guaranteed formula for building a flawless landing page, but it’s not hard to see that some of the best and most effective sites have a number of things in common.

Seven Must-Have Components of a Flawless Landing Page:

  1. Compelling imagery: The world runs on visuals! Choose high-quality, attention-grabbing images or videos that are relevant to your cause. Bonus points if they spark an emotion!
  2. Attractive Design: Keep your design clean and simple, yet impactful. Color matters. Pick a scheme that sets the mood, and pair that with a seamless layout. Consider whitespace and legibility — give your content room to breathe.
  3. Powerful Copy: Intrigue. Empower. Persuade. The headline of the site is your most promising opportunity to hook attention. Concisely tell your visitors what you’re offering. The sub-headline should elaborate on the problem you’re solving, and ultimately persuade your visitor to buy, click, join, or at the very least, learn more.
  4. Easy Navigation: Anticipate what your users will be searching for and provide a clear path for them to get where they need to go.
  5. Effortless Call-To-Action: Be the solution your potential customers are looking for, and offer it to them in one click!
  6. Interactivity: Interactivity stimulates interest, and there are so many unique ways to keep your users engaged on the site: Try scroll storytelling like Tumblr or video surfing like Leap Second.
  7. Offer: Free stuff and discounts rock! Your visitors might be more inclined to sign up or drop their e-mail in exchange for an e-book, a free trial or a percentage off their first purchase.

Time to get inspired! Scouring through the Internet, I came up on 20 creative and effective landing pages that hit it out of the ballpark.

Which are your favorite? Leave a comment with a great landing page you’ve seen recently.

1. Toggl 

toggl

2. Leap Second

leapsecond

3. InVision

invision

4. Sprig

sprig

5. Squarespace

squarespace

6. Thankbot

thankbot

7. Creative Market Hits 1 Million Members

cm

8. Periscope

periscope9. U.S. Gov’s Vote

vote

10. Tumblr

tumblr

11. Scripted

scripted

12. Spotify

spotify1

13. Ink

ink

14 .Mixio

mixio

15. Hi-Res

hires

16. Amy Movie

amyfilm

17. AirBnB

AirBnB

18. Bose

bose

19. Hell’o Baby

hellobaby

20. Smashbox

smashbox

 

3 Responses to “What Makes An Effective Landing Page?”

  1. The AirBnB landing page is amazing w/ the background video.

  2. Very inspiring examples. thanks for sharing.

  3. I was impressed by Toggl but even more by the fact that every page after the homepage loads in less than 1 second. I would love to know how did they manage that.

    There’s nothing in the body tag so I’m guessing everything is happening with JS.

    Even better, a course on that would be awesome, please make it happen. 🙂

Learning to code can be fun!

Get started today with a free trial and discover why thousands of students are choosing Treehouse to learn about web development, design, and business.

Learn more