Designing a Facebook landing page: 12 of the best!

by Brady Nord

July 22, 2010 in design

I felt it necessary to congratulate and portray some of the successes of Facebook on this very big occasion.

As of today (July 21st) Facebook has succeeded in signing up 500 million accounts! This is obviously a huge number and it’s not only individuals. As many of you already know we are seeing more and more companies jumping on the bandwagon in an effort to extend their reach beyond the typical platforms.

The site wide uniformity of Facebook has been a flagship characteristic of the Facebook and it seems they have worked very hard to stay within their original business model. Despite this, they have created Facebook fan pages with many different apps that you can use as a way to customize your business presence. Up till now, we have mainly seen this space used for coupons and promotions.

This obviously isn’t a tutorial on how to design a company landing page, but rather I hope to inspire you as to what successfully companies are doing within this space.

Victoria’s Secret


Coca Cola

Adidas


Red Bull

Kit Kat

Gary Vaynerchuk



Toyota


Mashable

Taco Bell



Louis Vuitton


Gap

NBA


Author Bio: I am a 26 year old internet entrepreneur and co-founder of MOJO-Themes.com. In addition, I have been involved with custom design and development for the past 6 years out of Salt Lake City, Utah. Feel free to contact me on twitter and let me know your thoughts or just say hi! @bradynord

Powered by Shutterstock

About Brady Nord

Co-founder of Mojo-Themes.com

  • trimbakeshwar

    Jul 22nd

    oohuuuuu…..

    awesome profiles…..

    Victoria’s Secret just mind blowing …..

  • JR Farr

    Jul 22nd

    Nice post man. I have to agree, Victoria secret is mind blowing…

  • Lisa B Hazen

    Jul 22nd

    I’ve never set one of these up, but I’m really inspired by these. If anyone has tips or knows of a good tutorial for this, let me know!

  • Michael Mahoney

    Jul 22nd

    Would love to get peoples comments on a facebook page we just re-launched, old site just used text and boxes, many of these sites served as inspiration, but at the end of the day we came up with this:

    http://www.facebook.com/drakeinternational

    I would appreciate any constructive feedback you can give us, not just on design. thanks.

  • Marcus

    Jul 22nd

    Very impressive designs.

  • Shovan

    Jul 22nd

    Amazing inspiration

  • felix

    Jul 22nd

    sorry but my little sister could have done the nba-page…nothing spectacular…

  • Michael Benin

    Jul 22nd

    Facebook, Twitter, and Tumblr. Sorry MySpace, you had a good run.

  • Tyler Collins

    Jul 22nd

    As Lisa has said, some of there are very inspiring! I have been meaning to get one of these setup for myself as well. Tutorials / Tip / Tricks are greatly appreciated!

  • Eko

    Jul 22nd

    Facebook really amazing, thanks for the inspiration.
    For Lisa : please check the tutorial here from Smashing Magazine : http://www.smashingmagazine.com/2010/07/07/designing-a-facebook-fan-page-showcases-tutorials-resources/

  • Lisa B Hazen

    Jul 22nd

    Thank you, Eko!

  • ladies high street fashion

    Jul 23rd

    Facebook pages are great, however getting people to ‘like’ your page is the hard part! :)

  • Divyesh Ardeshana

    Jul 23rd

    very good collection……………..:)

  • James

    Jul 23rd

    Really great roundup here, particularly like Gary Vee’s Facebook page, the handwritten style is awesome. I think the fact that all the big brands are now focusing on Facebook pages shows how important they are

  • blankpixels

    Jul 23rd

    Wow! I love all of ‘em! I’ve seen the one from Victoria’s Secret. But, I loved the one from Red Bull the most. *LOL* Thanks for this list! :)

    Oh, by the way, you can use FireShot, a Firefox addon that lets you take a screenshot of a website. It can even take a screenshot of the whole web page for you so you can post it “uncut”. You can set it to Visible area only or Entire page. :)

  • Rg

    Jul 23rd

    Just wondering. All of these were great but about Mashable’s, it’s so plain. There isn’t anything that’s worth ‘playing’ with on their FBML canvas

  • Share and like

    Jul 23rd

    Nice article. Thanks

  • Flexicell

    Jul 23rd

    It’s so hard to find things like this, so thank you for posting them. I have a mobile company which needs a decent Facebook page, so I’m pleased that I’ve got the inspiration now :)

  • Bronson

    Jul 23rd

    Wow, this just goes to show that even working within the confines of the FB Fan fage infrastructure, great work is VERY possible.

  • Jason

    Jul 23rd

    Most of them just look like websites -especially VS…

  • MatejL

    Jul 24th

    Relly lovin Adidas page … designing these pages could be the next big thing !

  • Marc

    Jul 25th

    nice list….
    as i like this one also: http://www.facebook.com/2aidorg

  • Luke

    Jul 25th

    Great stuff, I might update mine after seeing that insperation :-)

  • Victoria Blount

    Jul 26th

    There are some really eye catching landing pages, aimed at a clear target audience.

  • Jodi White

    Jul 28th

    Simply WOW!!! These landing pages seem delicious enough to attract people to visit their websites.

  • Katerina Fadljevic

    Jul 28th

    Nice – Red Bull, Toyota, Gary and NBA, Victoria is a bit boring

  • Jason

    Jul 28th

    Would love any feedback anyone would have for ours:
    http://facebook.com/qudeso

  • Katherine

    Jul 30th

    Lovely looking landing pages. But what more can you do with a landing page? Adding a web form such as a Feedback, contact, registration, product order form would turn the traffic into potential sales lead.

    On our PandaForm Blog, a web based form builder and manager, we’ve written a 10 step how-to tutorial on embedding a form into a Facebook Fanpage. http://blog.pandaform.com/fun/ow-to-embed-pandaform-in-a-faceboo-page/

  • Arnaud

    Aug 4th

    Hi Brady Nord, maybe I can give you a tip to make easily screenshots :

    Use Fireshot, a free plugin for Mozilla Firefox. You will be able to make full-page screenshot. Good for you ! Enjoy

    Arnaud

  • texas web design

    Aug 4th

    It is important to capture the subscriber’s attention. Images like these would surely make them stop and look giving your site the exposure it needs.

  • Steve-o

    Aug 12th

    DesignCrowd has one of the best: http://www.facebook.com/DesignCrowd

  • DzineClub

    Aug 16th

    Great Pages. The one we built for ourselves is pretty good too:

    http://www.facebook.com/pages/Melbourne-Australia/DzineClubcom/118250121541223

    It has a lot of flash components and youtube videos.

  • raymond mill

    Sep 1st

    but, my facebook can not open, why?

  • Discount Timberland uk

    Sep 4th

    nice designer

  • Manprit

    Sep 6th

    thanks for sharing such nice link…gallery

  • erecia

    Sep 12th

    Awesome article. I really really like the VS & Toyota one. I’ve create a simple video tutorial for anyone who wants to learn how to do this to their page..

    http://www.youtube.com/ereciaswebdesign

    - Erecia

  • Michael Vreeken

    Sep 13th

    Great examples on how to make a good and convertible landing for Facebook campaign. From my side I can suggest to use http://fbml-templates.net/ if you don’t have a design fella of skilled in Photoshop.

  • -ħuмди [twitter/hcp520]

    Sep 20th

    im a photographer …

    heres mine

    http://www.facebook.com/pages/Humanclay-Photography/114055678652979?v=app_4949752878

    feel free to LIKE it if you like it. id love to connect with you.

    -ħuмди [twitter/hcp520]

  • Laurie

    Oct 4th

    Thanks for compiling. I wrote about this recently – “The new home page of 2011 is the tab in facebook”. Check out American Red Cross – among my favorites for hard workding landing pages.

    http://socialwisdom.ca/2010/09/08/the-new-home-page-of-2011-is-the-tab-in-facebook/

    @ldillonschalk

  • Adrian Grossett

    Nov 4th

    Brilliant any business out there is crazy not to have a Facebook page – not only because its FREE marketing – but you can customize it to your branding and logo , colors and the rest – nice post – loving Victoria’s Secret!

  • Priit Kallas

    Nov 29th

    Some examples of Facebook pages http://goo.gl/9Vfc8 To get your audience engaged give them a little more than just a generic wall. I have selected the pages where new visitors are directed to somewhere else than wall. Here are 22 examples of what you can do with your Facebook page’s landing tab.

  • Locazion

    Dec 22nd

    Would be interested to get your thoughts on our new page http://www.facebook.com/locazion.

    Cheers :-)

  • Nette

    Dec 28th

    Thank you SO much for the inspiration! I built mine:

    http://www.facebook.com/pages/Short-Leash/209063621969

    It’s pretty cool!
    I am getting a lot more hits since I did this too.

  • logo design

    Dec 29th

    Good tips you discussed it is really need to keep in mind. Thanks for it

  • Logo Design

    Jan 4th

    nice designs. thanks for all the tips.

  • Henry

    Feb 14th

    Bonjour,
    i found this to make a landing page
    http://www.facebook.com/like.to.see

  • Tom Gibson

    Mar 8th

    This Facebook page is a twist on the home page Apple put up prior to a major announcement about 10 years ago. http://bit.ly/gvdSiQ

  • Jen

    Apr 3rd

    Came across this innovative use of the picture hack for Facebook page by Ben&Jerry’s n tot might as well share it with the peeps here thou its of different stuff.
    =)

  • Jen

    Apr 3rd

    Came across this innovative use of the picture hack for Facebook page by Ben&Jerry’s n tot might as well share it with the peeps here thou its of different stuff.
    =)

    http://www.facebook.com/benjerrysingapore

  • Wake county

    Apr 4th

    Hi chum. My partner and also i genuinely only like this The content and also the website all in all! which content is genuinely truly plainly written and also in truth simply understandable. Your New WordPress theme is impressive as well! would undoubtedly be uncanny To master where I probably are capable download that. be certain how to keep up The amazing work. we all need every way more these kinds of internet owners such as you going on The Internet and a lot rarer spammers. great mate!??????

  • Carlos

    Apr 4th

    A consultation is possible that by creating a registration page in a tab to register also make the choice of “like”?

  • Web Design

    Apr 18th

    Great Portfolio. Very Nice

  • Facebook Landing Page Design

    Apr 18th

    The FB Page for KITKAT is Best. Great Work

  • Kevin Warhus

    Apr 29th

    Thanks for sharing these awesome pages. I really like Kit Kat’s page. I am in the process of designing a few Facebook landing pages for a few clients and this was just the inspiration I was looking for. I really think the key here is to make these fun and interactive. Your fans want to be entertained and get some value from the time the spend interacting with your brand.

  • MAT

    Apr 30th

    Does Facebook allow to upload flash (*.swf ) to Welcome Page? Anyone know it please show me. Thanks

  • roy armstrong

    May 3rd

    I love it..thanks brad

  • Social Media Saint

    May 21st

    Excellent collection there! With iframe based fan pages, designers have a wide range of choice and features to implement within the fan pages.

  • Maryam

    Jun 7th

    Does anyone know who designed these pages? If so, I’d like to contact them. Or if there’s a design agency that designs Facebook pages, I would like to contact you too.

    Thanks.

  • Sevket Yilmaz Hastanesi Randevu Alma

    Jun 12th

    Excellent collection there! With iframe based fan pages, designers have a wide range of choice and features to implement within the fan pages.

  • Ekwunife

    Jun 17th

    Excellent collection there! With iframe based fan pages, designers have a wide range of choice and features to implement within the fan pages.
    Posted on June 12th, 2011

  • Sonja van Uden

    Jul 10th

    How about this one. Especially when you ‘like’ the page it looks cool.
    I know it’s Dutch, but don’t let the language scare you :D
    http://www.facebook.com/tranemettuite

  • Leave a Comment

    Your email address will not be published. Required fields are marked *