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

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

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

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

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

▼目次

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

LP制作の相場・作成時間

LP（ランディングページ）の作り方

LP（ランディングページ）を構成する8つの要素

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

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

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

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

LP（ランディングページ）を作成するには、LP作成ツールの使用や、制作会社に依頼するのが一般的です。

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

LP作成ツールで制作する

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

月額無料〜数千円程度で利用でき、装飾やボタン作成が簡単にできる便利な機能があります。ツールによっては、必要に応じて機能を拡張することも可能です。まずは、月額無料や無料お試し期間を設けているツールを利用して操作性を確認してみると良いでしょう。

WordPressで制作する

WordPressは、世界で最も使われているWebサイトの構築や運用ができるCMSツールです。デザインやさまざまな機能を備えたテンプレートである「テーマ」を設定すれば、HTMLやCSSの知識があまりない人でもLPを作ることができます。テンプレートには無料と有料のものがあり、機能やデザイン、カスタマイズのしやすさ、コストなどから選びましょう。

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

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

自社でLPを作るのが大変な場合は、制作会社に依頼するという選択肢もあります。依頼先はフリーランスから大手制作会社までさまざまあるため、依頼したい作業範囲やメリット・デメリットを踏まえた上で選定しましょう。

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

おすすめのLP制作会社

依頼先別におすすめのLP制作会社をご紹介します。サービスの特徴や強みをご紹介しますのでLP制作会社選びの参考にしてください。

フリーランス：ランサーズ

ランサーズは日本最大級のクラウドソーシングサービスで、LP制作を行っているフリーランスや副業人材とオンラインでマッチングすることができます。

ランサーズを活用することで、LP制作を3万円〜15万円程度の低価格で依頼できます。

ランサーズでは短納期かつ低予算でのLP制作が可能ですが、その多くはテンプレートを利用したサービス提供になるケースがほとんどです。また、競合調査や企画構成の作成、LP制作後の運用などには対応していない場合も多くあります。

対応範囲やスキルはランサーによって異なるので、依頼する際には自社のLP制作に最適かどうかをしっかりと選定する必要があります。

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

小規模制作会社：株式会社JAJAAAN

株式会社JAJAAANはWebサイト・LP・グラフィックデザイン・アニメーション・動画の制作などを実施する小規模の制作会社です。料金プランが豊富で、自社の予算に合わせてさまざまな依頼ができるのが特徴です。

JAJAAANではテンプレートを使用したLPを60,000円〜制作することが可能で、分析設計や構成作成には別途費用が必要となります。また、ファーストビュー改善なら3万円〜、EFO対策なら5万円〜と低価格で発注できるので、コストを抑えてLP制作やLPOに着手したい企業におすすめです。

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

中小規模制作会社：株式会社ラヴィゴット

株式会社ラヴィゴットは、累計5,000社以上のWeb分析をもとにした戦略型のLP制作に強みのある中小規模のおすすめ制作会社です。LP制作だけでなく、LPOコンサルティングも実施しており、現状分析・施策の立案・LPの修正・効果測定までワンストップで依頼できます。

デザインしたLPがアジア発のデザイン賞「DesignAwards.Asia」や国際的なWebデザイン賞「CSS Winner」を受賞した経歴もあり、デザイン性の高さにも定評があります。

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

大手制作会社：株式会社ポストスケイプ

株式会社ポストスケイプは累計450件以上のLP制作およびLP改善の実績を持つ、おすすめの大手制作会社です。

幅広い商品やサービスのLP制作実績を持っており、業界と商品特性を深く理解した訴求力の高いLPを提供しています。

株式会社ポストスケイプは、LP制作やABテストが簡単に実施できるLPOツール「CVX」を提供しており、LP制作から制作後の運用改善までワンストップで支援しています。

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

LP制作の相場・作成時間

先述したとおり、LPは以下3つの方法で制作できます。

• LP作成ツールで制作
• WordPressで自作
• 制作会社に依頼

それぞれの方法で、LPを制作する場合の費用相場と作成時間を解説します。

LP制作の相場

LP制作の費用相場の目安は、以下となります。

• LP作成ツールで制作：14,400円～36,000円程度/年
• WordPressで自作：13,000円程度/年
• 制作会社に依頼：30円〜60万円程度

LP作成ツールは、月額料金がかかるのが一般的です。プランによって利用できる機能などが異なります。

WordPressは、サーバーとドメインの契約や更新時に費用がかかります。サーバー代の相場は12,000円で、ドメイン代は1,000円です。テーマや拡張機能を利用する場合は、別途費用がかかるので覚えておきましょう。

制作会社に依頼する場合の相場は、30〜60万円程度が一般的です。ただし、制作会社の規模によって制作費用が変わってきます。

まずは、自社で対応する範囲を決めてから予算を検討してみましょう。

LP制作にかかる時間

LP制作にかかる時間の目安は、以下のとおりです。

• LP作成ツールで作成：数時間～数日程度
• WordPressで自作：数週間～1ヶ月程度
• 制作会社に依頼：1ヶ月～3ヶ月程度

LP作成ツールはテンプレートを選び、素材や文言、色などをカスタマイズするだけでかんたんに制作できます。そのため、短時間でLPを制作したいときに最適です。

WordPressで自作する場合は、事前にサーバーやドメインを用意し、テーマを入れておく必要があります。WordPressの操作になれていれば数日で作成できるでしょう。

制作会社に依頼するときは、依頼する作業範囲によって所要時間が変わります。戦略や構成設計から依頼する場合は、時間がかかることが多いでしょう。

また「LPで使用する素材を準備しているか」「構成が決まっているか」など、事前準備ができているかによっても制作にかかる時間が変わってきます。LPに使用する素材や、商品説明などを用意しておくと良いでしょう。

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アナリティクスなどのアクセス解析ツールで効果測定が行えるよう、設定します。

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

LP（ランディングページ）を構成する8つの要素

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

まず、LPは大きく分けて以下の3つのパートに分類します。

ファーストビュー：キャッチコピー・CTA（アクション喚起）ボタン

ファーストビューとは、LPに訪れたユーザーが最初に目にする部分です。通常、ファーストビューはキャッチコピー・画像・CTAボタンをセットで配置します。

出典元：ペライチ

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

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

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

出典元：LPOなら「KAIZEN UX」

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に直接埋め込むのかも含め）が最も効果的なのかを検証することが大切です。

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

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

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

出典元：ペライチ

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

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

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

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

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

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

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

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

競合分析をもとに自社の強みを明確にする

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

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

例えば、競合が出稿している広告の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とスマートフォンでは見え方が大きく異なり、ファーストビューで見える範囲も変動するため、レスポンシブデザインを用いて適切に表示できるように注意しましょう。

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

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

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

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

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

参考サイト：ランディングページ集めました。

LP Archive

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

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

参考サイト：LP Archive

LP advance

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

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

参考サイト：LP advance

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

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

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

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

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