株式会社フライング・ブレイン 〒153-0063 東京都目黒区目黒１丁目４−１６　代表取締役社長　宮崎直哉 プロモーションサポート事業、広告代理事業、制作事業、メディア運営事業

1. 1-1.コンバージョンを定義する
何をもってコンバージョンの成果にするかを決定し、ページのゴールを明確化する。
このページで、「何をさせたい」のか？
メルマガ登録・ECサイトへの誘導・店舗誘導・ブランディング etc.
原則として１つのページに対するコンバージョンは、１つとして定義する。
１つだけコンバージョンを定義
アクションをさせる事だけを目的としたページを創り上げる。
選択肢を与えすぎないことが重要。
1
本書の全部または一部の無断転載を禁じます。

2. 1-2.ターゲットを選定する
「どんなユーザーが見ているのか？」
訪問者（ユーザー）を想定、ユーザーに合わせたランディングページの設計を心がける。
共通する最大公約数となるニーズに合わせる。
『どこから来るユーザーか？』
『そのユーザーは何を探しているか？』
『そのユーザーにとって何が重要なのか』
【オールターゲット≒一般的で広義なランディングページは可能な限り避ける。】
2
本書の全部または一部の無断転載を禁じます。

3. 1-3.ランディングページに必要な要素を洗い出す
あらゆる不要な要素を排除し、焦点をぶらさない。
注意散漫なページはコンバージョン率を低下させる原因になる。
ランディングページから、ターゲットユーザーに対して必要不可欠な要素を洗い出し、不要な要素は削ることが重要。
×
VS ◎
◆ランディングページに必要不可欠な要素の例◆
□会社/サービスロゴ
□メイン画像
□コンバージョンボタン/リンク □コンバージョンに関する簡潔な説明 □コンバージョンまでのフローの説明
□お問い合わせの電話番号
□サービス/商品説明：見出し（ヘッドライン）
□サービス/商品説明：内容テキスト（サマリー）
□サービス/商品説明：詳細テキスト
3
本書の全部または一部の無断転載を禁じます。

4. 1-4.ユーザービリティを部分的に制限する
Webサイト通常ページ≠ランディングページ
ユーザーにどのような行動を起こして欲しいページなのかを意識し、ページ構成を考える。
≠
情報を探しやすく、
閲覧・精読しやすいページ
部分的に行動を制限し、
コンバージョンに結びつけ易くするページ。
自社サイト内の他のコンテンツへの
ナビゲーションや検索ボックスなどで、
ユーザービリティを最大限高める。
コンバージョン率下落の要因となり得るので
他のコンテンツや、ナビゲーションボックスなどの
外部リンクは極力排除する。
4
本書の全部または一部の無断転載を禁じます。

5. 1-5.8秒間以内で理解できるページを意識する。
ページへ訪れてからの『８秒間』が重要。
訪問者の５０％は、３～８秒間でランディングページの内容を判断
欲しい情報が探せないとそのまま離脱してしまう。
３～８秒間スキャン
レイアウト/メインイメージ/テキスト/カラー/入力フォーム/
コンバージョンボタンのクリエイティブを考える上で重要な指標
5
本書の全部または一部の無断転載を禁じます。

6. 1-6.ファーストビューに重きを置く
『５０％以上はスクロールしない。』
コンバージョンを成立させるための要素をファーストビュー内に用意することが重要。
ファーストビュー
ファーストビューにて、何に関するページで、どんな情報があり、どんなアクションが出来るのかを
明確に表示する。クリックやスクロールしないとわからないページではユーザーは離脱してしまう。
下まで読み込むかどうか、コンバージョンするかどうかはファーストビューで決まると考える。
6
本書の全部または一部の無断転載を禁じます。

7. 1-7.分かりやすいコピーライティングを意識する。
『ひと目で認識できる文字数は１５文字以下。』
ユーザーが瞬時で理解できる『見出し』と『申し込みボタン』のコピーが重要
○○○なら、○○できる！
○○○の申込はこちら
ページデザインのためではなく、コンバージョン向上のためのコピーライティングに集中する。
『見出し』と『申し込みボタン』のコピーにて、
ユーザーへのアピールと、どんなアクションができるのかを簡潔に表示する。
7
本書の全部または一部の無断転載を禁じます。

8. 1-8.ページ遷移のスピードを考慮する。
クリックしてからの『２秒間以内』が重要
ユーザーがリンクをクリックをしてから、次のページが表示されるまでの時間に注意
検索エンジン
２秒間以内
ランディングページ
クリック
２秒間以内
申込フォーム
クリック
クリック後、ページが読み込まれるまで、２秒以上かかった場合、ユーザーはそのサイト
全体に対して不満を持つ傾向にある。ページのデザインやコンテンツがターゲットとなる
ユーザーにマッチしているだけではなく、２秒以内にユーザーそのページ読み込めるように様々な
考慮をする必要がある。
8
本書の全部または一部の無断転載を禁じます。

9. 2.クリエイティブガイドライン
弊社作成の”虎の巻”より。
こちらから要回収資料となりますので予めご了承下さい。
9
本書の全部または一部の無断転載を禁じます。

10. 2-1.クリエイティブガイドライン【レイアウト】
ページの長さを適切にする。
明確さ・情報量・ページ内密度
これらを意識したレイアウトを心がける。
コンバージョン達成に必要な要素のみを採用し、基本的には短い
ページを意識する。
注意散漫なレイアウトは避ける。
ユーザーの注意を散漫にさせ、コンバージョン達成に関連性の薄
い要素は極力省き、シンプルなレイアウトを意識する。
適切な余白を用いる。
テキスト、グラフィックがページを占める割合（密度）をコントロール
します。ユーザーは適度な量の余白があるのを好みます。
◆レイアウトガイドライン
左上のコーナーに重要な要素を配置する。
ページに訪れて最初に見るエリアは、左上のコーナーである場合
が多いため、このエリアに重要な要素を配置する。
要素の重要度のレベルを規定する。
重要な情報、必要な情報はみつけやすくし、ユーザーにとって最
も使いやすい順序で情報を配置する。
テキスト１行の長さを適切にする。
長文を読ませる必要がある場合は、１行の長さを３５文字～５０
文字調整。ページの利便性を重要視するなら、２５文字程度にす
る。
10
本書の全部または一部の無断転載を禁じます。

11. 2-2.クリエイティブガイドライン【テキスト】
キャッチコピー⇒サマリー⇒メジャーポイント⇒詳細テキスト
文章は徹底的に簡潔にまとめる。
キャッチコピーはファーストビューにおさめ、重要な順番に表示。
ページ単体で内容が理解できるように、わかりやすさを重視する。
最低でも１２ポイント以上の大きさにする。
１２ポイント以下のフォントだと、テキストを読むスピードが遅くなる
ので、適切なフォントサイズを守ることが重要。
ビジュアルとテキストの意味合いを同期させる。
ビジュアルが与える印象と、テキストで明記する印象を同期させ、
ユーザーに意味合いをイメージで植えつけることが重要。
◆テキストガイドライン
画像下のキャプションは、よく読まれる場所なので重要。
ユーザーは１～２秒画像を見てから、その画像のキャプションを見
る傾向が強い。画像とキャプションにて訴求することが重要。
テキスト１行の長さ（横幅）を適切にする。
長文を読ませる必要がある場合は、１行の長さを３５文字～５０
文字に調整。ページの利便性を重視するなら２５文字程度にする。
黒色のテキストで、背景は無地でコントラストの高いもの。
背景が暗く、明るい色のテキストよりも、３２％もテキストを正確に
素早く読ませることができる。
11
本書の全部または一部の無断転載を禁じます。

12. 2-3.クリエイティブガイドライン【イメージ】
使う画像イメージの解釈に気をつける。
伝える情報・メッセージを
イメージで表現する。
使用するイメージは、ランディングページで『なにをどんなイメージ
で伝えたいのか』によって選択する。
メイン画像イメージ
メインイメージをファーストビューに配置することにより、御社ブラ
ンドをアピール・想起させる。
サブ画像の位置は、基本的に左に配置する。
ビジュアルが与える印象と、テキストで明記する印象を同期させ、
ユーザーに意味合いをイメージで植えつけることが重要。
◆イメージガイドライン
サブ画像の位置は、基本的に左に配置する。
画像の配置はレイアウトの印象も変化させる。Web上では基本的
に文字を読みやすくする為に、画像を左に配置する。
イメージの方向を利用してインパクトを与える。
人物写真の場合は、被写体の視線、しぐさによってイメージの方
向が出てくる。これを利用し、テキストを起きインパクトを与える。
http://www.a-ism.com/as_long03_y/
http://www.antiaging.vc/anyt_cl/
12
本書の全部または一部の無断転載を禁じます。

13. 2-4.クリエイティブガイドライン【コンバージョンフォーム】
ユーザーの入力負担を、可能な限り軽減させる。
コンバージョンのファーストステップは
ランディングページに組み込むと有効的。
自動住所入力/入力サポート機能を実装し、ユーザー作業を軽減させる。
基本的には、入力項目の多さとユーザーの離脱率は比例してしまうので、
最低限の取得項目に抑え、後に繋げることが重要。
サンプル入力例を記載しておく。
フリー入力スペースには、必ずサンプルとなる入力例を表示させ、入力
間違えを減らし、円滑な入力アクションを促す。
自動的にカーソルを移動させる。
入力に対してユーザビリティを高めるため、カーソルの移動にマウスを使
わず、キーボードのみで入力可能な仕様にする。
入力必須項目/任意入力項目はわかりやすく明記する。
◆コンバージョンフォーム
何が入力必須で、何が入力任意項目なのかわかりやすくしておく。
Submit
誤解の可能性がある表現は避ける。
ユーザーに何をどのように記入して欲しいかを明確に示す為、誤解のあ
る表現は避ける。例）【収入】＝年収?月収?
エラー検知は、自動的に行うようにしておく。
入力ミス、記入漏れがあった場合、どこにミス/漏れがあり、それに対し
てはどのような解決方法があるかを自動的に示す。
入力ページに対して、進んでも戻ってもデータは残す。
SSL暗号化対応を明記する。
13
本書の全部または一部の無断転載を禁じます。

14. 2-5.クリエイティブガイドライン【コンバージョンボタン】
リンクは「テキスト」か「ボタン」か？
申込ボタンのクリエイティブは
コンバージョン率に影響する要素の１つ。
ユーザーは「テキスト≒ページ遷移」、「ボタン≒機能実行」と捉えているこ
とを前提に、目的によって使い分ける必要がある。
ファーストビュー範囲に目立つデザインで用意する。
アクションボタンには立体的なグラフィックと、目を引く「赤」などの暖色
を採用し、ページの要素の中でも目立つデザインにする。
長いランディングページならボタンを散りばめる。
ファーストビュー範囲で反応せず、ページ内の多くの情報に触れたい
ユーザーを漏れ無く獲得するために、ボタンは随所にちりばめておく。
◆コンバージョンボタン
コンバージョン・ステップを記載する。
GO
申込にかかる時間/ステップを記載することによって、ユーザーの心理
的ハードルを低減する。「４５秒カンタン入力へ進む」など。
具体的な行動を示すコピーを用いる。
「申込はこちら」などの曖昧な表現は避け、何の申込なのかが明確にわ
かるような行動を示すコピーを用いる。
「無料」なのか「有料」なのかを明記する。
ユーザーは無料か有料かに関して敏感なことが多く、心理的なハードルを下げ
るためにも、分かりやすく明記する。
コントラスト効果を有効活用する。
相対的に物事を捉えがちな人間の認知特性を利用する。「問合わせ」「資料請
求」を並列に設置すると、比較的、簡単に見える資料請求」のクリックが促進
される。
14
本書の全部または一部の無断転載を禁じます。