「なんかダサい…」そのLP、情報が多すぎてユーザーを疲れさせてませんか？

なんかダサい…」そのLP、情報が多すぎてユーザーを疲れさせてませんか？

「伝えたいことが多すぎて、LPがごちゃごちゃしてしまう…」

「頑張って作ったのに、なぜか素人っぽさが抜けない…」

「そもそも、私にはデザインセンスなんてないし…」

LPのデザインで、こんな風に悩んでいませんか？

もし、あなたが「デザイン＝生まれ持った才能」だと思っているなら、それは大きな誤解です！

実は、人の目を引くデザインには、誰でもマネできる

「ルール（鉄則）」が存在します。

料理に美味しいレシピがあるように、デザインにも

「こうすれば、もっと魅力的になる」という黄金のレシピがあるのです。

この記事では、専門知識がなくても、

明日からすぐに使えるLPデザインの「3つの鉄則」を世界一やさしく解説します。

これを読めば、もうデザインで悩むことはありません！

鉄則①：勝負は最初の3秒！「ファーストビュー」に魂を込める

🙎‍♀️新人Web担当A子

「ファーストビュー…？ あの、ページを開いて最初に表示される画面のことですよね？ やっぱり大事なんですか？」

👨‍🏫 ベテランマーケターBさん

「大事なんてもんじゃないよ！ LPの神様は、最初の『3秒』しかチャンスをくれないんだ。ここでユーザーの心を掴めなければ、悲しいけど、すぐに閉じられてしまうんだ。」

ユーザーは、驚くほどせっかちです。

ページを開いた瞬間の「パッと見の印象」で、続きを読むかどうかを無意識に判断しています。

この「最初の3秒」で「おっ、これは私のためのページかも！」と思わせるために、以下の3つの要素を必ず入れましょう。

誰のためのページか分かる「キャッチコピー」

→×「高機能な新商品が登場！」

→○「乾燥肌に悩む30代のための、うるおい美容液」

ハッピーな未来が想像できる「写真やイラスト」

→商品そのものの写真だけでなく、それを使った人が笑顔になっている写真など、ポジティブなイメージを伝える。

何をすればいいか分かる「お申し込みボタン（CTA）」

→「今すぐ無料で試す」「限定価格で購入する」など、ユーザーが思わずクリックしたくなる言葉と、目立つ色で配置する。

ファーストビューは、LPの顔であり、全てです。

あれもこれもと詰め込まず、「一番伝えたいこと」を一つだけ、ドカンと見せることを意識してください。

鉄則②：視線は「Z」と「F」で動く！ユーザーを迷子にさせない情報の置き方

🙎‍♀️ 新人Web担当A子

「伝えたい情報を、ただ上から順番に並べていました…。」

👨‍🏫 ベテランマーケターBさん

「それだと、一番見てほしい情報がスルーされてしまうかも！ 人間の視線には『クセ』があって、そのクセに合わせて情報を置いてあげると、格段に伝わりやすくなるんだよ。」

人がWebサイトを見るとき、視線は無意識に決まった動きをします。

パソコンの場合 → 「Z」の形（左上→右上→左下→右下）

スマホの場合 → 「F」の形（左上から右へ、そして下に視線を落とし、また左から右へ）

この動きを意識して、視線が止まりやすい「四隅」や「左側」に、特に重要な情報（キャッチコピー、写真、申し込みボタンなど）を配置するのがプロのテクニックです。

ただ情報を並べるのではなく、「ユーザーは今、どこを見ているかな？」と想像しながら配置するだけで、あなたのLPは驚くほど分かりやすくなります。

鉄則③：使う色は「3色」まで！ごちゃごちゃ感をなくす魔法のルール

<br>

🙎‍♀️ 新人Web担当A子

「目立たせたくて、ついつい色々な色を使ってしまいます…。赤とか黄色とか…。」

👨‍🏫 ベテランマーケターBさん

「その気持ち、すごく分かる！ でも、色が多いと逆効果。運動会の万国旗みたいになって、どこが一番大事なのか分からなくなってしまうんだ。プロっぽさを出すコツは『色を絞ること』なんだよ。」

デザインに統一感を出し、一気に「素人感」をなくす魔法のルール。

それが「使う色は3色まで」という鉄則です。

ベースカラー（全体の70%）

背景など、LPの大部分を占める色。白や薄いグレーなど、他の色を邪魔しない優しい色を選びましょう。

メインカラー（全体の25%）

そのLPの「テーマカラー」。会社のロゴや商品のイメージに合わせた、主役となる色です。

アクセントカラー（全体の5%）

最も目立たせたい色！「申し込みボタン」など、ユーザーに絶対クリックしてほしい場所だけに使いましょう。メインカラーの反対色を選ぶと、非常によく目立ちます。

この「70：25：5」の割合を守るだけで、LP全体に統一感が生まれ、どこを見ればいいかが一目瞭然になります。

デザインとは「センス」ではなく「思いやり」

LPのデザインは、決して自己満足のアートではありません。

今回ご紹介した3つの鉄則に共通するのは、「ユーザーがどう感じるか？」を徹底的に考える、相手への「思いやり」です。

【鉄則①】ファーストビューで、ユーザーの興味を一瞬で引いてあげる

【鉄則②】視線の動きに合わせて、情報を分かりやすく置いてあげる

【鉄則③】色を絞って、迷わずゴールまで導いてあげる

デザインセンスに自信がなくても大丈夫。

まずはこの3つの鉄則の中から一つでもいいので、次回のLP制作で試してみてください。

あなたの「思いやり」が、ユーザーの心を動かし、必ず成果となって返ってくるはずです。