こんにちは。KAYOです。
本日は、
ランディングページ制作の流れ
について記事を書いていこうと思います。
今回、この記事を読んでいただくことで
あなたの提供するサービスや商品を
効果的にアピールできる費用対効果の高い
ランディングページを考案、制作できるようになります。
それはつまり、
あなたのお店の集客・売上アップに
着実につながってくるという事です。
また逆に読んでいただかないと
広告出稿、制作面でも成果を感じることなく
あなたの意図に反した結果を招くだけの
ランディングページとなってしまう可能性があります。
ランディングページ制作から
リスティング広告出稿までを
あなた自信で行う場合はもちろんのこと
デザイン会社・広告代理店にお願いする場合でも
ランディングページ制作の流れと
各制作工程でのポイントを把握しておくことは
結果、集客や売上の結果にも違いが出てくる
可能性もあります。
ですので、少しだけ私にあなたの時間をください。
たった、１分だけでいいですのでこれから書く記事を
読み進めていただければと思います。
それでは、
ランディングページ制作の流れ・各工程の作業
について書いていきますね。
ランディングページが完成するまでには
大きく下記５つのステップを順番に行い、
進めていく必要があります。
＜5つのステップ＞
- 販売戦略を立てる
- 構成・ワイヤーフレーム（設計図）の構築
- デザインの基礎（ルール）設定
- デザイン実装・コーディング
- ランディングサイト立ち上げ（ローンチ）・改善
です。
各工程について
もう少し詳しく書いていきますね。
----------------------------------
【 ステップ➀ ： 販売戦略を立てる 】
----------------------------------
この工程に関しては
ランディングページの制作に関わらず、
リアル、ネット上ともにビジネスを展開していく上で
最も重要で根本的な軸となる部分となります。
どの様な商品・サービスをどのような人、
どのように発信、提供をしていくのか、
また、その商品・サービスを利用してもらうことで
利用者はどのような変化をもたらすのかまで
あなたが提供する、商品・サービスやターゲットに
対する理解を深めてみてください。
さらに、掲載している情報に対しお客様（来訪者）に
“どのような行動・終着点”を求めるページにするのかまで
事前にしっかり考えることが
よいランディングページと広告出稿を実現させます。
----------------------------------
【 ステップ➁ ： 構成・ワイヤーフレーム（設計図）の構築 】
----------------------------------
以前にも別の記事でお話しましたが
ランディングページは、Webサイトの役割・目的が違う為
ページ構成やデザインも変わってきます。
ランディングページの構成が大きく違うのは
あなたが得たい成果、また言い換えると
“来訪者にとってもらう行動”を１ページ内で
完結させるページである必要があるという事です。
ファーストビューから“コンバージョン”へと
徐々に誘導・促すようなページ構成・設計図にしていきます。
また、実際にネット上に表示されたときの
動的要素についても考えておく工程にもなります。
※ファーストビューとは、来訪者がページを開いた時に
一番始めに目にする画面のことだと思ってください。
※動的要素とは、簡単な例をあげると
「ボタンをクリックすると色が変わる」
「ボタンを押すとページのトップまで画面がスクロールする」
などがあります。
----------------------------------
【 ステップ➂ ： デザインの基礎（ルール）設定 】
----------------------------------
あなたの商品・サービスから与えるイメージや
また提供するターゲットに合わせたカラー・フォントを
選定していく工程になります。
カラー選定は、メイン・サブ・コンバージョンカラーまで
また、フォントは明朝体なのかゴシック体なのか
また明朝体でも硬派なのか優しい感じなのか
ゴシック体においては、POPなのかスタイリッシュな感じなのかまで。
提供するサービス・商品やターゲットとなる
お客様視点にたった上で、
サイト全体の雰囲気づくりの基礎となる、
カラーやフォントをしっかりと設定していきます。
----------------------------------
【 ステップ④ ： デザイン実装・コーディング 】
----------------------------------
あなたのランディングページに来訪したお客様が
一番はじめに目にする画面、ファーストビューを始め、
コンバージョンに至るまでの一連の流れを
実際にデザイン、そしてコーディングしていく工程となります。
デザインの基礎（ルール）設定での内容をもとに
画像やコピー（テキスト）を見やすく、伝わりやすいように
レイアウト・デザインしていきます。
ファーストビューに関しては、それ以降のページ内容を
読み進めてもらえるかどうかが決まるほど
とても重要な箇所といっても過言ではありません。
ですので、出来るだけインパクトのある
イメージ画像やキャッチコピーを設定する必要があります。
ですので、あなたの商品やターゲットに対して
参考になりそうなランディングページを探しておくと
作りたいランディングページをイメージする上で
大変役立ちますので、事前にチェックしてみてください。
----------------------------------
【 ステップ⑤ ： ランディングサイト立ち上げ（ローンチ）・改善 】
----------------------------------
ステップ➀～④までの工程まできたら
予めローカル（あなたのPC上）などで確認したのち、
実際にランディングページをWeb上に
表示させる工程に移ります。
実際にインターネット（ブラウザ）で表示させて
ランディングページの内容、動作なども必要であれば
修正・改善していきます。
尚、インターネット上に表示するには
ドメイン取得やサーバー設置などが必要になりますが、
その内容についてはまた別の記事でご紹介しますね。
この記事では省略させて頂きます。
----------------------------------
以上がランディングページ制作においての
大きな５つのステップとなります。
上記のステップの内容は、
ランディングページを完成させる為には
どれも必要となる工程ですし、また進める順序も
重要ポイントになります。
制作会社に依頼される場合でも
あなたご自身で制作する場合においても
同じことが言えるのですが。、
制作の流れと、各工程においてのやるべき事や
進める順序を知って、理解しておくことは、
出来上がるランディングページのクオリティー（質）にも
影響してくる可能性も大です。
また、事前に理解をしておくことで、
制作作業の進行もスムーズになりますので
ぜひ、参考にしてみてください。
また、各工程においての詳細や
実際にどうすれば良いのかについては、
また別の記事で１工程ずつ詳しくお伝えしていきますね。
本日のところは、
ランディングページがどのような工程を経て、
制作されるのかなど一連の流れ・進行順序を
ご理解していただけたならば十分です。
それでは、今日はこの辺で。
長くなりましたが、
最後まで、お読みいただきまして
ありがとうございます。
また、最後に今日の記事を読んでいただきまして
少しでも役に立ったちましたら、
『いいね』ボタンを押してくださると幸いです。
明日からの記事も楽しみにしていてください。