LPを開いて、スクロールせずに最初に見える画面をファーストビューと呼びます。ページの中で、ここがいちばん見られ、いちばん成果を左右する場所です。
理由はシンプルで、人はサイトを開いて数秒で「読むか、閉じるか」を決めているから。ここで「自分に関係ある」と思ってもらえなければ、どれだけ下に良いことを書いても、読まれる前に離脱されます。逆に言えば、ファーストビューが整うだけで、成果は大きく変わります。
ファーストビューに必ず入れる3つ
凝った演出よりも、まずこの3つが一目で伝わるかが大事です。
① 何のサービスで、誰のためか
訪れた人が最初に確かめるのは「これは自分に関係あるか？」です。何を提供しているサービスで、どんな人に向けたものかを、ぱっと分かる言葉で示します。おしゃれな写真やキャッチだけで「結局、何屋さんなの？」と思わせたら失敗です。
② 得られること（ベネフィット）
次に、それを使うと自分にどんな良いことがあるのかを伝えます。機能の説明ではなく、相手の「こうなりたい」に触れるのがコツです。「高機能なツール」より「〇〇の手間がなくなる」のほうが刺さります。
③ 次にとってほしい行動
そして、ここから何をすればいいかを示すボタン（CTA）を置きます。「無料相談する」「資料を受け取る」など。興味を持った瞬間にすぐ動けるよう、行動の入口をファーストビュー内に用意しておきます。
やってしまいがちな失敗
見た目だけで、何屋か分からない
大きな写真とおしゃれな一言だけ——見栄えは良いのに、サービス内容が伝わらないパターンです。デザインの美しさと、伝わりやすさは別物です。
情報を詰め込みすぎる
あれもこれもと詰め込むと、結局どれも印象に残りません。ファーストビューは「全部伝える」場所ではなく、「続きを読みたくさせる」場所です。要素は絞ります。
大事なボタンがスクロールしないと出てこない
キャッチや画像で埋まって、肝心の行動ボタンが下に押しやられているのもよくある失敗です。行動の入口は、最初の画面の中に見えている状態が理想です。
スマホでの見え方を最優先に
見落とされがちですが、多くの人はスマホで見ています。スマホのファーストビューは、パソコンよりずっと狭い。パソコンできれいに収まっていても、スマホだとキャッチだけで画面が埋まり、ボタンが見えないことがよくあります。
作ったら、必ずスマホの画面で「何屋か・良いこと・次の行動」が最初の一画面に収まっているかを確認しましょう。
なお、ファーストビューの下にどれだけの情報を続けるかは、商材によって変わります。全体の分量はLPはどれくらいの長さが正解？で解説しています。
まとめ
ファーストビューは、LPの成果を最も左右する場所です。①何のサービスで誰向けか ②得られること ③次の行動——この3つを、スクロールせずに、スマホでも一目で伝える。見た目の美しさより、まず「3秒で伝わるか」を基準に見直してみてください。
Sea Soundで制作するLPは、このファーストビュー設計を最も重視し、開いた瞬間に伝わる1枚に仕上げます。ご相談は無料相談から。