売れるLPのファーストビューとは?最初の3秒で離脱させない作り方

記事
デザイン・イラスト
こんにちは、Studio特化のLP制作専門デザイナーHirotoです。
今日はクライアント様とデザインと写真の商談してきました。同じ地域に住んでいるもの同士仲良くやっていけたら嬉しいです。
さて今日はLPのファーストビューについて書いていきます。

「LPを作ったのにすぐ離脱されてしまう」という方に向けて、LP制作で最も重要なファーストビューの作り方をわかりやすく解説します。

1.ファーストビューとは?

ファーストビューとは、ページを開いたときにスクロールせずに最初に見える画面のことです。
訪問者はページを開いた瞬間の3秒以内に「このページを読み続けるかどうか」を無意識に判断しています。つまりファーストビューはLPの中で最も重要な部分と言っても過言ではありません。
fv.jpeg

2.なぜファーストビューが重要なのか

数字で見るとその重要性がよくわかります。
訪問者の多くはファーストビューだけ見てページを閉じてしまいます。せっかく広告費をかけて集客しても、ファーストビューで離脱されてしまっては意味がありません。
逆にファーストビューで「自分のことだ」と感じてもらえれば、そのままスクロールして読み進めてもらえます。

3.売れるファーストビューに必要な3つの要素

three.jpeg

要素1:キャッチコピー
キャッチコピーはファーストビューの中で最も重要な要素です。

良いキャッチコピーには2つの条件があります。
1つ目はターゲットが「自分のことだ」と感じること。「産後太りに悩む30代のママへ」のように、ターゲットを明確にした言葉を入れることで刺さるキャッチコピーになります。
2つ目はベネフィットが伝わること。「〇〇ができるようになる」「〇〇が解決できる」という未来のイメージが伝わるキャッチコピーが効果的です。

要素2:メインビジュアル
メインビジュアルはキャッチコピーの世界観を視覚的に伝える役割があります。
おすすめはサービスを利用した後の理想の状態を表した画像です。たとえばダイエットサービスなら「スリムになって自信に満ちた女性の写真」のように、訪問者が「こうなりたい」と感じる画像を選びましょう。

要素3:CTAボタン
ファーストビューには必ずCTAボタンを入れましょう。
「お問い合わせはこちら」より「まず無料で相談する」のように、ハードルが低く次の行動が具体的にイメージできる言葉にすることがポイントです。
ボタンの色はページの中で一番目立つ色にして、すぐに目に入るようにしましょう。

4.ファーストビューのNG例

最後によくある失敗を3つ紹介します。
1つ目はキャッチコピーが会社名やサービス名だけになっていること。訪問者は会社名より「自分にどんなメリットがあるか」を知りたいです。

2つ目は情報を詰め込みすぎること。ファーストビューはシンプルが正解です。キャッチコピー・ビジュアル・ボタンの3つに絞りましょう。

3つ目はスマホで確認していないこと。今はスマホでLPを見る人がほとんどです。必ずスマホ表示でファーストビューを確認しましょう。

5.まとめ

売れるLPのファーストビューに必要な3つの要素はこちらです。
ターゲットに刺さるキャッチコピー
理想の状態を表したメインビジュアル
ハードルの低いCTAボタン

この3つを意識するだけでファーストビューの質が大きく変わります。

最後に
「ファーストビューから作り直したい」「新しくLPを作りたい」という方は、お気軽にご相談ください。
ヒアリングから丁寧にサポートします。
まずはメッセージからどうぞ。

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら