フリーランスがLPデザインを探すなら、業種・色・テイスト・レイアウトの4軸で絞り込むギャラリーサイトが最短ルートです。LPアーカイブやSANKOU!など主要7サイトと、参考デザインを成果に変える構成応用ハックを解説します。
▶ 3日で初案件PR
この記事でわかること
参考LPを5件集めれば共通構成が見えてくる理由、4軸絞り込みで参考収集を従来より短縮する方法、ファーストビューの3要素設計でCVRを改善する手順の3点がわかります。
今のデザインの仕事で、一番近い悩みは？
この記事の結論
LPデザインの参考探しで時間を無駄にしないポイントは、ギャラリーサイトで「業種・テイスト・色・型」の4軸を絞ってから収集することです。集めた参考LPはそのまま模倣するのではなく、ファーストビュー・課題提起・ベネフィット・実績・CTAの5セクションに分解して応用します。この順序を守ると、見た目だけのデザインではなく、コンバージョンにつながる構成が自然と組み上がります。
今日やるべき1つ
LPアーカイブを開き、自分の案件と同じ業種キーワードで検索して5件以上ブックマークします（15分）。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 参考サイトをまだ知らない | LPデザイン参考は7サイトで網羅 | 3分 |
| サイトは知っているが使いこなせない | LPデザイン参考の4軸絞り込みで効率化 | 5分 |
| 集めた参考を構成に活かしたい | LP参考デザインは5分解で成果につなぐ | 7分 |
| スマートフォン表示に不安がある | LPデザイン参考のモバイル確認は3点チェック | 3分 |
| フリーランスとして費用感を把握したい | LP制作依頼は作業範囲で費用が3段階変わる | 5分 |
LPデザイン参考は7サイトで網羅
LPアーカイブは業種別に実例を大量検索可能
LPアーカイブは多数のLPを収録しており、業種・テイスト・カラー・タイプ・レイアウトの複数軸で絞り込めます。同一業種のLPをまとめて比較したいケースに最も適しており、案件受注直後の参考収集フェーズで最初に開くべきサイトです。「どんな業種でも必ずここから始める」という起点として活用してください。
SANKOU!
はテイスト軸での絞り込みに強い
SANKOU!のLPカテゴリは、ミニマル・ナチュラル・ポップ・クール等のテイスト軸が充実しており、クライアントからトンマナの指定がある場合に特に有効です。掲載件数はLPアーカイブより少ないものの、掲載基準が選別されているため、質の高いデザインを短時間で見つけられます。「数より質」で選びたいときの第2のサイトとして活用してください。
LP advanceは縦スクロール全体を確認できる
LP advanceは、LPを縦に全展開した画像で掲載しているため、ファーストビューだけでなく中盤の課題提起・実績・FAQ・CTAまでの流れを一画面で把握できます。競合他社のセクション構成を比較分析する際に、他のギャラリーより効率よく情報を得られます。セクション数や情報の並び順を参考にする目的で使うと、ワイヤーフレーム設計が短縮されます。
Web Design Clipはビジュアル重視案件の参考に有効
Web Design Clipは、高品質なビジュアルを用いたブランディング系LPの掲載が多く、化粧品・食品・アパレル・高単価サービスなど感性訴求が重要な商材に向いています。コピー量が少なくビジュアルで引き込む構成を参考にしたいとき、短時間でインスピレーションを得られます。
ギャラリー4サイトの比較
| サイト | 特徴 | 向いているケース |
| LPアーカイブ | 業種・テイスト複合検索に対応 | 業種別の参考を大量収集したいとき |
| SANKOU! | テイスト・トンマナ軸が充実 | クライアントからトンマナ指定があるとき |
| LP advance | 縦全体画像で構成全体を確認 | セクション構成・情報設計を比較したいとき |
| Web Design Clip | ビジュアル重視の高品質LP | 感性訴求・ブランディング系案件 |
Pinterestは色とムードで参考を集める用途に限定する
Pinterestは、特定の色・ムード・スタイルのビジュアルインスピレーションを集める目的には有効です。ただし、実際のLPの構成情報は断片的にしか確認できないため、「ムードボードの素材集め」に限定して使ってください。Pinterestだけで参考収集を完結させると、見た目だけ整った成果につながらない構成になりやすい点を把握しておいてください。
Behanceはポートフォリオ参照に有効だが時間に注意
Behanceは、デザイナーのポートフォリオが掲載されており、LP制作の実例を制作者のコンセプトとともに確認できます。ただし、英語圏・海外事例が多いため日本市場の商慣習と合わない構成が含まれる点に注意してください。1サイト閲覧に時間がかかりやすいため、参考収集フェーズでの使用は30分以内に制限してください。
クラウドワークスの実績ページは予算感の把握に使う
クラウドワークス上のフリーランスのポートフォリオページでは、実際の納品事例を確認しながら費用感を同時に把握できます。デザインの参考と予算感の確認を同時に行いたいときに有効です。掲載されているのは依頼者が公開を許可した事例のみのため、業種の網羅性は低い点を把握しておいてください。
CHECK
▶ 今すぐやること: LPアーカイブで自分の案件業種を検索し、上位5件をブックマークフォルダ「参考LP_業種名」に保存する（10分）
Q: 無料で使えるLPデザイン参考サイトはどれですか？
A： LPアーカイブ・SANKOU!・LP advance・Web Design Clip・Pinterest・Behanceはすべて無料で閲覧できます。会員登録なしで検索可能なサイトがほとんどです。
Q： ギャラリーサイトに掲載されているLPはすべて成果が出ているものですか？
A： 掲載基準はサイトによって異なり、コンバージョン実績で選定されているわけではありません。デザインの参考として活用しつつ、構成の合理性は自分で分析してください。
LPデザイン参考の4軸絞り込みで効率化
軸1: 業種は「商材のユーザー心理」で選ぶ
業種軸の選び方でよくある失敗が、「自社の業種コード」で検索することです。実務では「ユーザーが購入前にどんな不安を持つか」が近い業種を選ぶほうが参考になります。たとえば、BtoB向けのSaaSツールと法人向けの士業サービスは業種コードが異なりますが、「費用・実績・サポート体制で信頼を得て問い合わせに誘導する」という構成は共通します。業種ではなく「購買心理の近さ」で参考LPを選ぶと、構成の応用精度が上がります。
軸2: 色は感情から逆算して指定する
配色を「おしゃれに見える色」で決めると、商材のターゲットと合わない配色になります。参考収集の段階では、色そのものではなく「その色がユーザーに与える感情」を基準に絞り込んでください。青系は信頼・安心、赤系は緊急性・熱量、緑系は安全・健康、黒系は高級・プレミアムという対応関係があります。自社商材がユーザーに持たせたい感情を先に定義してから、その感情に対応する色系統で検索すると、配色の根拠を説明できる提案ができます。見やすい配色の基本は3色70:25:5の比率で設計すると、参考LPから学んだ配色パターンを実務に落とし込みやすくなります。
軸3: テイストはクライアントの言葉を変換する
クライアントから「スタイリッシュに」「親しみやすく」「信頼感を出して」と言われたとき、そのままギャラリーサイトに入力しても結果が安定しません。クライアントの言葉をギャラリーサイトのテイスト軸に変換するマッピングが必要です。「スタイリッシュ」はミニマル・モノトーン・余白大に、「親しみやすく」はポップ・イラスト・丸フォントに、「信頼感」はフォーマル・写真主体・テキスト明確に対応します。この変換を提案前に行うと、参考LPの選定理由をクライアントに言語化して説明できます。
軸4: レイアウトはファーストビューの縦横比で判断する
レイアウト軸での絞り込みは、横幅いっぱいのフルスクリーン型か、中央カラム固定型か、テキスト左・ビジュアル右の2カラム型かを基準に選ぶと整理しやすいです。スマートフォンからの流入が多い案件では縦長1カラムが前提になるため、ギャラリーサイトでスマートフォン表示プレビューがあるものを優先して参照してください。
CHECK
▶ 今すぐやること: 案件シートに「業種・感情色・テイスト・レイアウト」の4行を追記し、ギャラリー検索の前に埋めるルールにする（5分）
Q: 業種が特殊で、ギャラリーサイトに同業のLPが見つかりません。どうすればよいですか？
A： 購買心理が近い業種のLPを代替として使います。B2B高単価サービスなら「コンサルティング」「士業」「SaaS」で検索すると構成参考になるLPが見つかります。
Q： クライアントから「競合のLPに似せてほしい」と言われた場合、どう対応すべきですか？
A： 競合LPの構成・セクション順序・情報設計を参考にするのは問題ありません。キャッチコピー・ビジュアル・配色をそのままコピーすることは著作権上の問題が生じます。「構成は参考に、表現は独自に」という方針を提案の段階でクライアントに説明しておくことが基本方針です。
LPデザイン参考の対応を3分で診断
Q1: 案件の商材、ターゲット、CVアクション（申込み・問い合わせ・DL等）はすでに整理できていますか？
Yesの場合 → Q2へ進んでください。
Noの場合 → 参考収集の前にCVアクションとターゲットを1枚のシートに整理してください。商材名・ターゲット属性・流入元（広告・SNS・検索）・CVアクションの4項目を埋めた後、ギャラリーサイトの検索を開始します。この順序を逆にすると、集めた参考がCVアクションに合わない構成になりやすいです。
Q2: 同業または購買心理が近い業種のLPを5件以上収集済みですか？
Yesの場合 → Q3へ進んでください。
Noの場合 → LPアーカイブで業種キーワードを入力し、最低5件をブックマークしてください。5件未満では共通パターンが見えず、差別化要素の特定もできません。5件集まったら、各LPのファーストビュー・CTAの位置・セクション数をメモします。
Q3: 収集したLPを「ファーストビュー・課題提起・ベネフィット・実績・CTA」の5セクションに分解していますか？
Yesの場合 → 構成設計フェーズに進める状態です。5セクションの共通パターンと、1〜2件に見られた独自要素を抽出し、ワイヤーフレームに落とし込んでください。
Noの場合 → 収集済みのLPを5セクション分解のフレームに当てはめる作業を先に行います。次のH2「LP参考デザインは5分解で成果につなぐ」で手順を解説しています。
CHECK
▶ 今すぐやること: Q1の4項目（商材・ターゲット・流入元・CVアクション）を空白のシートに書き出す（5分）
Q: 参考LPを集める前にやっておくべきことは何ですか？
A： 商材名・ターゲット属性・流入元・CVアクションの4項目を1枚のシートに整理することです。この4項目が定まっていないと業種軸での検索キーワードが決まらず、集めた参考がCVアクションに合わない構成になります。
LP参考デザインは5分解で成果につなぐ
セクション1: ファーストビューは3要素で整理する
ファーストビューに必要な要素は「誰向けか・何が得られるか・次に何をすればよいか」の3点です。参考LPのファーストビューを見たとき、この3点が何秒以内に読み取れるかを確認してください。3秒以内に読み取れないファーストビューは、スクロール前の離脱率が上がります。収集した参考LP5件を並べ、3要素の明確さを確認すると、自分のLPに転用すべき表現パターンが見つかります。
セクション2: 課題提起は「言語化の精度」で差がつく
課題提起セクションは、ユーザーが「これは自分のことだ」と感じるかどうかが肝です。参考LPの課題提起を読んで、自分がターゲットならリアルに感じるかを判定基準にしてください。抽象的な「こんなお悩みはありませんか？」より、「請求書を送ってから60日待っても入金されない状況が続いている」のように時間・状況・感情を具体化した課題提起のほうが離脱率を下げる効果があります。優れた参考LPの課題提起をそのまま転用するのではなく、「どの具体要素がユーザーに刺さっているか」を抽出して自社商材に置き換えます。
セクション3: ベネフィットは数値で表現する
ベネフィットセクションでは「使うとどうなるか」を伝えます。成果につながりやすいLPほど、「時間・金額・割合・件数」のいずれかの数値でベネフィットを表現しています。「作業が楽になる」より「月10時間の作業が2時間に短縮」のほうが、ユーザーが自分ごとに換算しやすくなります。参考LPの数値表現を収集し、自社商材で置き換え可能な数値を整理することが応用の第一歩です。
セクション4: 実績・信頼セクションは「根拠の種類」で選ぶ
実績セクションで参考にすべきは、数・実績値・メディア掲載・受賞・口コミのどの信頼根拠を使っているかという「種類の組み合わせ」です。高単価BtoB商材なら導入企業数・事例インタビューが有効で、BtoC低単価商材なら利用者数・口コミ・ビフォーアフターが有効です。自分の案件に合う信頼根拠の種類を参考LPから特定し、その種類のみを実績セクションに配置します。
セクション5: CTAは「ページ内の複数配置」を確認する
収集した参考LPのCTAボタンが何か所に配置されているかを数えてください。参考LPでは、ファーストビュー直下・中盤の実績後・ページ末尾の複数か所にCTAが配置されているケースが多く見られます。1か所のみのCTAは、セクションを読み進めて購買意欲が高まったタイミングで行動できないため、コンバージョン機会を逃します。参考LPのCTA配置場所をカウントし、自分のLPのセクション構成に合わせて最適な挿入位置を設計します。
CHECK
▶ 今すぐやること: 収集済み参考LPの1件目を開き、ファーストビューの3要素（誰向け・何が得られる・次の行動）をメモに書き出す（7分）
Q: 参考LPをそのままコピーしても問題ありませんか？
A： キャッチコピー・写真・ビジュアル・コード等の著作物をそのまま無断転用することは問題があります。構成・セクションの順序・情報の並び方は参考にしつつ、表現・ビジュアル・コピーは独自に制作することが基本方針です。
Q： ワイヤーフレームとデザインカンプのどちらを先に作るべきですか？
A： ワイヤーフレーム（情報設計）を先に作ってください。5セクション分解で構成が固まった後、ワイヤーフレームでセクション数と情報の並びを確定し、その後デザインカンプに進む順序が手戻りを最小化します。
デザインの仕事で単価を上げたい方へ
Webデザインの学び方をLINEで受け取る
LINEで無料で届くもの
- 20本Webデザインの無料レッスン
- 全工程Photoshopの解説動画
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
LPデザイン参考のモバイル確認は3点チェック
チェック1: 文字サイズは16px以上を最低ラインにする
スマートフォン画面で読みやすい本文テキストのサイズは16px以上が目安です。参考LPをスマートフォンで実際に開いたとき、本文テキストが指でつまんで拡大しなければ読めない場合は、そのサイズ設定を参考にしてはいけません。小さすぎるテキストはGoogleのモバイルフレンドリー評価でも警告対象となる場合があります。
チェック2: CTAボタンは十分なタップ領域を確保しているか確認する
スマートフォン画面でCTAボタンが小さすぎると、タップミスが発生してCVが損失します。参考LPのCTAボタンをスマートフォンで確認したとき、親指で確実にタップできる横幅と高さ（Appleのヒューマンインターフェースガイドラインでは44pt以上が推奨されています）があるか確認してください。PCデザインのボタンサイズをそのままモバイルに適用する設計は、コンバージョン率を下げる原因になります。
チェック3: 画像の縦横比をスマートフォンで確認する
PC向けに横長で設計された画像は、スマートフォン表示で縦に圧縮されて意図したビジュアルにならないことがあります。参考LPのメイン画像がスマートフォンでどう表示されるかを実機またはブラウザのデベロッパーツールで確認し、縦長にトリミングされても被写体が中央に収まる構図になっているかを確認します。この確認を参考収集時にセットで行うと、後工程での修正工数が削減できます。
CHECK
▶ 今すぐやること: ブックマークした参考LP5件をスマートフォン実機で開き、文字サイズ・CTAボタン・メイン画像の3点を確認してスクリーンショットを保存する（10分）
Q: Googleのモバイルフレンドリーテストはどこで確認できますか？
A： Googleのモバイルフレンドリーテストは2023年に廃止されています。現在はGoogle Search ConsoleのURL検査ツール、またはPageSpeed Insightsのモバイルスコアで確認してください。
Q： スマートフォン対応のLPを参考にするとき、どのギャラリーサイトが便利ですか？
A： LPアーカイブはスマートフォンプレビューが確認できる機能があり、モバイル表示を考慮した参考収集に有効です。実機確認と組み合わせて使うとより正確に確認できます。
LPデザイン参考は5つの仕組みで成果に変わる
ハック1: 同業LP5件の共通点抽出で構成ミスを防止
【対象】: LP制作に着手する前に参考収集を行うすべてのフリーランスデザイナー
【手順】: LPアーカイブで案件業種を検索し、上位5件をブックマークします（10分）。次に、5件それぞれのセクション名と順序を縦に並べた比較シートを作ります（15分）。最後に、5件中3件以上に共通するセクション順序を「共通構成」として記録し、それを自分のLPの骨格にします（5分）。
【コツと理由】: 「センスの良さそうなLPを1件選んで真似る」アプローチより、「5件の共通パターンを骨格にして、差別化要素を独自に追加する」ほうが市場で通用する構成になります。5件に共通する順序は、そのユーザー層が期待する情報の流れを反映しているため、ユーザーの認知負荷が下がりCVにつながりやすくなります。1件だけ参考にする設計は、その1件が特殊だった場合にリスクが集中します。
【注意点】: 5件全部の要素を詰め込む必要はありません。共通していないセクション（特定LPのみに存在する要素）は、差別化候補として別途検討します。全部入れると情報過多になり、CVアクションへの集中が下がります。
ハック2: ファーストビューの3要素設計で離脱率を下げる
【対象】: ファーストビューのコピーや構成をどうすればよいか決められないフリーランス
【手順】: 「誰向けか（ターゲット属性を1文で）」「何が得られるか（具体的な数値や変化）」「次に何をすればよいか（CVアクション名）」の3行をテキストファイルに書き出します（10分）。次に参考LPのファーストビューを開き、同じ3行が何秒以内に読み取れるかを計測します（5分）。3秒以内に読み取れた参考LPの「ターゲット明示方法・数値表現・CTA文言」を自分のシートに記録し、自案件に置き換えて適用します（15分）。
【コツと理由】: ターゲット・ベネフィット・CVアクションの3要素をファーストビュー内で完結させる構成がうまくいきます。インパクト優先でターゲット属性が曖昧になると、対象外ユーザーのクリックが増えてCVR（コンバージョン率）が下がります。3要素を明示することで、対象ユーザーの滞在時間が伸びてCVRが向上しやすくなります。
【注意点】: キャッチコピーを短くしようとして3要素のうち「誰向けか」を省略すると逆効果です。「誰向けか」を抜くと、ターゲット外ユーザーの流入が増え広告費対効果が下がります。
ハック3: 配色は購買心理から逆算して参考LPを絞る
【対象】: 配色を「おしゃれかどうか」で判断してしまい、クライアントへの説明根拠が持てないフリーランス
【手順】: 商材がユーザーに持たせたい感情を「信頼・緊急性・健康・高級・親しみ」のいずれかで1つ選びます（5分）。次に、選んだ感情に対応する色系統（信頼=青、緊急=赤、健康=緑、高級=黒/金、親しみ=オレンジ/黄）でギャラリーサイトを絞り込み、参考LP3件を選びます（10分）。3件の「メインカラー・アクセントカラー・背景色」の組み合わせをスポイトで抽出してカラーコードを記録し、提案資料に「この色を選んだ理由（ユーザーへの感情効果）」を添付します（15分）。カラーパレットのおしゃれな配色パターンを参照すると、感情ベースの配色設計に応用しやすい組み合わせが多数掲載されています。
【コツと理由】: 「購買心理から逆算した色を参考LPから収集して根拠を言語化する」方法を採用すると、クライアントが「なぜこの色なのか」を社内で説明できるようになり、修正依頼の回数が減りやすくなります。色を「感情効果」で説明することが、修正工数の削減につながります。
【注意点】: 感情軸で色を選んだとしても、クライアントのブランドカラーが別途指定されている場合は上書き禁止です。ブランドカラーがある場合は、それをメインカラーとして維持した上でアクセントカラーの選定に購買心理軸を適用します。
ハック4: CTAを3か所に配置してCV機会のロスをゼロにする
【対象】: CTAをページ末尾の1か所にしか置いていないフリーランスデザイナー
【手順】: 参考LP5件のCTA配置場所をカウントし、何か所に設置されているかを記録します（5分）。次に自分のLPのワイヤーフレームを開き、ファーストビュー直下・実績セクション後・ページ末尾の3か所にCTAボタンのボックスを配置します（10分）。各CTAのボタン文言を「今すぐ申し込む」「無料で相談する」「詳細を確認する」のように、ページの読了段階に合わせて変えて設置します（10分）。
【コツと理由】: ユーザーが購買意欲を持ったタイミングにCTAが存在しなければ、そのタイミングのCVは失われます。ページを読み進めるほど購買意欲が高まるユーザーほど、中盤・末尾でのCTA配置がCVに直結しやすくなります。CTAを複数か所に配置することで、同一のデザインでもCVRが向上するケースがあります。
【注意点】: CTAボタンの色をページ内で3色以上使い分けるのは逆効果です。複数のCTAでも同一の色・デザインを維持することで、ブランドの一貫性とクリックしやすさが両立されます。
ハック5: 参考LP分解をFigmaムードボードで可視化してクライアント承認を1回で完了
【対象】: 参考LPをクライアントに見せても「何を参考にしたいのか」が伝わらず修正が増えるフリーランス
【手順】: Figmaを開き、収集した参考LP5件から「ファーストビュー」「CTAボタン」「実績セクション」「配色」の4カテゴリでスクリーンショットをトリミングして貼り付けます（20分）。各スクリーンショットの隣に「この要素を参考にする理由」を1行ずつ記載します（10分）。Figmaのシェアリンクを発行してクライアントに共有し、「この方向性でよいか」を書面で確認を取ってからデザインカンプ制作を開始します（5分）。Figmaはフリーランスのポートフォリオ整理にも活用できますが、ムードボード作成にも同じ考え方が使えます。
【コツと理由】: 「参考LPのURLをメールで送るだけ」で方向性の確認をしようとすると、クライアントは「どの部分を・なぜ取り入れるか」が伝わらないため、承認後のデザインが方向性からずれて修正が発生します。Figmaムードボードで4要素を整理して承認を取ると、デザインカンプ後の大幅修正が減りやすくなります。
【注意点】: 参考LPをムードボードに貼り付けること自体はクライアントとの社内共有目的の範囲内ですが、そのムードボードを外部公開したり、スクリーンショットを納品物として扱ったりすることは控えてください。あくまで方向性確認のための内部資料として使います。
CHECK
▶ 今すぐやること: LPアーカイブで同業LP5件を収集し、Figmaの新規ページに各LPのファーストビューを貼り付けるムードボードの雛形を作る（25分）
Q: Figmaは無料で使えますか？
A： Figmaは個人利用の範囲で無料プランがあり、ムードボード作成・共有の機能は無料プランで使えます。チーム共有や高度な機能が必要な場合は有料プランへの移行が必要です。
LPデザイン参考のチェックリストは7項目で確認
納品前に参考収集から設計・制作を経て作ったLPを、以下の7項目で最終確認します。1項目でも未確認のまま納品すると、クライアントからの修正依頼が発生しやすくなります。
確認1: ファーストビューで3要素が3秒以内に伝わるか
ターゲット・ベネフィット・CVアクションが、初見のユーザーに3秒以内に伝わるかを第三者視点で確認します。社内の別のメンバーやフリーランス仲間に3秒見てもらい、「誰向けで何が得られるページか」を答えてもらう方法が最も正確です。
確認2: CTAボタンはページ内3か所以上に配置されているか
ファーストビュー直下・中盤セクション後・末尾の3か所を最低ラインとして確認します。CTAが1か所のみの場合は、中盤でCV意欲が高まったユーザーの行動機会が失われているため追加が必要です。
確認3: スマートフォン実機で文字・ボタン・画像を確認したか
ブラウザのシミュレーションではなく、実機（iOS・Androidの両方が理想）で確認します。文字サイズ16px以上・CTAボタンのタップ領域の確保・メイン画像の被写体が縦トリミングで収まっているかの3点を実機で目視確認します。
確認4: 配色の根拠を1行で説明できるか
「ターゲットに信頼感を持たせるために青系をメインにした」のように、色選定の理由を1行で説明できる状態にします。説明できない配色はクライアントから「変更してほしい」と言われたときに根拠なく受け入れるしかなくなるため、設計段階で言語化します。
確認5: CTA文言はアクションを明示しているか
「お申し込みはこちら」より「今すぐ無料相談を予約する」のほうがユーザーが次の行動を具体的に理解できます。参考LPのCTA文言を比較して、アクションが明確に表現されているか確認します。
確認6: セクションの順序がターゲットの購買心理に沿っているか
BtoB高単価商材は「課題提起→実績→事例→料金→FAQ→CTA」の順序が一般的に通用します。BtoC低単価商材は「ビフォーアフター→理由→口コミ→料金→CTA」の順序が多く見られます。参考LPの共通構成と自分のセクション順序を照合して、ずれがないか確認します。
確認7: フォームの入力項目は最小限になっているか
フォームの入力項目が多いほどCV率は下がる傾向にあります。参考LPのフォームと自分のLPのフォームを比較し、必須でない入力項目を1つ以上削除できないか確認します。名前・メール・電話番号の3項目が基本で、追加項目はCVRへの影響を考慮して設定します。
CHECK
▶ 今すぐやること: 今制作中のLPを上記7項目のチェックリストに当てはめ、未確認の項目をすべて書き出す（10分）
Q: 納品前チェックはデザイナーが一人でやるべきですか？
A： ファーストビューの3秒テストは第三者に依頼してください。制作者本人は内容を知っているため、初見ユーザーの視点で判断できない場合があります。フリーランス仲間や別業種の知人に3秒見てもらう方法が、最も手軽で精度が高いです。
LP制作依頼は作業範囲で費用が3段階変わる
段階1: デザインのみの費用目安は5万〜15万円
デザインカンプ（Figma等のデザインデータ）のみを納品する場合の費用目安は5万〜15万円程度です（LPデザイン費用の解説）。構成案・ワイヤーフレームはクライアント側または別途依頼する前提で、デザインカンプの作成と修正対応のみが範囲に含まれます。修正回数の上限と、PC・スマートフォン両対応の有無を見積もり段階で確認しておいてください。
段階2: デザイン＋コーディング込みの費用目安は10万〜30万円
デザインカンプ作成とHTML/CSS実装（コーディング）を含む場合の費用目安は10万〜30万円程度です（LP制作費用と依頼先の解説）。WordPressへの実装・フォーム設置・公開作業まで含む範囲かどうかを確認します。クラウドワークスの掲載情報では個人への依頼が3万〜10万円程度の事例も見られるため（クラウドワークスのLP制作費用解説）、案件条件と依頼先のスキルレベルによって幅があります。フリーランスの見積書作成では、個人事業主として適切な価格設定をする際の実務的な手順が参考になります。
段階3: 構成・原稿・広告運用込みの費用は別途要確認
LP構成案の策定・セールスコピーライティング・広告運用（リスティング・SNS広告の設定と改善）まで含む場合は、デザイン＋コーディングの費用に加えて各作業の追加費用が発生します。フリーランスへの依頼か制作会社への依頼かでも相場が変わります。見積もり時は「何から何まで含むか」を「構成・原稿・デザイン・コーディング・修正・公開・分析」の7項目のチェックリスト形式で書面化して、認識ズレを防いでください。
CHECK
▶ 今すぐやること: 現在の案件または次の案件の見積もり範囲を「構成・原稿・デザイン・コーディング・修正・公開・分析」の7項目に分解し、含む・含まないを記入する（10分）
Q: フリーランスに依頼する場合とLP制作会社に依頼する場合、どちらが安いですか？
A： フリーランスへの依頼のほうが費用が低い傾向にありますが、品質・対応速度・ワンストップ対応の有無で判断してください。制作会社はディレクション・デザイン・コーディング・広告運用を一社で担う代わりに費用が上がります。案件の複雑さと自社のリソースに合わせて依頼先を選んでください。
Q： 見積もりで「修正は3回まで」と言われた場合、何を確認すべきですか？
A： 「1回の修正」の定義（1回の指摘が1回か、1回の送付が1回かの違い）と、修正範囲の上限（デザイン全体の変更か、テキスト修正か）を書面で確認します。あいまいなまま進めると、想定より多い修正費用が発生する場合があります。
LPデザイン参考を活かす：4軸で絞り、5分解で成果につなぐ
フリーランスとしてLP制作を繰り返す中で、参考収集の精度が上がるほど提案の説得力が増します。最初は7サイトを把握するだけで十分です。案件ごとに4軸を定義して参考を集め、5セクション分解を習慣にすることで、経験を積むたびに提案品質が上がります。ポートフォリオサイトでの実績公開と組み合わせることで、LP制作の実績が案件獲得につながる循環が生まれます。
| 状況 | 次の一歩 | 所要時間 |
| まだ参考を1件も集めていない | LPアーカイブで業種検索して5件ブックマーク | 15分 |
| 参考は集めたが構成に活かせていない | 5セクション分解シートに当てはめる | 20分 |
| 構成は決まったがデザインが進まない | Figmaムードボードで4要素を整理してクライアントに共有 | 30分 |
| 制作中だが納品前に不安がある | 7項目チェックリストで最終確認 | 10分 |
| 費用の相場感を把握したい | 作業範囲を7項目に分解して各費用を確認 | 10分 |
LPデザイン参考に関するよくある質問
Q: LPアーカイブとSANKOU!はどちらを先に使えばよいですか？
A： 業種で同業LPを大量収集したい場合はLPアーカイブから始めてください。クライアントからトンマナの指定がある場合はSANKOU!のテイスト軸での検索が効率的です。最初の参考収集フェーズはLPアーカイブ、クライアント承認前のトンマナ確認フェーズはSANKOU!という使い分けをおすすめします。
Q： 参考LPを見つけたら、著作権上どこまで参考にできますか？
A： 構成・セクションの順序・情報設計の考え方は参考にして問題ありません。キャッチコピーの文言・ビジュアル画像・フォント・コードをそのままコピーすることは著作権侵害になります。「何をどう並べるか（構成）」は参考に、「何をどう表現するか（表現）」は独自に制作することが基本的な考え方です。
Q： LP制作の初心者がまず覚えるべき参考収集のポイントは何ですか？
A： 商材・ターゲット・CVアクションの3点を整理してからギャラリーサイトを開く習慣をつけることです。この順序を守るだけで、収集する参考LPの精度が上がり、ワイヤーフレーム設計への応用がスムーズになります。LPアーカイブで業種検索して5件収集→5セクション分解→共通構成を骨格にする3ステップを最初の1案件で実践してください。
【出典・参照元】
LPデザインのコツと参考サイト・費用目安の解説 – LPデザインの参考サイト紹介・配色・CTA・費用を解説
LPデザイン参考サイト・LPの型・探し方の解説 – LPの型別実例と参考サイトの選び方を解説
LPアーカイブ – LP（ランディングページ）デザイン参考まとめ – LPデザイン実例を業種・テイスト別に検索可能
SANKOU! LPデザイン参考 – テイスト・トンマナ軸でのLP参考収集に対応
LP制作費用と依頼先の解説 – フリーランス等への依頼費用と作業範囲を解説
クラウドワークスのLP制作費用解説 – LP制作の費用相場と依頼先を解説
Behance – デザイナーのポートフォリオとLP制作実例