facebook-landing-page-design

8 Stunning Facebook Landing Page Designs (And why they work)

One of the best things about Facebook Pages is the ability to have a customized landing tab. This piece of your fan page will be what new visitors to the fan page see, and it can help you increase conversions from your fan page in the form of additional likes.

How is a like on Facebook a conversion, you might ask? According to a recent study, the value of a Facebook fan is about $10 for a brand. And with the largest fan page topping out at 56 million “likes” (Facebook’s own, of course), you can do the math and see why gaining fans for your page is an important acquisition.

Examples Of Landing Tab Usage

The following are examples of Facebook landing tabs from celebrities, brands, and other fan pages that make the top Facebook pages based on number of fans.

There are a number of things you might want a Facebook visitor to do on your Facebook landing page.

Here are examples of beautifully designed landing pages organized by the primary conversion goal for the page.

Like Our Page

One of the top goals for a great landing tab is to get people to like your fan page. Here, Red Bull uses a combination of drawing attention to the Like button with the promise of unveiling hidden video content. It certainly has worked for them and their 24.6 million fans!

Rihanna’s fan page does the same, promising fans of the page exclusive content and fan missions. Once you like the page, you are greeted with a successfully completed mission, video premiere exclusive, and the ability to buy her latest album on iTunes.

This is the perfect way to combine conversion points of gaining new fans, getting them to share your page with their friends using the Post to Wall button, and directing them to purchase your products!

Of course, you don’t have to get fancy. Pringles makes you want to join the page simply to interact on their wall!

Talk about social proof in those status updates with the number of likes and comments, although the dates of the updates suggest they only interact on their wall sporadically.

Make A Purchase

Impulse buys are popular in grocery stores and retail stores alike, so why not on Facebook too? Victoria’s Secret has the perfect last minute gift right on their landing tab. You can buy a gift card for your Facebook friend, right on their page!

Once you’ve customized your gift card, you can have it sent to them via Facebook or Email. The beauty for Victoria’s Secret is that sending it through Facebook will post it on your recipient’s wall. So not only did they make a sale, but they’ll get some advertising on your friend’s personal profile too!

Visit Our Website

iTunes takes the familiarity of their store and puts it right on their Facebook landing tab with every link leading you back to their platform. They also keep some Facebook functionality in by letting you share songs from their top playlists to your Facebook profile.

So maybe if you don’t buy, you might share one of your favorite tunes with your friends and they’ll stop by to make a purchase!

Texas Hold’em Poker is the #2 most popular Facebook page with 54.3 million fans. Their green Play Now button leads you directly to their app where you can play poker on Facebook itself. The addiction factor from there is huge with the ability to play friends and get “collectibles.”

Experience Our Brand

You don’t always have to hide content in order to generate likes. Sometimes you just have to display your brand’s strong points. Coca-Cola highlights their Like button while showing how they help the environment and who wouldn’t fall for cute polar bear cubs? 36.4 million fans certainly have!

Walmart also takes the initiative to turn their landing tab for the holidays to show their charitable ways for nonprofits.

These kinds of displays can actually increase a potential fan’s belief in the brand and thus strengthen the customer’s loyalty.

How To Build Your Own Facebook Landing Tab

Now that you’ve looked at these amazing designs and ways to draw attention to your Like button, products, and/or content, you are probably asking how it is all done. If you want just a simple graphic that leads people to click your Like button to become a fan, that is one thing. If you want hidden content to be revealed or an eCommerce platform on Facebook itself, that is another. The following are some resources you can use to get the kind of Facebook landing tab you need for your brand.

For Do-it-Yourselfers

If you’re ready to tackle a Facebook landing page tab yourself, probably one of the most easy to follow tutorials is the one on SocialMouths on how to build a Facebook landing page with iFrames. This is great for people who are good at image creation and web coding.

Facebook Recommended Vendors & Consultants

Next, you can look into finding a Facebook developer consultant near you to design your customized Facebook solution. You can use the lookup application to find consultants by location (as shown above), browser through a list of vendors, or check out API Developers.

Look at the Credits

While you are perusing different welcome designs on other Facebook pages, check to see if there is a credit to the person or company who developed it. I found this simple contact form (pictured above) on another fan page, went to the developer’s website, and customized my own form within half an hour. You may find easy to work with applications that you can install on your own or a reference to a great developer who can customize something for you.

Quick & Easy Solutions

If you just want to create something nice for your Facebook fan page, but are not ready to dive into developers or coding it yourself, the following sites have easy to customize applications which you can install (in most cases) immediately to your Facebook page for a flat or monthly fee.

  • Pagemodo – Pagemodo offers a variety of applications including contact forms, Twitter feed integration, videos, a like gate (hidden content until someone likes your page), and more. Pricing ranges from free for one custom tab on one fan page to $33.25 per month for unlimited tabs on an unlimited number of fan pages.
  • North Social – North Social offers almost 20 different customized apps for your Facebook page’s landing tabs and more. Pricing for access to all of the apps for one Facebook fan page ranges from $19.99 per month for up to 1,000 fans to $79.99 per moth for up to 50,000 fans.
  • Involver – Involver offers over 20 apps for basic, professional, and enterprise level pages. Pricing ranges from 9 free apps for one page to $2,749 per month for enterprise level solutions.
  • InlineVision – InlineVision currently offers two apps for Facebook – the powerful contact form (great for conversions) and an app for your Twitter feed. The apps can be used for free, or you can purchase a premium version for more customization options. In addition, they also offer designs for your website and a full range of online marketing services.

There are a lot more easy-install application makers out there – these are just the ones I have used before with my own pages or for clients.

What are your favorite Facebook landing tabs and services / developers to create them? Please share your thoughts in the comments!

About the Author: Kristi Hines is a freelance writer, blogger, and social media enthusiast. Her blog Kikolani focuses on blog marketing, including social networking strategies and blogging tips.

26 Comments

Post a comment
  1. I’ve been experimenting and am about to release a few versions of an app but the one I liked the best during my exploration that was on your was PageModo.

    There are companies that now specialize in certain industries doing the same thing (such as MySocialPractice) and that create finely crafted, professional pages.

    It will be interesting to see how the options grow.

  2. Great examples.

  3. Great examples and inspiration. Thanks for linking to a way to create our own landing pages, as well. I am getting ready to set up a couple of Facebook pages and this is really helpful. I’m ready to tackle iframes!

    • I figured a lot of people would be ready to get started on theirs after seeing the examples, so I thought I’d throw some next steps in! :)

  4. Great post. The Red Bull one uses a classic DM graphic: the copy doodle. Ditto Pringles…and others. Including your page!

    The ‘tease’ for Rihanna is another DM technique.

    Victoria’s Secret provides a full offer. More DM.

    So it’s all direct marketing!

  5. Wow! I was just saying “I wish our apps would get noticed”… Thanks for mentioning us! (inlineVision)

    We have a new app now for quick and easy fangate landing pages too. No code, just two images that are 520×800.
    http://apps.facebook.com/vfangate

  6. Great article! We did our Facebook Landing Page using the FBML app on our page and just linking it to the image we wanted to use. http://fb.brandingarc.com.

  7. We created a free HTML/CSS design that fits within the Facebook iFrame if anyone is interested in downloading it. You can find it here: http://braginteractive.com/how-to-add-facebook-iframe-page/

  8. Pingback: Sunday Reading:Social networking posts | Tint-Network

  9. Those are great examples of big brands doing FB Tabs, What i would love to see is some examples of smaller brands doing FB Landing Page Tabs. We just did a landing page for our agency and it was hard to find inspiration of smaller brands doing it right!

  10. Nice. Really nice collection.

  11. thanks for sharing
    nice ideas
    makes me now think of flying oranges for mine :)

  12. Love the examples Kriti, looks like its back to the drawing board for me. Any recommendation to check for small businesses?

  13. Pingback: 8 Stunning Facebook Landing Page Designs – The Daily Egg | 地球のつながり方 メソッド・ファンドレイジング総集編

  14. Pingback: The Need for a Great-looking Landing Page | Facebook Templates

  15. Pingback: First client meeting and fresh ideas « amysallamericanseafood

  16. Have you checked out ShortStack? I like their Landing Page templates and services.

Post a Comment

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>