ランディングページを作る前に!参考にしたいLPデザインまとめサイト10選
この記事は、2014年11月25日に公開された記事を再編集しています。
リスティングの受け皿やキャンペーンの告知用に、Web担当者はランディングページ(LP)を作成する機会があります。その度にどのようなデザインにしたらいいのか、どのような構成にすればいいのか悩まれる方も多いのではないでしょうか?
今回は、ランディングページのデザインや構成の参考になるまとめサイトを紹介します。
ランディングページの基本的な解説に関しては、以下の記事も参考にしてみてください。
参考:
ランディングページとは〜LPOで成果の上がるページを作る方法と使えるテンプレート集まとめ|ferret
目次
国内のランディングページのデザインまとめサイト
Web Design Clip [L]
Web Design Clip [L]は、業界問わず、参考になるランディングページのデザインがまとめられたWebサイトです。各デザインにカーソルを合わせると、「category(美容・健康・化粧品、家電・PC・玩具など)」「main color」「sub color」の確認ができます。さらに各項目をクリックするとその項目ごとのランディングページのデザイン一覧を表示できます。
自社と同じ業界ではどのようなランディングページを作っているのかやカラーごとにランディングページのデザインを参考にしたい場合に便利なWebサイトです。
MUUUUU.ORG(ムーオルグ)
「MUUUUU.ORG(ムーオルグ)」は、縦長のWebサイトのみをまとめたギャラリーサイトです。紹介されているものはランディングページだけではありませんが、デザインの参考には十分なります。デザインは、「カテゴリ」「デザイン」「Webサイトのタイプ」「カラー」ごと一覧表示可能です。
洗礼されたスタイリッシュなデザインのランディングページを作りたいときに参考になるでしょう。
ランディングページ集めました。
Webディレクターである管理人がまとめている、ランディングページの参考サイトです。トップ画面に並ぶサムネイルをクリックするだけで該当ページに遷移するため、気になるデザインを手軽にチェックできます。
更新年月や取り扱っている商材のカテゴリごとの検索も可能です。
LANDINGPAGE BOOKMARK
コンバージョンとなる商品ごとのカテゴリで分けられている、ランディングページの参考サイトです。美容商品や健康商品、サプリメントなどを扱うランディングページが多くまとめられています。
自社で取り扱っている商品と競合になるランディングページに絞って検索できるため、美容・健康関係の担当者は該当のカテゴリがないか探してみましょう。
LANDINGPAGE_DESIGN BOOKMARK_SMARTPHONE
スマートフォンに特化した、ランディングページのデザインまとめサイトです。スマートフォンユーザー増加に伴い、スマートフォンのランディングページの重要性はより高まっていると言えます。ランディングページのデザインを考えるときも、「スマートフォンで見やすいか」の視点は必須です。
スマートフォンのランディングページ作りの参考にしましょう。
縦長ページのデザイン 集めました
「セールスレターのデザインリンク集」として、主に美容・ハウツー・情報商材のランディングページをまとめて詳細しています。商材のメリットをいかに伝えるのか、そのデザイン手法を参考にすることができます、
LPアーカイブ
デザイナー観点で、多くの分類からランディングページを検索できる参考サイトです。商品だけでなく、ランディングページの「カラー」「イメージ」といったカテゴリから絞り込めます。
ランディングページの商品名や店舗名、掲載先なども独自でまとめられているため、より具体的な情報をもとに参考にできます。
LP advance
複数のカテゴリをかけ合わせてランディングページを検索できる参考サイトです。「業界・業態」「カラー」「タイプ(かわいい系・クール系など)」「メインビジュアル」をアンド検索で絞り込めます。
まとめているランディングページのキャッチコピーを一覧で確認できるため、ライティング担当者の情報収集にもオススメです。
イケてるランディングページデザインまとめ
「にぎやか系」「ネタ系」「神秘系」など、直感的なイメージからも検索できるランディングページ参考サイトです。イメージだけでなく、ジャンルやカラーでも検索できます。
背景が白で、各ランディングページのサムネイル間の余白が大きいなど、まとめられているランディングページのデザインが映えやすいサイトデザインです。
ランディングページ(LP)データベース(Landing Page Database)
ランディングページ(LP)データベース(Landing Page Database)
日本企業のランディングページを中心にまとめているWebサイトです。カラー、カテゴリー、キーワードからランディングページのデザインを探せます。
海外のランディングページのデザインまとめサイト
Land-book
海外サイトを集めた参考サイトです。ランディングページだけでなく、ポートフォリオやブログもまとめられています。キーワード検索や、新着順、人気順の並べ替えもできます。
アカウント登録をすると気に入ったサイトを「My Favs」というリストに保存できるため、定期的に情報収集したい場合に活用できるでしょう。
One Page Love
カテゴリー分けや検索機能が充実した、海外のWebページまとめサイトです。ランディングページだけでなく、1ページで完結する様々なサイトが紹介されています。
また、サイトのテンプレートの配布も行っています。
OnePageMania
1ページで完結するWebページを紹介する、海外サイトです。英語がわからなくても、ランキングから海外で人気なデザインを探せます。また、カテゴリー機能を使い、同じテーマのデザインを見てまわることも可能です。
まとめ:目的に合ったランディングページのデザインを探そう
ランディングページは、来訪したユーザーにいかに快適に読み進めてもらい、コンバージョンしてもらえるかが重要です。今回紹介したデザインまとめサイトを参考にしながら、ターゲットや商品に適したデザイン、構成になるよう工夫してみましょう。
合わせてチェック
ランディングページとは〜LPOで成果の上がるページを作る方法と使えるテンプレート集まとめ
日本の企業体のほとんどが中小企業ですが、はっきり言って中小企業の方が最初にやるべきWebでの集客施策はランディングページ最適化(LPO)と言っても過言ではありません。なぜLPOを最初にやるべきなのでしょうか。今回は、最初にやるべき理由と、作り方、売上や問い合わせ数を上げるために必要なことをまとめて解説します。
5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント
こんにちは。株式会社FREE WEB HOPEの代表取締役社長 相原 祐樹です。Webマーケティングって、やるべき事や覚えなきゃならないことが沢山ありますよね。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりして最終的には調べることに疲れた……なんて経験はありませんか? 僕はいつも思っていました。「考え方とかマインドセットはいいからやり方を教えてくれ」と!そこで思ったのが、もう自分で「Webマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう」ということです。
- キャンペーン
- キャンペーンとは、インターネット上のサイトにおいて、ファン数を増やし、購買行動を促すためにおこなう懸賞キャンペーンなどのマーケティング活動のことです。キャンペーンにはファン数を増やすだけでなく、ファン獲得以上のリアル店舗の来店者数を増やす、資料請求者を増やす、実際の購買を増やすなどの目的があります。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- キャッチコピー
- キャッチコピーとは、商品などの宣伝の際に使用される文章のことです。 宣伝をする対象のイメージや特徴を簡潔にまとめつつ、見た人の印象に残る必要があります。一言で完結するものから数行になる文章など、実際の長さはバラつきがあります。 キャッチコピーの制作を職業とする人のことを、「コピーライター」と言います。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- アカウント
- アカウントとは、コンピューターやある会員システムなどサービスを使うときに、その人を認識する最低必要な情報として、パスワードと対をなして使う、任意で決めるつづりです。ユーザー、ID、などとも言います。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング