ランディングページの作り方|制作方法の選び方から手順までを徹底解説

ランディングページの作り方|制作方法の選び方から手順までを徹底解説

LPを作りたいけど、何から始めればいいか分からない…って悩んでいない?
大丈夫、作り方にはちゃんと順番があるんだっ。
方法の選び方から8つのステップまで、ボクと一緒に見ていこうねっ!

ランディングページの作成方法

LPを作るには、大きく分けて「自作」と「外注」の2つのパターンがあります。

どちらを選ぶかによって、かかる費用や制作にかける時間、完成するLPのクオリティが変わります。そのため、自社の予算やリソース、求める品質に応じて最適な方法を選ぶことが重要です。

自作する場合の手段と特徴

自作の最大のメリットは、費用を安く抑えられる点です。外注費がかからないため、コストを最小限に抑えてLPを作成できます。一方、時間と労力がかかるのがデメリットといえるでしょう。デザインやコーディングの知識がない場合は、学習コストも発生します。

自作には難易度別に3つの方法があるため、自分のスキルレベルや目指すLPの品質に合わせて選択しましょう。

ここでは、3つの自作方法の特徴を順番に解説します。

LP作成ツール(ペライチ・Wixなど)

専門知識がなくても、テンプレートを使って直感的にLPを作成できるのがLP作成ツールです。初心者でも扱いやすく、費用も無料〜月額数千円程度と安価に始められます。

ただし、用意されたテンプレートやパーツの範囲内でしか編集できないケースが多いため、デザインの自由度は低くなります。そのため、複雑な機能の実装や、他社と差別化したオリジナリティのあるデザインを求める場合には向いていません。

ランディングページ(LP)作成ツールとは?選び方のポイントとおすすめツールを紹介 ランディングページ(LP)作成ツールとは?選び方のポイントとおすすめツールを紹介 あわせて読みたい

CMS(WordPressなど)

WordPressなどのCMSを使う方法もあります。WordPressはホームページ作成の方法としてよく知られていますが、LPの作成にも活用可能です。

LP専用のテーマ(テンプレート)を使えば、コーディングの知識がなくてもLPが作成できます。また、LP作成作成ツールのように外部サービスに依存しないため、サービス終了による作り直しなどのリスクもありません。

ただし、サーバーの設定やドメインの紐づけなど、ツールに比べるとやや専門的な知識が必要になる点には注意が必要です。

失敗しないLPテンプレートの選び方とは?種類や特徴、おすすめサービスと注意点を解説 失敗しないLPテンプレートの選び方とは?種類や特徴、おすすめサービスと注意点を解説 あわせて読みたい

HTML/CSSコーディング

HTML/CSSなどを使って自らコーディングする方法は、自作方法のなかでもっとも自由度の高い方法です。デザインや機能に制限がなく、思い通りのLPを作成できます。

ただし、専門的なプログラミング知識が必要なため、Web制作のスキルを持っている方や、社内にエンジニアがいる場合に向いている方法といえます。

外注する場合の手段と特徴

外注は費用がかかる分、クオリティの高いLPを制作できるのがメリットです。また、制作作業を任せることで、その分の時間も本業に集中できるでしょう。

ただし、依頼先によって費用感や対応範囲は大きく異なります。

「企画から丸投げできるか」「素材(写真やテキスト)は自社で用意する必要があるか」など、自社のニーズに合わせて依頼先を選ぶことが大切です。

ここでは、主な依頼先であるWeb制作会社とフリーランスの特徴を紹介します。

Web制作会社

Web制作会社では、デザイナーやマーケターなどのプロがチームで制作にあたります。クオリティの高さが強みで、プランによっては公開後の運用サポートや改善提案まで対応してもらえることもあります。

費用は制作会社の規模や依頼する作業範囲によって幅があり、10万円以下から60万円以上までさまざまです。求めるクオリティやサポート範囲に応じて依頼先を検討しましょう。

LP制作の相場はいくらが適正?価格帯別の作業範囲と失敗しない業者の選び方 LP制作の費用相場はいくらが適正?価格帯別の作業範囲と失敗しない業者の選び方 あわせて読みたい

フリーランス

フリーランスに依頼する場合、制作会社よりも安価なケースが多い傾向にあります。一方で、個人によってスキルや対応範囲にばらつきがある点には注意が必要です。

ポートフォリオや過去の実績をしっかり確認してから依頼しましょう。

アップくんの商売繁盛ポイント

LP作りは自作と外注の2択。安く抑えるなら自作、クオリティ重視なら外注なんだ。君の予算とスキル、かけられる時間で選ぶのがコツだよっ!

ランディングページ(LP)の作り方

「LPを作る」というと「デザインを作ること」をイメージしがちですが、その前段階での準備を疎かにすると、見た目はきれいでも成果の出ないLPになってしまいます。

ここからは、デザインに入る前のステップも含めて、一般的なLP制作の流れを解説していきます。

1. LPを制作する目的・目標(KPI)を決める

LPを作成する際に、まず最初に明確にすべきは「何のためにLPを作るのか」という目的です。

商品の購入なのか、資料請求なのか、無料相談の予約なのか。ゴールが曖昧なままでは、LPの構成やデザインの方向性も定まりません。

また、「ただ作る」だけでなく、具体的な数値目標(KPI)を設定することも重要です。

「月に10件の問い合わせを獲得する」など、達成すべき数字を決めておくことで、公開後に「うまくいっているかどうか」を判断する基準になります。

2. ペルソナ(ターゲットとなる人物像)を設定する

次に決めるのは「誰に届けるか」です。LPは不特定多数に向けて発信するのではなく、届けたい相手を具体的にイメージして作ることで、響く内容に仕上がります。

この「届けたい相手」を具体化したものをペルソナといいます。

ペルソナを設定することで、LPのデザインの方向性(例:かっこいい系かやわらかい系か)や、刺さる言葉選び(例:専門用語を使うか噛み砕くか)が明確になります。

3. 訴求軸(アピールポイント)を決定する

ペルソナが決まったら、次は「その人に自社商品のどの特徴を、どのように伝えれば響くか」を考えます。これが訴求軸(アピールポイント)です。

商品やサービスの特徴をすべて並列で伝えても、印象に残りません。ペルソナの悩みを解決できるポイントや、競合他社にはない強みを整理し、もっとも響く切り口を選びましょう。ここで決めた訴求軸が、キャッチコピーや本文の軸になります。

ただし、自社の強みを客観的に見つけ出し、言葉にするのは簡単なことではありません。難しい場合は、プロへの相談・依頼も検討してみましょう。

4. 構成案を作成する

次に、LPに載せる要素を洗い出し、「どの順番で何を伝えるか」を決める構成案を作成します。

たとえば、キャッチコピー・商品特徴・お客様の声・料金・申し込みボタンなど、必要な要素を整理し、読み手が求める情報を、求めるタイミングで届けられる流れになるよう並べていきます。

構成案はLP全体の設計図になるので、この段階でしっかり練り込んでおきましょう。

ランディングページ(LP)の構成|基本要素と成果を出すためのポイントを解説 【LPの構成】ランディングページの基本要素と成果を出すためのポイントを解説 あわせて読みたい

5.原稿・画像などの素材を準備する

構成案ができたら、それに沿って原稿や画像などの素材を準備します。

構成案で「ここにお客様の声を入れる」「ここで料金を見せる」と決めた各パーツに対し、キャッチコピーや本文のライティング、商品画像やお客様の声に使う写真などを用意していきましょう。

とくにライティングの質はLPの成果を大きく左右するため、ペルソナに響く言葉を意識して作成することが大切です。

6. デザイン・レイアウトを作成する

原稿と素材が揃ったら、LPの見た目を作っていきます。

外注する場合はデザイナーに依頼し、LP作成ツールやWordPressを使う場合はテンプレートをベースにレイアウトを調整していきます。

デザインの役割は、単におしゃれに見せることではありません。文字だけでは伝わりにくい商品の魅力を、写真・図解・色使いで視覚的に伝えることが目的です。原稿が読みやすく、ユーザーの視線が自然と申し込みボタンに向かうレイアウトを意識しましょう。

7. LPをWebページとして仕上げる

次に、実際にLPとしてWeb上で閲覧できる状態に仕上げていきます。

LP作成ツールやWordPressを使う場合は、原稿の入力や画像のアップロードを行います。

HTML/CSSで自作する場合は、コードを書いてWebページとして表示できるよう組み立てたうえで、同様に原稿や画像を入力していきます。

8. LPを公開して効果測定を行う

LPが完成したら公開し、効果測定を行います。効果測定とはLPを見たユーザーの行動を分析し、改善点を見つける作業です。

「どこまでスクロールされているか」「どのボタンがクリックされているか」「どこで離脱されているか」などを分析し、問題のある箇所を修正していきましょう。

公開直後から完璧なLPはほとんどありません。分析と改善を繰り返すことで、LPの成果を高めていきます。

アップくんの商売繁盛ポイント

LP作りの8ステップ、実はデザインの前の準備が勝負どころなんだ。目的、ペルソナ、訴求軸、構成案。この設計図がしっかりしていれば、成果への道はグンと近くなるよっ!

ランディングページを作る際につまづきやすいポイント

ランディングページを作る際につまずきやすいのは、意外にも技術的な問題ではありません。ツールの使い方やサーバーの設定よりも、「中身(コンテンツ)」の部分で手が止まってしまうケースがよくあります。

具体的にどのような点でつまずきやすいのか、見ていきましょう。

キャッチコピーや文章作成がうまくいかない

LPの文章には、ターゲットの注意を引き、行動を促す役割があります。しかし、いざ書こうとすると「何から書き始めればいいか分からない」「書いてみたものの、しっくりこない」という壁にぶつかる方は少なくありません。

普段の業務で文章を書く機会があっても、「売るための文章」は勝手が違います。書き方のコツを知らないまま取り組むと、思うように進まず挫折してしまうことも少なくありません。

自社の強みを見つけにくい・言語化できない

「自社の商品やサービスのことは、自分たちが一番よく分かっている」と思うかもしれませんが、客観的な「強み」には意外と気づきにくいものです。

日々当たり前にやっていることが競合にはない強みだった、というケースもあれば、自分たちが強みだと思っていたことがターゲットにはあまり響かなかった、というケースもあります。

また、強みが見つかったとしても、ターゲットに伝わる言葉にするのは簡単ではありません。「分かっていること」と「伝わるように言語化すること」は、まったく別のスキルが求められます。

「見た目」を重視しすぎて「中身」がおろそかになる

デザインは大切ですが、書いてある内容が響かなければ、商品の購入や問い合わせにはつながりません。

よくある失敗パターンとして、デザインにばかり予算や時間をかけてしまい、肝心の内容が手薄になるケースがあります。

LPの見た目が良いだけでは、商品購入などの「成果」につなげることは難しいと覚えておきましょう。

アップくんの商売繁盛ポイント

つまずきポイントは技術じゃなくて中身なんだ。とくに自分の強みって、自分では意外と見えないもの。当たり前にやっていることの中に、お宝が眠っていないか探してみてねっ!

自社に合った方法を選んで、成果の出るランディングページを作ろう

LP制作は、目的や予算に合わせて作成方法を選ぶことが大切です。自作でコストを抑えるのか、外注でクオリティを追求するのか、自社の状況に合わせて判断しましょう。

制作の流れのなかでも、とくに重要なのは「誰に何を伝えるか」という設計とライティングの部分です。どれだけ見た目にこだわっても、内容や伝え方が定まっていなければ、期待した結果にはつながりにくいです。

「自社の強みをうまく言葉にできない」「構成作りの段階で手が止まってしまう」という方は、コンバージョンUPへご相談ください。

強みの見つけ方や伝え方を学びながら、成果につながるLPを一緒に作り上げていくことができます。

アップくんまとめ

最後まで読んでくれてありがとう!
LP作りで一番大事なのは、誰に何を伝えるかの設計と、それを届ける言葉なんだ。じっくり準備すれば、君のLPはきっと成果を運んでくれるよ。
君の商売繁盛を、心から応援してるよっ!

監修者プロフィール

コンバージョンUP 編集部

集客と販売の"文章"専門メディア

コンバージョンUP 編集部

コンバージョンUP(株式会社W.E.)の編集部では、人の心を動かして、モノを売るための文章作成のコツを発信中!ボクたちは「ディグ=まだ言葉になっていない魅力を掘り起こす」を大事にする文章屋なので、LP・ホームページ・SEO記事等の文章づくりから、MVV作成、企業向けのセールスライティング研修まで幅広く対応しているよ。目指すのは、きれいな文章より"読んだ人が動く文章"だっ!