ランディングページを作る前に！参考にしたいデザインまとめサイト7選
- 2018年6月26日
- 32,061
ferret編集メンバーが不定期で更新します。
Webマーケティング界隈の最新ニュースからすぐ使えるノウハウまで、わかりやすく紹介します！
>> 著者詳細はこちら
この記事は、2014年11月25日に公開された記事を再編集しています。
リスティングの受け皿や
キャンペーン
の告知用に、Web担当者は
ランディングページ
を作成する機会があります。その度にどのようなデザインにしたらいいのか、どのような構成にすればいいのか悩まれる方も多いのではないでしょうか？
今回は、
ランディングページ
のデザインや構成の参考になるまとめサイトを紹介します。
ランディングページ の基本的な解説に関しては、以下の記事も参考にしてみてください。
参考：
ランディングページとは〜LPOで成果の上がるページを作る方法と使えるテンプレート集まとめ｜ferret
ランディングページ のデザインまとめサイト7選
1. ランディングページ 集めました。
Webディレクターである管理人がまとめている、 ランディングページ の参考サイトです。トップ画面に並ぶ サムネイル をクリックするだけで該当 ページ に遷移するため、気になるデザインを手軽にチェックできます。
更新年月や取り扱っている商材のカテゴリごとの検索も可能です。
2.LANDINGPAGE BOOKMARK
コンバージョン となる商品ごとのカテゴリで分けられている、 ランディングページ の参考サイトです。美容商品や健康商品、サプリメントなどを扱う ランディングページ が多くまとめられています。
自社で取り扱っている商品と競合になる ランディングページ に絞って検索できるため、美容・健康関係の担当者は該当のカテゴリがないか探してみましょう。
3.Land-book
海外サイトを集めた参考サイトです。 ランディングページ だけでなく、ポートフォリオや ブログ もまとめられています。カテゴリごとの検索や、新着順、人気順の並べ替えもできます。
アカウント 登録をすると気に入ったサイトを「My Favs」というリストに保存できるため、定期的に情報収集したい場合に活用できるでしょう。
4.LPアーカイブ
デザイナー観点で、多くの分類から ランディングページ を検索できる参考サイトです。商品だけでなく、 ランディングページ の「カラー」「イメージ」といったカテゴリから絞り込めます。
ランディングページ の商品名や店舗名、掲載先なども独自でまとめられているため、より具体的な情報をもとに参考にできます。
5.Web Design Clip
国内の優れたWebサイトを集めた「Web Design Clip」の中でも、 ランディングページ に特化した参考サイトです。商品ごとのカテゴリ、「レスポンシブ」「男性向け」などのタグごとに検索できます。
メインカラーとサブカラーの組み合わせもまとめられているので、あらかじめ決まったカラー コンセプト で ランディングページ を制作する際は特に参考にしやすいサイトです。
6.LP advance
複数のカテゴリをかけ合わせて ランディングページ を検索できる参考サイトです。「業界・業態」「カラー」「タイプ（かわいい系・クール系など）」「メインビジュアル」をアンド検索で絞り込めます。
まとめている ランディングページ の キャッチコピー を一覧で確認できるため、ライティング担当者の情報収集にもオススメです。
7.イケてる ランディングページ デザインまとめ
「にぎやか系」「ネタ系」「神秘系」など、直感的なイメージからも検索できる ランディングページ 参考サイトです。イメージだけでなく、ジャンルやカラーでも検索できます。
背景が白で、各 ランディングページ の サムネイル 間の余白が大きいなど、まとめられている ランディングページ のデザインが映えやすいサイトデザインです。
まとめ：サイトを参考に ランディングページ の作成を
ランディングページ は、来訪した ユーザー にいかに快適に読み進めてもらい、 コンバージョン してもらえるかが重要です。今回紹介したデザインまとめサイトを参考にしながら、ターゲットや商品に適したデザイン、構成になるよう工夫してみましょう。
