LP（ランディングページ）の制作は、企業にとって大切なマーケティング活動の一つです。

しかし、初めてLPを作成する方にとっては、どのような構成にするべきか、そもそも何を準備してどう制作を進めていけばよいのか分からないことも多いでしょう。

本記事では、初心者向けにLPの制作方法を解説していきます。

これまで累計1,000社を超える改善施策を行ってきた、Kaizen Platformのノウハウを基に、LPの基本的な構成から、ユーザーを惹きつけるためのポイントまで、初心者の方でもスムーズにLPを作成できる知識をまとめています。

プログラミングの知識がなくても使えるLP作成ツールなども紹介していますので、ぜひ参考にしてください。

▼目次

1. 初心者がLP（ランディングページ）を制作する方法 

2. LP（ランディングページ）作成時の参考にしたい8つの要素

3. LP（ランディングページ）を自社で作る際の手順

4. LP（ランディングページ）を作るときのポイント

5. LP（ランディングページ）作成に役立つテンプレートまとめサイト

6. 効果の高いLP（ランディングページ）の例

まとめ｜成果の出るLPを作りたいなら制作会社への依頼もおすすめ

1. 初心者がLP（ランディングページ）を制作する方法

LPを作成するには、LP作成ツールを使ったり、制作会社に依頼するのが一般的です。

初心者でも簡単にLPが作れるツールや、制作会社を使う際の相場やメリットなどをご紹介します。

1）簡単に作成できるLP作成ツールを使い、自社で制作する

コーディングの知識やリソースがなくても、LP作成ツールを使えば簡単にLPを作ることができます。

ツールの機能で簡単に装飾を行えたり、ボタンを作ったりできるケースも多いです。

月額無料〜数千円程度で利用でき、無料お試し期間があったり、便利な機能を追加できるサービスもあります。ここでは機能性やテンプレートの種類が豊富な3つのサービスをご紹介します。

ペライチ

出典元：ペライチ｜株式会社ペライチ

ペライチは、プログラミング知識がなくても簡単にWebサイトが作れるツールです。300種類以上のテンプレートが揃っているので、文章や画像を変えるだけで、すぐにWebサイトを作成できます。

LP1枚のみを作るだけなら無料で利用でき、メルマガや予約フォーム機能などが揃ったビジネスプランでも月額3,940円〜と手軽な価格で利用できます。

その一方で、デザインの自由度が低かったり、SEO対策が難しいといったデメリットもあります。1ヶ月間の無料お試し期間があるので、使い勝手の良さを試したり、実際のテンプレートをチェックしたりしてから利用を開始すると良いでしょう。

ペライチの料金体系

※2023年9月時点での料金・サービス内容です。最新の情報は各公式サイトでご確認ください。（上記料金は年額一括払いの場合）

参考：ペライチ｜無料から使える簡単ホームページ作成ツール

Wix

出典元：Wix｜Wix.com Japan株式会社

Wixは、世界190ヶ国以上・2億人以上に利用されている高機能のWebサイト作成ツールです。

900種類以上のテンプレートがあり、ドラッグ＆ドロップで項目を追加できるので、プログラミング知識がない人でも簡単にWebサイトが作れます。

レスポンシブデザインにも対応しているので、スマートフォン表示の最適化も簡単にできます。Googleアナリティクスなど各種マーケティングツールをWixサイトに接続することも可能です。

その一方で、海外ツールのためヘルプページの文章が分かりにくかったり、テンプレートが英語で作成されていたりすることがあります。また、独自ドメインを取得するには有料プランに加入する必要があり、初年度以降はドメイン費用（月額500円〜）がかかります。

Wixの料金体系

※2023年9月時点での料金・サービス内容です。最新の情報は各公式サイトでご確認ください。

参考：無料ホームページ作成｜ホームページの作り方｜Wix.com

WordPress

出典元：WordPress｜Automattic

WordPressは世界で最も使われているWebサイト作成ツールです。さまざまな機能を備えた「テーマ」と呼ばれるデザインテンプレートが1万種類以上あるので、HTMLやCSSの知識があまりない人でも簡単にWebサイトを作ることができます。また、スマートフォン対応やSEO対策なども充実しているのが特徴です。

ただし、WordPressを利用するには、サーバーや独自ドメインの取得などインフラ面の準備が必要になるため、他のツールに比べて初期の手間がかかるのがデメリットと言えます。また、利用者の多さからサイバー攻撃で狙われやすい対象にもなっているため、セキュリティ対策をしっかり行う必要があります。

WordPressの料金体系

※2023年9月時点での料金・サービス内容です。最新の情報は各公式サイトでご確認ください。（上記料金は年額一括払いの場合）

参考：WordPress.com: サイトを構築、商品を販売、ブログをスタート、その他多数の操作

2）信頼できる制作会社に依頼する

自社でLPを作るのが大変な場合は、制作会社に依頼するという選択肢もあります。

一般的にLPの制作費用の相場は、30〜60万円程度であることが多いです。

LPは作ることがゴールではなく、運用してコンバージョン改善を行うことが非常に重要です。その観点を持って、自社の予算やニーズにあった依頼先を見つけましょう。

2.LP（ランディングページ）作成時の参考にしたい8つの要素

LPを制作する場合、どのようなもの要素が必要なのか、それぞれどのようなデザインでなぜ必要なのかを見ていきましょう。

まず、LPは大きく分けて以下の3つのパートに分類されることが多いです。

メインとなる画像やキャッチコピーの他に外せない8つの要素についてご紹介します。

キャッチコピー・CTA（アクション喚起）ボタン

通常、ファーストビューはキャッチコピー・画像・CTAボタンをセットで配置することが多いです。

出典元：ペライチ

• ユーザーが求めているベネフィット
• 自社サービスの利用で解決できること
• 他社にはない自社独自の強み

などが適切に伝わるファーストビューを考えてみましょう。

なおCTA（アクション喚起）ボタンとは、資料請求や商品購入など、ユーザーに具体的なアクションを起こしてもらうためのボタンです。

CVR（コンバージョン率）に直結する重要な要素であるため、LPの中でも特に目立つファーストビューに設置することが一般的です（LPのボディーやクロージング、追従エリアなどにも設置します）。

共感を促すストーリー

ユーザーの共感を得るために、商品やサービスのターゲット層が抱える具体的な悩みや不満に寄り添った導入文を作りましょう。

「こんなお悩みありませんか？」といった形で悩みを代弁することで、ユーザーの共感を生むことができます。LPの内容をしやすくなり、詳細を読み進めてもらえる効果があります。

商品やサービスの説明

商品やサービスの特徴や機能、得られるメリットなどを解説しましょう。

単なる商品説明ではなく、ユーザーが「この商品・サービスを使えばこんなことができるのか」と直感的に価値を理解できるような情報を提供することがポイントです。

例えば「従来の作業時間を半分に短縮できます」「経理業務にかかるコストを1/3に減らせます」といったように具体的な数値も取り入れるとより訴求力が高まります。

また料金や実際の使い方など、ユーザーが気になるであろう点を洗い出し、過不足なくLPに入れるようにしましょう。

メディア掲載実績

新聞や雑誌、テレビなどのメディアに掲載された実績がある場合、LPの目立つところに表示しましょう。

ロゴやメディア名を表示することで、権威性やサービスの信頼性を高めることができます。掲載実績がない場合は、ユーザー数や導入企業名、業界団体での受賞歴などを記載することも効果的です。

導入事例・体験談・口コミ

事例や口コミを使って、商品を利用するメリットを紹介しましょう。似たような立場の人の意見を聞くことで、ユーザーが商品やサービスに安心感を持ってくれるようになります。

可能な限り、具体的な氏名・年齢・性別・職業などの属性情報を明らかにし、リアルな利用者像を伝えることがポイントです。また、文字のみよりも、アイコンや実際の利用者の写真など、画像を含めた訴求が効果的です。

場合によっては、導入事例や体験談などを詳細に記した別のページへリンクを貼ることもあります。

サービスや購入の流れ

出典元：LP制作実績｜LP制作.jp

ユーザーが商品やサービスを利用するまでにいくつかの工程がある場合は、その順序を明記しておきましょう。

例えば、「お問い合せいただいてからX日でお届け」といった段階ごとの期間や発注プロセスを、フローチャートなどの図式を用いて説明すると効果的です。

よくある質問（FAQ）

出典元：LP制作実績｜LP制作.jp

商品の返品方法や、サービス利用上の注意点など、ユーザーが抱きそうな疑問をQ&A形式で回答しましょう。

Q&Aを作成する際は、実際に問い合わせなどで寄せられたコメントや質問をピックアップするとより効果的です。例えば、「初期費用はかかるの？」「解約するときの条件は？」など料金プランや契約に関する疑問に明確に答えることで、ユーザーの不安を払拭でき、CVR向上に繋がります。

エントリーフォーム（CTA）

LPには前項で説明したCTAを載せることが多いです。

CTAの飛び先がフォームになっていることが多いですが、フォームを直接LPに埋め込むケースもあります。例えばPC表示のサイドバーに、追従でフォームを設置しておけばユーザーは興味を持った瞬間に入力を開始できるでしょう。

フォームは、商品やサービスに一定の興味を持ってくれている見込み客を逃がさないための重要な施策になります。どのような設置パターン（フォームを別URLにするのか、LPに直接埋め込むのかも含め）が最も効果的なのかを検証することが大切です。

3.LP（ランディングページ）を自社で作る際の手順

LPは以下のような7つのステップで作成します。ポイントや注意すべき点も含めて、具体的な手順をご紹介します。

1. LPの目的・目標を設定する
2. ターゲットを設定する
3. 構成図（ワイヤーフレーム）を作成する
4. キャッチコピーやコンテンツを作成する
5. デザインする
6. コーディングする
7. 公開して効果検証する

Step1：目的・目標を設定する

まずはLPで達成したい目標（KGI）と、目的達成に向けた具体的な指標（KPI）を設定します。

KGIとはKey Goal Indicator（重要目標達成指標）の略語で、売上高・成約数など、そのプロジェクトの最終目標を指します。

KPIとはKey Performance Indicator（重要業績評価指標）の略語で、Webサイトのトラフィック数・リピート率・直帰率などKGIを達成するための中間指標を指します。

KGI・KPIは、達成状況を測定しやすくするためにも、必ず具体的な数値で設定するようにしましょう。

もちろんLPを作るだけでこれらの数値が達成できるわけではなく、LP制作後にWeb広告などを活用してPDCAを回していく必要があります。LPを作る目的や目標を再確認し、それを達成することを念頭に置いてLP制作に取り組むことが大切です。

Step2：ターゲットを設定する

次にターゲット層を設定します。Webサイトへの流入キーワードなどからLPに訪れる可能性が高いユーザー像を想定し、性別や年齢、職業などの属性を考えて、ペルソナを設定します。

ペルソナとは「事業や施策のターゲットの中心となる顧客像」のことで、商品やサービスを実際に使ってくれそうな人物像をできるだけ具体的に設定したものです。「30代・男性」といった漠然としたものではなく、名前や家族構成まで含めて詳細なユーザー像を作り込むのが大切です。

アウトドア用品を販売する企業のペルソナの例

Step3：構成図（ワイヤーフレーム）を作成する

LPの目標とターゲットが固まったら、ワイヤーフレーム（全体のレイアウトを定めたLPのデザイン構成図）を作っていきましょう。

LPは大きく分けて下記の3つのパーツから構成されます。それぞれ必要な要素を適切に配置することで、購入者に商品やサービスの良さをしっかり認識してもらい、CVR向上に繋げることができます。

• Step2で設定したターゲットは何に困っており、何に興味があるのか
• そのユーザーはどこから流入してくるのか
• 流入してきた瞬間、ユーザーはどのような心理状況にあるのか（悩みに気付いているのか、興味を持った段階なのか、商品検討まで進んでいるのかなど）

などを考慮し、コンテンツの順番や内容を設計していきましょう。

競合他社のLPを参考にして考えることがおすすめです。

Step4：キャッチコピーやコンテンツを作成する

ワイヤーフレームが完成したら、具体的なキャッチコピーや記事内容を作っていきましょう。ターゲットがまずLPに訪れた際に見る、ファーストビューの部分に当たります。

重要なのは、

• LPに訪れたユーザーは今どのような課題があるのか（何に興味があるのか）
• サービスを選ぶ際に最重視していることは何か
• なぜ他のサービスを購入しなかったのか

といった点を考え抜き、それに合わせたメッセージを作ることです。

またユーザーに伝わるベネフィットを明記することも大切です。機能や会社の説明よりも、「それを使ったユーザーがどんな結果を得られるか」をできるだけ分かりやすく書くようにしましょう。

また、最近は動画コンテンツも増えているので、商品やサービスの魅力が伝わりやすい方法で訴求することが重要です。

Step5：デザインする

デザインに使用するツールを選定し、全体の配色やレイアウトをデザインしましょう。

ターゲット層がどのようなデザインを好むかを調査し、ブランドイメージとの整合性も意識しましょう。文字のフォント、サイズ、配置など、見た人が読みやすいデザインになっているかも重要です。

PCとスマートフォンで表示が大きく異なる場合があるので、それぞれのデバイスで見た際のレイアウトにも注意を払う必要があります。

Step6：コーディングする

HTML/CSS/JavaScriptなどを使って、作成したデザインを実装します。

冒頭でお伝えしたペライチやWordPressなどのLP作成ツールを使えば、テンプレートの画像や文字を変更するだけでWebサイトを作れるので、コーディングの手間を大きく省くことができます。

最近はスマートフォンからのアクセスが主流（特にBtoCの場合）なので、スマートフォン画面上でも正しく表示されるようにレスポンシブ対応も忘れずに行いましょう。

Step7：公開して効果検証する

LPが完成したら公開し、Googleアナリティクスなどのアクセス解析ツールで効果測定が行えるよう、設定します。

期待した成果が得られていない場合は、分析に基づき改善を重ねましょう。単にアクセス数だけを追うのではなく、ヒートマップなどでユーザーの導線を詳細に把握し、改善箇所を特定することがおすすめです。小さな変更でも効果が大きい場合があるので、継続的な検証が求められます。

4.LP（ランディングページ）を作るときのポイント

LPを作るときには、要素ごとにポイントを押さえるとより効果的です。ここからは、CVRの高いLPを作るためのコツをご紹介します。

ファーストビューを作り込む

ファーストビューとは、LPに訪れたユーザーが最初に目にする部分です。

出典元：ペライチ

ユーザーはファーストビューを見ただけで、「自分の欲しい情報があるか」「自分の期待に合ったコンテンツか」を瞬時に判断し、必要ないと判断した場合はすぐに他のページに移ってしまいます。

ファーストビューで70％以上のユーザーが離脱してしまうこともあります。

そのため、商品説明や口コミなどより詳細な情報にたどり着いてもらうためにも、ファーストビューを作り込むことが非常に重要です。

特に、キャッチコピーや画像など、ファーストビューの重要な要素となる部分は特に注意が必要です。ターゲットのニーズに合ったコピー、サービスをイメージできる画像、実績を示す数字などを盛り込み、ユーザーの関心を一瞬で惹けるように心がけましょう。ファーストビューで強い印象を与えることができれば、離脱率を大きく下げることができます。

ファーストビューのポイント

• ユーザーがサービスを選ぶ際に最も重視する点や自社のUSP（次項で解説）について訴求する
• キャッチコピーの文字は大きく、左寄せにするなど読みやすさを意識する
• 商品の訴求ポイントが伝わる画像を厳選する
• 会員数やメディア掲載実績など、権威性を高める要素を入れる
• 動画や動きのあるデザインを使うことでユーザーの注意を惹きつける
• スマートフォン表示や画面の大きさによって、キャッチコピーと画像が被ってしまったり、読みにくくならないかを確認する

実際にKaizen Platformが担当した案件では、ファーストビューの訴求内容を最適化したことで、107.4％向上させた事例があります。

また、動画をファーストビューに利用することで、申し込み完了率が110％に増加した事例もあります。

3C分析をもとにUSPを明確にする

3C分析とは、以下3つの観点から市場や自社の強みなどを分析する手法のことを指します。

• Customer（市場・顧客）
• Competitor（競合）
• Company（自社）

3C分析を用いて、市場やターゲットが求めていること、競合他社の特徴、自社の強みを分析することで、市場における自社の立ち位置や競合との差別化要素を明確にできます。

例えば、競合が出稿している広告のLPを見て、どのような訴求を行っているかを確認し、良いところは自社のLPにも取り入れます。

またそれだけではなく、競合がやっておらず自社に強みがあるもの（かつユーザーニーズがあるもの）をしっかりと訴求できるような構成・コピーを作成すると効果的です。

このような「競合が提供できておらず、自社に強みがあり、かつ市場ニーズがあるもの」をUSP（Unique Selling Proposition）と言います。LP制作に取り組む際は、USPを明確にすることが重要です。

ユーザー目線で表現を作る

キャッチコピーや記事内容を作成するときには、自社が売り込みたい内容ではなく、ユーザーや購入者の悩み・興味に徹底的に向き合い、サービスを利用することで得られるメリットを伝えることが大切です。

商品の機能や特徴を並べるのではなく、「この商品を使えば、ユーザーはこんな問題が解決できる」「このように時間やコストの削減ができる」など、ユーザーベネフィットを的確に説明しましょう。

キャッチコピーの良い例・悪い例

Web広告との連携を意識する

Web広告からLPへ流入を促す場合、入り口であるクリエイティブ（広告文やバナー）と、LPの内容が乖離しないように気をつけましょう。

両者で訴求ポイントが大幅に異なると、ユーザーは「自分が求めていた情報と違う」と感じて一瞬で離脱してしまいます。せっかく興味を持ってページを訪れてくれたユーザーを逃さないためにも、広告運用担当者と十分にコミュニケーションを取り、以下の点を確認しておきましょう。

• Web広告の目的
• ターゲットの詳細
• クリエイティブイメージ
• メインとなるメッセージ　など

CTAボタンのデザインや文言を工夫する

CTAボタンのデザインや文言は、CVRに大きな影響を与えます。「資料請求」「購入」といった一般的な文言を使うのではなく、「お試し価格」や「プロに無料で相談」などユーザーの行動意欲を引き出す具体的なメリットを強調するとより効果的です。

また、「初回限定」「今月末まで」「先着30名まで」といった限定感を出す表現もクリック率を上げる効果があります。

CTAボタンは適切な位置に、適切な内容を配置する

CTAボタンはファーストビュー、ボディー、クロージング部分などページ全体に複数配置しましょう。ユーザーが関心を持ってくれた時点で、すぐにアクションしてもらえるように設置するのがポイントです。

しかし、CVRを上げたいからと言ってあまりに多くのCTAボタンを置くことはおすすめしません。ユーザーが「しつこい」と感じてページを離脱してしまう原因になることもあるので、あくまでも自然な流れを意識して配置するように心がけましょう。

• CTAの位置は適度な間隔をあけ、内容が切り替わるタイミングに
• CTAはユーザーの現状とニーズに合わせて最適なものを（ターゲットが利用を検討しているのであれば購入や無料トライアルなどを、まだ検討段階であれば資料請求や料金表のダウンロードなどを）
• CTAの種類はなるべく1種類にする（問い合わせも資料請求も…と何種類も並べない）
• 追従やメニューに固定するなど、ユーザーがいつでもクリックできるところになるべく設置する

CTAの種類にはバナー型のボタンだけでなく、スクロールに沿って移動してくれる追従型や、ページを一定の場所までスクロールすると別ウィンドウでCTA画面が表示されるモーダル型など、便利なものもあります。

LP制作を委託する場合は、このような難易度の高い機能を実装できるでしょう。

ユーザーが使用するデバイスを考慮する

最近はスマートフォンユーザーが多くなっているため、縦長のデザインにしたり、読みやすいフォントの大きさにするなど、スマートフォンでの表示を意識してデザインする必要があります。

PCとスマートフォンでは見え方が大きく異なり、ファーストビューで見える範囲も変動するため、レスポンシブデザインを用いて適切に表示できるように注意しましょう。

5.LP（ランディングページ）作成に役立つテンプレートまとめサイト

LPの文章やデザインで悩んだら、他のLPを参考にしましょう。まとめサイトを使えば、業種やテーマごとにLPを検索できるので、自分のイメージにあったデザインを見つけることができます。

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

出典元：ランディングページ集めました。｜全研本社株式会社

「ランディングページ集めました。」は、シンプルで使いやすいのが特徴のまとめサイトです。カテゴリーごとにテンプレートが揃っているので、自社の業種に合わせたページを見つけることができます。

LP Archive

出典元： LPの最新デザインまとめ参考サイト｜LP Archive

「LP Archive」は37,000点以上のLPデザインが掲載されているまとめサイトです。カラー・イメージ・カテゴリー・フリーワードといった項目でテンプレート検索ができます。まとめサイトの中では掲載数No.1の実績があるので、さまざまなLPをチェックしたいときはこちらがおすすめです。

LP advance

出典元：LPデザインに参考になるランディングページ｜LP advance

「LP advance」は検索のしやすさに定評があるまとめサイトです。画面のトップに検索バーがあり、カテゴリー・カラー・タイプ・メインビジュアル・フリーワードなどから検索ができるので、自分のイメージに近いデザインを見つけることができます。また、各種LPで使われているキャッチコピーを業種ごとに一覧にしているので、キャッチコピー作りに悩んでいる方にもおすすめです。

6.効果の高いLP（ランディングページ）の例

これまでKaizen PlatformがLP改善に携わった事例の中から、効果が高かったLPの例と、そのポイントを紹介します。特にファーストビューで悩んでいる方は、一つの参考にしてみてください。

ファーストビューに動画を設置｜SBI損害保険

競争が激しい通販型自動車保険業界で他社と差別化するために、ファーストビューに動画を活用。その結果、新規自動車保険成約率が102.9％、見積りページの遷移率は100.2％まで改善しました。

ファーストビューの変更とCTAまでの導線を工夫｜オリエントコーポレーション

Webでの集客力強化と収益性の高い「あとリボ」のCVRを上げるために、WebサイトのUI・UX改善を実施。伝えたい情報を厳選してCTAまでの導線を整えた結果、「あとリボ」の申し込み率が120.2％に改善しました。

まとめ｜成果の出るLPを作りたいなら制作会社への依頼もおすすめ

LPは商品購入やお問い合わせに繋がる重要なマーケティング施策です。LP作成ツールを使えば、初心者でも簡単に作ることができますが、ツールによっては機能やデザインの自由度に制限がある場合が多いので注意が必要です。

制作ノウハウがない、またはリソースや時間に余裕がないときは、制作会社に外注するのがおすすめです。制作会社によっては納品後の保守・運営や、ABテストの実施といった改善対策までサポートしてくれるので、LPの継続的な運用や改善が可能です。

外注の場合は、自社開発に比べてコストがかかるというデメリットもありますが、LPのブランディング効果や集客力、セキュリティ面を考えると、費用対効果が高いと言えるでしょう。

ぜひ今回ご紹介したポイントを活用して、効果の高いLPを作り、オンラインでの集客に役立ててみてください。