こんにちは！ ASUE株式会社の広報のN村です。

「特定のサービスや商品のために広告を打ちたい！そのためのページを作りたい！」そう思ってランディングページ（以下、LP）制作サービスを探してみると、様々な金額でサービスを打ち出している制作会社さんが出てくると思います。

複数の会社さんで見積もりをとってみると、安ければ10万円台から高ければ100万円……と見積もり金額に大きな差が出ることも。

もちろん、制作会社さんによっても、具体的なLP制作の流れはさまざまありますが、今回は一般的に必要な工程とASUEでのやり方を、弊社ディレクターのイサオさんにお話をうかがいつつご紹介していきます！！

イサオさんは顔写真NGだったので、N村が似顔絵を描きました。

　

　

　

LP制作の準備 〜最も重要な分析とターゲット選定〜

ASUEでは、基本的に広告運用とセットでLP制作をご依頼いただくことが多いです。そのため、LPの戦略設計は広告運用チームと一緒にスタートします。

この段階で、やるのがざっくりと以下の4つの工程です。

3C分析やカスタマージャーニーなど、これらの4つの工程につかえるフレームワークをまとめたスプレッドシートを用意して、案件ごとに最適なものや必要なものを選んで分析を行います。この辺の分析は、広告運用だけご依頼いただいた場合でも広告運用チームが実施しています。

LPのプロジェクト開始時に実際に使用しているシートがこんな感じです。

これらの市場やサービス・商品、競合などの分析をもとに、ターゲットの選定やLPの戦略設計を行います。

　

お客様（=広告主様/発注者）が思い描くターゲット像が、実は一番いいターゲット像ではないことも多いです。そのため、お客様としっかりコミュニケーションをとってお話を伺いながら、分析結果をふまえてご提案しています。

LPの内容決定

この工程では、主に下記の3つを行います。

構成は、カスタマージャーニーなどの分析から、LPを閲覧したユーザーの心情が広告〜LPを通してどのように変化するか・変化してほしいかというストーリーを考えて、そのストーリーが叶うようにコンテンツを並べたものがそのまま構成になっています。

free web hopeさんやウェブライダーさんのようなLP制作で有名な会社さんの発信しているノウハウを学びつつ、ASUE社内でのやり方を日々改善しながら作っています！

ライティングでは、お客様側から必要な情報や原稿などをいただきつつ、ストーリーに合うような原稿作成、ユーザーを惹きつけるような工夫、商材・サービスによっては薬機法や景表法・広告審査などにも配慮しながらLP全体のテキストを決定していきます。

構成・ライティングから、LPの元となるワイヤーフレーム（主に図形・テキストでコンテンツを示すLPの設計図のようなもの）を作成し、お客様へご確認いただきます。

デザイン

戦略設計や構成などのステップをもとに、各コンテンツのデザインを行います。戦略設計などで決まったデザイン全体の雰囲気や配色などを決定しつつ、細かいデザインを作成していきます。

実際のデザインにとりかかる前にイメージが似たLPやサイトを参考デザインとして提示したり、全体の雰囲気や配色がわかる程度に3割くらいのデザインをした状態のものをお見せしたりして、デザインの方向性に問題がないかは一度お客さまに確認します。

デザインを最後まで作成してから、「やっぱりこんな風がいい！」「メインの色を変えたいんだよね」「このサイトみたいな雰囲気に寄せたいんだけど……」などなど根底からひっくり返すようなご要望をいただくこともあります。その場合はデザイン工数が倍かかってしまうため、追加料金がかかってしまうことも多いです。

なので、要望がある場合は、デザインスタート前や参考サイトやデザインの方向性の確認を行うタイミングなどで共有いただけるとお互いにとっていいかと思います！

LPは多くのコンテンツで構成されています。商品・サービスの紹介、実績やメディア掲載などの信頼性を示すコンテンツ、よくある質問やユーザーレビュー・サポート体制などの購入を検討するユーザーに安心感を与えるコンテンツなどなどさまざまなコンテンツがあります。

その中でも、ページに流入したユーザーが最初に目にする「キービジュアル（KV）」とユーザーに広告主側が期待するアクション（=購入、資料請求、予約など）を誘起する「CTA」の2つのコンテンツは特に重要視しています。

KVは流入したユーザーが最初に目にし、ページを見るかどうか判断するコンテンツのため、練りに練ったマーケティング戦略をしっかりと反映させる必要があります。また、CTAではユーザーがページを読んだユーザーに「アクションを起こしてもらう」ように後押しする必要があります。具体的に詳しいポイントまでお話ししてしまうと、本題の制作の流れからはずれてしまうので、気になる方は下記のページも合わせてご覧くださいませ。

そもそもLPは、1ページで「商品やサービスを売る」という目的を達成するために制作されます。最初にしっかりと戦略や構成を考えていることが大前提ですが、その上でユーザーの動きや目線を意識したり見せ方を工夫することで、LPで伝えたい内容を正しく届けて行動を後押しするような役割をデザインが担っているので、その点を考慮できていることが制作の上でとても重要です。

コーディング

コーディングとは、作成されたデザインが実際にWebページとして見られる状態に構築する工程のことです。htmlやcssなどを使って行います。

この工程では、デザインをそのまま再現するだけでなくLPを閲覧するユーザーが使いやすくなるように心がけています。

例えば、フォーム。LPに設置されたフォームは、閲覧したユーザーに起こしてほしいアクション（お問合せや予約、資料請求など）として設定されていることが普通です。商品やサービスに関心が高くLPを最後まで見てくれたユーザーでアクションを起こそうとしていたとしても、フォームの入力が面倒になって後回しにしてしまうこともあるんです。

フォームの最適化についての詳細は、下記のブログをどうぞ。

それ以外には、LP公開後には状況によってはコンテンツの追加や修正などの改善を行うための保守性を考慮したマークアップを心がけています。また、ASUEでは、主なモダンブラウザとスマートフォン（iOS, Android）への表示に対応しています。

運用と改善

LPは基本的に広告と一緒に運用スタートするため、運用中には広告の運用状況に合わせた改修や広告用のバナーの作成などを制作チームが担当します。

ASUEでの広告運用についての詳細は、次の2記事もご覧ください。

それ以外にも、KVでの訴求が複数パターン考えられるときにテキストを変更したKVを複数用意してA/Bテストを実施したり、戦略設計で考えたストーリーとユーザーの行動が合致しているかをヒートマップをつかって答え合わせしたりしています。

最初の戦略はしっかり時間をかけて立ててできるだけズレがないようにしていますが、うまくいかない場合には運用結果も含めて戦略設計からやり直して適切な訴求が何かをあらためて検討します。

成果が出ないままだとお客様からの信頼も損ねてしまうので、ここの動きはできるだけ早くできるように心がけていて、最初の準備段階で二の矢・三の矢を用意していることもあります。

　

　

結局、料金の差はどこで出ているの？

　

例えば、無料でWebページを制作できるペライチやWix等のサービスを使用して制作している場合や社内でデザインのテンプレート化を行っている場合は、デザインやコーディングなどの工程を簡略化することができ、1本あたりにかかる制作時間を抑えられるため制作コストを下げられます。

また、短いLP・フォーム等がない（外部のフォームを使用など）・発注者側で原稿を用意する、なども前述のLPの制作工程のどこかを簡略化しています。

これらの制作コストを下げる方法が複数組み合わせられていれば、さらにコストを抑えることも可能です。

　

ちなみに、ASUEでも現在1. すべての工程を全力で行うLP制作サービスと、2. デザイン・コーディングをテンプレート化して簡略化することで価格を抑えたLP制作サービスをご用意しております。

2. のLP制作サービスでは、戦略設計などはそのままに予め社内で用意したデザインにあてはめて簡易的に制作することができます。