LPデザインの参考サイト集｜型別の実例と選び方

｜広告運用ノウハウ公開中！

より詳しく知りたい方は資料をダウンロード！

LPのデザインを考えるとき、まず参考サイトを探します。ギャラリーサイトを開けば何千件も並んでいて、眺めているだけで時間が過ぎていきます。

ただ、並んでいるLPを眺めても「自社の商材ではどれを真似すればいいか」は決まりません。 見た目が良いLPと、自社の商材で成果が出るLPは別だからです。

この記事では、まず参考になるギャラリーサイトを紹介したうえで、型から選ぶ方法とパーツ単位で参考にする方法に分けて整理します。最後に、参考にするときに真似してはいけないものも書きます。

1. LPデザインのギャラリーサイト

まとまった数のLPを見たい場合は、次のようなギャラリーサイトがあります。いずれも業種やデザインの雰囲気で絞り込めます。

サイト	特徴
SANKOU!	Webデザインギャラリー。LPカテゴリで絞り込める
LP ARCHIVE	掲載件数が多い。業種・カラー・タイプで検索できる
LP advance	LPに特化した参考サイト集
ランディングページ集めました。	更新頻度が高い
Web Design Clip	LP専門のクリップ集

使い方にコツがあります。 「良さそう」で保存していくと、あとで見返しても共通点が見つかりません。先に自社の条件を決めてから絞り込みます。

• 商材（何を売るのか）
• 検討段階（その場で決まるのか、比較されるのか）
• 流入元（広告か、検索か）

この3つが決まっていれば、ギャラリーの絞り込み条件に落とせます。決まっていない状態で眺めると、目を引くLPばかりが集まります。

2. 型から選ぶ

LPには型があります。型が決まればデザインの方向も決まるので、参考サイトを探す前にここを決めるほうが早く進みます。

型	向いている場面	実例
記事型	商材の説明に文脈が必要。いきなり売ると警戒される	記事型LPとは？成果が出た事例から学ぶWeb広告の勝ちパターン
スワイプ型	スマホ中心。短時間で要点を見せたい	スワイプLPの事例7選と作り方
診断型	選択肢が多く、自分に合うものが分からない商材	診断LPのデザイン10例
漫画型	警戒されやすい商材。ストーリーで入る	漫画LPの事例と3つの型
フォーム一体型	単価が明確で即決しやすい。離脱を減らしたい	フォーム一体型LPとは？メリット・デメリットと使い分け
アンケート型	回答しながら自分ごと化させたい	アンケートLPとは？CVを高める仕組み・作り方・実例

選び方は「商材」と「検討段階」の2軸です。

• その場で決まる商材（単価が明確・比較不要）→ フォーム一体型、スワイプ型
• 比較検討される商材（高額・BtoB）→ 記事型、診断型
• 警戒されやすい商材（効果を訴求しにくい）→ 漫画型、記事型

型が決まってからギャラリーを見ると、探すのは「その型の中で自社に近いもの」だけになります。

3. 業種から選ぶ

同じ型でも、業種によって見せ方の作法が変わります。規制のある業種はとくに注意が要ります。

業種	参考
美容	成果が出る美容LPとは？基本構成・デザインのコツ・事例
医療	成果が出る医療LPとは？作り方のポイント7つや事例
不動産	【事例あり】不動産LPとは？制作するメリットや手順
健康食品	健康食品LPの作り方｜薬機法対応の訴求設計と事例
採用	採用LPとは？構成と応募につながる導線の作り方

医療・健康食品・美容は表現の規制があります。 他社のLPをそのまま真似すると、規制に触れる表現まで持ってくることになります。業種別の記事で先に前提を確認してください。

4. パーツ単位で参考にする

LP全体を真似る必要はありません。詰まっている箇所だけを差し替えるほうが早く、効果も測りやすくなります。

パーツ	参考
ファーストビュー	LPのファーストビューとは？推奨サイズと設計の手順
口コミ・お客様の声	LPの口コミデザイン10例｜CVRを上げる信頼性演出の方法
比較表	比較表のデザインテンプレート16選
よくある質問	LPの『よくある質問』設置完全ガイド
オファーの文言	LPオファーの作り方｜CVRが上がる文例25選と心理学7つ
追従ボタン	追従ボタンの設置と業種別の事例

どのパーツを直すかは、離脱している位置で決めます。 感覚で選ぶと、見た目は変わってもCVRが動きません。離脱位置の特定はLPの離脱率を改善する方法にまとめています。

5. 参考にするときに真似してはいけない3つ

5-1. 効果の断定表現

症状: 他社LPの「必ず痩せる」「100%解決」といった表現を持ってきて、広告の審査に落ちる。

原因: 業種によって使える表現が違うため。他社が使えているからといって自社で使えるとは限りません。

対策: 業種別の記事で前提を確認してから文言を作ります。医療・美容・健康食品はとくに注意が要ります。

回避策: 参考にするのは構成の順番にとどめ、文言はゼロから書きます。

5-2. 素材サイトの写真

症状: 見た目は整ったが、競合と同じ写真が並ぶ。

原因: 素材サイトの写真は他社も使っているため。

対策: 商品写真や実際の利用シーンなど、自社でしか用意できない画像を1枚でも入れます。

回避策: LP制作の前に、自社で撮影できる素材を洗い出しておきます。

5-3. 情報量

症状: 参考にしたLPが縦に長かったので同じ長さにしたが、最後まで読まれない。

原因: 長さは商材の検討段階で決まるもので、真似する対象ではないため。即決商材で長いLPを作ると離脱します。

対策: 第2章の2軸（商材・検討段階）から必要な情報量を決めます。

回避策: 参考LPを見るときに「この商材はいくらで、どれくらい検討されるか」を一緒に確認します。同じ長さが正解になるのは、検討段階が近いときだけです。

6. 参考にしたあと、どう検証するか｜Squad beyondでの進め方

参考サイトから決められるのは出発点だけです。実際に当たるかどうかは配信してみないと分かりません。

参考にしたパターンをそのまま1本作って終わりにすると、良かったのか悪かったのかが分からないまま終わります。 比較対象がないためです。

やりたいこと	使う機能
参考にした案と現行案を並行配信して比べる	ページ複製とABテスト
どこで離脱しているかを見る	ヒートマップ
どのパターンが効いたかを分けて見る	レポート

「参考にする」と「検証する」はセットです。 参考にした時点では仮説でしかありません。

7. よくある質問

8. まとめ

参考サイトは出発点を決めるためのものです。眺めているだけでは、自社の商材でどう作るかは決まりません。

順番はこうなります。

1. 自社の条件を決める（商材・検討段階・流入元）
2. 型を選ぶ（記事型・スワイプ型・診断型・漫画型・フォーム一体型・アンケート型）
3. 業種の前提を確認する（規制のある業種はとくに）
4. ギャラリーで、その型の中から自社に近いものを探す
5. パーツ単位で詰まっている箇所を差し替える

そして真似してはいけないのは、効果の断定表現・素材サイトの写真・情報量の3つです。

参考にした時点では仮説です。配信して数字を見るところまでを設計してください。

---

　

Squad beyondサービス紹介資料はこちらからダウンロード