延べ1,198事例！Facebookウェルカムページの「デザイン」に悩んだら見るべき7サイト＋6記事

2012/01/23

Facebookのウェルカムページデザイン、1,198個分を集めました！
皆さんは、Facebookのウェルカムページ「デザイン」を考える時、何を参考にしていますか？ 良いページがあったらブクマしておく、ファンになっておく方や、デザイン事例がまとまったサイトを見る方も多いと思います。 ※ラボ編集部注：2016年7月現在、一部URLが閲覧できなくなっているため、修正しました。 今回は、そんなFacebookのウェルカムページ「デザイン」がまとまったサイト7個と、ブログ記事6個をまとめました。掲載されている事例の数は、なんと延べ1,198個もあります！ 国内版、海外版、両方とも掲載しています。
＞既にウェルカムページを作っている方へ 皆さんのFacebookページのウェルカムページは載っていましたか？ こういったサイトからの流入も馬鹿にできないくらいあったりします。掲載申請すれば載せてくれる場合もあるので、載ってない場合は連絡してみると良いと思います。

サイト1(国内)：DesignDesignDesign

Facebookのウェルカムページデザインでベンチマークする時は、まずはこちらのサイトを見ると良いです。 事例掲載数も160個以上と非常に多く、業種別・国内海外別で出し分け出来るので便利です。 ▼カテゴリー選択メニュー 左側メニューの「業種から探す」「国内/海外」のところから絞り込めます。

サイト2(国内)：520PX facebookmark

Facebook専門でウェルカムページのデザインをまとめているサイトです。(上述の「DesignDesignDesign」は、WEBサイト、スマートフォンアプリもあります) 「アーティスト」「ショップ」「旅行」など25個のカテゴリー別にまとめているので絞り込みが便利です。

サイト3(国内)：SNS Marketing Clip

形式はtumblrですが、400個と国内の中でも最も多くFacebookのウェルカムページデザインがまとめられています。 時々Facebook以外のサイトもあるので、上記画像ように「#Facebook」のタグをクリックして絞り込んで使ってみて下さい。 ※Facebookコネクト利用のキャンペーンサイト事例なども掲載されていますが、それを除いても400個くらい事例が掲載されています。

サイト4(国内)：いいね！Facebookページ

  • サイト名：いいね！Facebookページ
  • URL　　：http://facebookpage-iine.com/
  • ストック数：120個以上
120個以上と掲載数が多いのですが、カテゴリーが無いところが不便かもしれないです。 ただ、国内・海外問わず、デザイン性の高いウェルカムページが多く集められています。

サイト5(海外)：facebook STUDIO

Facebookが運営するサイトです。Facebook活用に関する様々なティップスが載っています。 このサイトの「Gallery」コーナーに、ウェルカムページ事例が多く取り上げられています。

サイト6(海外)：facebookshowcase

  • サイト名：facebookshowcase
  • URL　　：http://facebookshowcase.net/
  • ストック数：160個以上
海外サイトとしては私が知っている限り、最も多くデザイン事例が掲載されています。

サイト7(海外)：customfacebookpage.com

  • サイト名：customfacebookpage.com
  • URL　　：http://www.customfacebookpage.com/
  • ストック数：100個以上
このサイトでは、各デザインの詳細ページを用意してくれています。ウェルカムページだけではなく、その他のタブも！ 一覧の各画像をクリックすると、以下のようなページが開かれます。
ベンチマークしていたウェルカムページが突然デザイン変更してしまって困ったことはありませんか？そんな時に「customfacebookpage.com」は便利です。

記事1(国内)：【業種別：80ページ】FBページ作りの参考に！業種別に企業のFacebookページまとめました（国内・一部海外）

「HTML5でサイトをつくろう」さんの渾身の記事です。 国内企業のウェルカムページデザインが、業種別に80個まとまっています！ 「食品・飲料」「ファッション・量販店」「航空・旅行」など、普段なじみに企業カテゴリーごとにまとまっています。

記事2(国内)：参考になる企業のFacebookページまとめました[ファッションブランド編：30選]

こちらも「HTML5でサイトをつくろう」さんの記事です。 ファッション関連の会社さんのウェルカムページデザインが、30個まとまっています。

記事3(国内)：デザインやアイデアの参考になる日本のFacebookページ 10タイトル

マイナビニュース内にまとめられているFacebookデザインベンチマーク事例です。
こういったように、ウェルカムページの全画面キャプチャーを撮ってくれているので使いやすいです。

記事4(国内)：思ったよりカンタンでした！アプリで作るfacebookページ+参考デザインの紹介

あの「ホームページを作る人のネタ帳」さんも好きなブログ、「ウェビメモ」さんの記事です。 記事の前半はウェルカムページの作り方の事が書かれていますが、後半のところに5事例が掲載されています。

記事5(海外)：26 Great Facebook Landing Page Examples

ここに掲載されている「６．Jack Daniels」のウェルカムページなんかは、ファンのプロフィール画像を使うという、よくあるような感じではありますが、やはりファンの顔が見えるという事で、好感が持てるのかなと思います。

注意

記事にアクセスすると9個しか事例が載っていません。 分かりにくいのですが、実は記事下にページャーが隠れており、そちらで2ページ目・3ページ目にいくとちゃんと10個目以降のウェルカムページデザインを見る事が出来ます。

記事6(海外)：22 Inspiring Examples of Facebook Page Designs

こちらの記事も「DreamFROW」さんの記事です。 少し古い(タブが上部についている時代の記事)ですが、「キットカット」「Gary Vaynerchuk」「Jones Soda」など参考になるウェルカムページデザインが多く載っています。 上述の「DreamFROW」の記事と同様、記事下のページャーで2ページ目以降が隠れているのでご注意ください。

番外編

最後は番外編で、Facebookページの「採用」ページに特化したウェルカムページのデザイン事例です。 ちなみにガイアックスの採用ページも真ん中あたりに掲載されています。皆さんの会社の採用ページはありましたか？ 「ソーシャルリクルーティングの世界」のブログでは、ウェルカムページ以外のオリジナルコンテンツを100事例集めた記事も出しているようでした。こちらも要チェックですね！
以上、という事で、『延べ1,198事例！Facebookウェルカムページの「デザイン」に悩んだら見るべき7サイト＋6記事』でした。 （執筆/編集　井出一誠：Facebook、twitter ） 今回の記事はお役に立てましたでしょうか？

次の記事のご案内

この記事を書いた人：ソーシャルメディアラボ編集部

企業のWeb担当者様が積極的にSNSをビジネス活用していけるよう、ソーシャルメディア関連の「最新ニュース」「運用ノウハウ」「事例・データ」の情報を素早くキャッチしてお届けします。