目指せ！訴求力の高いLPファーストビューデザイン

「あれ？せっかくランディングページ作ったのに、あまり売り上げが伸びない････」
とお悩みの方いらっしゃいませんか？
ファーストビューの出来で離脱率は減少します。
まだ遅くはありません、ファーストビューのデザインを改善してみませんか？

1.ファーストビューの役割

ファーストビューの役割を簡単におさらいしていきましょう。
サイトを開いたときにスクロールをせずに閲覧できる範囲をファーストビューといいます。
ページ下部へ読み進めるほどユーザーの離脱率が高くなります。
離脱を避けるためにはファーストビューのインパクトが大事になってきます。

ファーストビューの構成は上記の図のようにするのが一般的です。
ファーストビューで離脱することが多いのですが、少しでもユーザーにアクションを起こさせる為に、アクション導線（ボタン）を必ずファーストビュー内に置いてください。
ここに置くことで、すでに購入を考えているユーザーにはそのまま申込みをする場合もあるので、効果的です。

2.アクション導線（ボタン）のデザイン

ボタンはボタンであることが明確にわからなければなりません。
ボタンがクリック出来るものなのか分からないと、ユーザーが気づかない可能性があります。
グラデーション、影を付けて立体的に見せ、ボタンであることを明確にしましょう。
 
しかし、近年ではフラットデザインが流行っています。全体のデザイン方針に沿って決めましょう。

3.メインビジュアルはサービス内容を連想できるものにする

メインビジュアルで使用する画像で使用する画像はとっても重要です！
パッと見てサービス内容が分からなければ、ユーザーは興味をなくし離脱してしまいます。
 

上記の図を見比べて頂くと一目瞭然かと思います。
メインビジュアルで使用する画像は、サービス内容が一致しているものを使用しましょう。

4.実績などの権威付けは目立たせる

映画で『全米NO.1ヒット！』聞くと、「おっ、観てみようかな？」って思いませんか？
具体的な数字を提示すると、どれほど優れているのかイメージが付きやすいので効果的です。
『2ヶ月で-10kg』『人気ランキングNo.1』などよりアピールするために、月桂樹、王冠、メダル等を用いて目立たせましょう。

まとめ

現在のLPの改善するお役に立ちましたでしょうか？
パッと見て理解できるUIにすることで、コンバージョンUPが期待できるでしょう！
こちらの記事と合わせて、LP制作の関連記事をご参考にしていただくと良いと思います。
LP制作の関連記事

• 必見！LP(ランディングページ)制作前に知っておきたい最適な横幅のサイズは？
• ユーザーの心を掴め！LP制作に効果的な4つの構成とコツ

こちらの記事もよく読まれています

パーソナルトレーニング SPRINT様

SEO上位表示のための記事調整３ステップ

WordPressでDOCTYPE宣言とXML宣言を記述する方法

WEBユーザビリティとは？