【イラスト付き】ランディングページの作り方は？具体的な方法や注意点について解説

パープルちゃん、質問してもいいかしら？

ランディングページの作り方について調べているんだけど、よくわからないの、、、

助かるわ。ありがとう、パープルちゃん！

ランディングページは、以下の7ステップで作ることができるよ。

1つ1つはそんなに難しくないから心配しなくて大丈夫よ〜。

順番に詳しく説明していくね。

最初は、目的を明確にすることから始めよう。

たとえばダイエット食品を紹介するランディングページの場合、その商品を買ってほしいのか、まずはお試しセットの申込をしてほしいのかなどによって、ランディングページの構成も変わってくるよね。

最初に目的をはっきりさせておかないと、構成やコンテンツ、デザインなどがブレてしまうから、必ず最初に目的を明確にしておいてね。

目的を明確にしたら、次はターゲットを決めるよ。

その通り。ターゲットは性別や年齢層、職業や家族構成など、細かく設定するのがおすすめよ。

その方がデザインや言い回しなどが決めやすいし、共感してもらいやすいからよ。

同じ女性がターゲットだとしても、子持ちなのか、仕事をしているのかなどで余暇時間の使い方や、自分に使えるお金も全然違ってくるから、どんな人をターゲットにするのかは細かく設定しておくといいわ。

ターゲットを決めたら、次は構成（ワイヤーフレーム）を作るわよ。

構成は、ファーストビュー、ボディ、クロージングの3つの部分に分けて考えるのが基本なの。

ファーストビューは画像やキャッチコピーを使って、ユーザーの興味を引く内容にするよ。

ボディでは商品やサービスの内容を詳細に説明して、クロージングで申込や購入フォームを設置することが多いね。

必ずしもこの流れじゃないといけないってことはないんだけど、この流れが一般的よ。

構成ができたら中身であるコンテンツを作ろう。

うん。この時点では確定である必要はないから、入れたほうがいいと思う要素をコンテンツとして作成しよう。

デザインに落とし込む段階で不要なコンテンツを削ったり、短縮したりできるからね。

コンテンツを作成したあとは、いよいよデザインに落とし込むよ。

デザインは、わかりやすさや見やすさももちろん意識するんだけど、ターゲットや商品のイメージに合わせたデザインにすることも重要なの。

ちょっと極端だけど、その通りね。

デザインやコンテンツなど、ランディングページの内容が確定したら、コーディングで実装していくよ。

そうね〜。複雑すぎるデザインや構成の場合は、コーディングの技術的な問題で実装できないこともあるわ。

スムーズにランディングページを作るためにも、それがいいと思うわ。

コーディングが完了したら、ランディングページを公開しよう。

誤字脱字がないかやリンクが有効になっているかなどは、事前に必ず確認したほうがいいわよ。

ステージング環境と言われる、一般公開はされずに自社だけで確認できる環境上に1度アップして確認するとより安心ね。

ランディングページの制作には、以下の3パターンがあるわ。

それぞれメリットデメリットが違うわ。

順番に解説するね。

1番コストを抑えられるのが内製よ。

内製する場合は、コスト以外にもあとで修正が必要になったときに修正しやすかったり、社内の人に作ってもらうからコミュニケーションが取りやすかったりするのもメリットね。

そうなのよね。依頼者も制作者も「この商品を買ってほしい」という同じゴールを共有しているから、モチベーションは3パターンのうちで1番高いことが多いわ。

フリーランスに外注する場合は、内製よりコストは高くなるけど、制作会社に外注するよりは安く済むことが多いよ。

正直ピンキリね。

値段の割にすごくクオリティの高いものを仕上げてくれる人もいれば、そうじゃない人もいるから、それまでの実績や口コミをしっかり確認することが大事よ。

フリーランスの人に制作してもらう場合は、万が一途中で制作がストップしてしまったときに、代わりに仕事を仕上げてくれる人をまた探さないといけないというリスクがあるから注意してね。

3パターンの中で1番コストがかかる傾向にあるけど、クオリティが1番保証されているのは制作会社への外注よ。

制作会社は色々な企業のランディングページ制作経験があるから知見が溜まっているし、プロだからね。

それに、制作会社には一般的に複数人のコーダーさんが在籍しているから、万が一担当の人が不測の事態で制作を続けられなくなっても、制作が中止になることはほぼないよ。

そうね。ちゃんとした制作会社を選べば、いいランディングページが確実に仕上がってくるよ。

1番注意しないといけないのは、法律をしっかり守ることかな。

キャンペーンなどを実施している場合は特に、景品表示法に注意してね！

景品表示法は消費者を騙す表示を禁止する法律で、消費者庁のサイトにルールが詳しく載っているから、必ず確認しよう。

うん。過去には大企業が罰則を受けている例もいくつかあるから、確認しすぎるぐらい確認するのがちょうどいいよ。

ランディングページの作り方についてまとめると、こんな感じよ。

ランディングページの作り方はわかったかな？

しっかり理解してくれたみたいでよかったよ。

またわからないことがあったらいつでも聞いてね〜。