LPデザインの参考に!ランディングページまとめサイト比較!プラス私の裏ワザ

012

ランディングページを作るとき、明確なイメージができてたらいいんですが、なかなかイメージしにくい人もいるのではないでしょうか。
そんなときって、ほかのデザインを見てたらどんどんインスピレーションがわいてくることもありますよね。

そんなとき、参考になるLPデザインまとめサイトのご紹介をします!

ランディングページ集めました

004 ランディングページ集めました

 

こちらのサイトは個人的に一番オススメ!
カテゴリ分けが細かくされてて見やすいし、更新もちゃんとされてます。
月別アーカイブもあります(2009年から)

 

WebDesignClip

001 WebDesignClip

 

このサイトもオススメ!
カテゴリわけはされてないけど、新しいLPを見ることができます。
最近のものなので、スマホ対応もされてるし、デザインも新しい。おしゃれで斬新なLPが多いです。

見てるだけで楽しい♪

 

ランディングページまとめサイト

010

ランディングページまとめサイト
美容、健康食品、アパレル、士業など、いろんなジャンルのLPが見れます。
新しいものも多いので、参考にしたくなるようなLPが多いです。

 

縦長のWebデザインギャラリー

007

縦長のWebデザインギャラリー
国内外問わず、またLPに限らず、縦長のデザインのサイトを紹介してます。
海外で流行ってるデザインは必ず日本でも流行るので、先取りになります。
LPにフォーカスしてるわけではないので、LP作るときはあまり参考にしないけど、サイト作成のインスピレーションを得たいときは参考にしてます。

 

縦長ページのデザイン集めました

006 縦長ページのデザイン集めました


縦長ページを集めました系のまとめサイトは、ランディングページと言うよりは1カラムのサイトが多いんだけど、ここはランディングページの割合が高いです。
業種や色でカテゴリー分けされてるので、目的に応じて探しやすいです。

 

ランディングPAGEギャラリー

008

ランディングPAGEギャラリー

 

美容・化粧品に特化したランディングページ集です。
美容や化粧品の中でもさらにカテゴリー分けされてるので、探しやすいです。

 

LANDINGPAGE BOOKMARK

002 LANDINGPAGE BOOKMARK
カテゴリわけされてて見やすいまとめサイトですが、更新が止まってる気がします。
いつみても同じLPが表示されてるし、スマホ対応されてないLPばかりなので、古いのかな?って思っちゃいます。

 

LANDINGPAGE_DESIGN BOOKMARK_SMARTPHONE

003

LANDINGPAGE_DESIGN BOOKMARK_SMARTPHONE

 

スマホ用に作られたLPを集めてます。
やはり、LPのスマホ対応は必須なので、デザインの参考になるのでは。
が、スマホ対応されてないLPもありますw
カテゴリわけされてて、さらに左のFILTERをクリックすると詳しいカテゴリが出てきます。

 

LP Data Base

005 LP Data Base

 

一見、きれいにまとまってる感じですが、月別アーカイブが2011年で止まってるので、デザインもきれいだけど古いです。
2011年なので、スマホ用の参考にはなりません。

 

 

lapa

009 lapa

 

海外のランディングページというか、1カラムのサイト集です。
海外ではフルサイズが流行ってて、動きのあるサイトが多いです。
私は、ランディングページのなかに取り入れられそうな要素を探したいときに参考にしてます。

 

私の裏ワザ

いろいろとLPデザインの参考になるまとめサイトを紹介しました。どのサイトも、だいたいカテゴリーに分かれてて探しやすくはなってます。
でも、今現在公開されてるLPを、大きなカテゴリーではなくピンポイントで探したいときは、私はまとめサイトではなく、Googleを使ってます。

 

このように、「ニキビ」とか「英会話」とか入れると、まず広告用のサイトが上位に出てきます。
011
 

それらのサイトはだいたいLPで、リンク切れをしてることもないので参考になります。
今公開されてる大手の会社のLPなのに、まだスマホ対応されてないものとかあったりして、web担当者に提案したくなっちゃいますがw

 

広告を出してる会社にとっては迷惑な話でしょうが・・・

 

頭だけで考えても限界があります。

いろんなデザインを見ることも、スキルアップへの近道!普段からいろんなLPやサイトデザインを見て、いいものを吸収していきましょう♪

 

 

 

012

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

ABOUTこの記事をかいた人

りりちこです。福岡在住の主婦で、2児の母です♪ webデザインやネットビジネスでお小遣い稼ぎをしており、稼ぎたい方のサポートもしてます。 詳しいプロフィールはこちらから!