・メイン・ベース・コンバージョンカラーの3色を中心とした配色にする
「メインカラー」「ベースカラー」「コンバージョンカラー」の3色程度に絞り、視認性を向上させる
・業種にあわせたイメージカラーを採用する
業種や商品タイプにあわせたイメージカラーを採用する
・フォントのスタイルや太さを調整し、重要な情報を目立たせる
・LPでは読みやすさやメリハリをもたせる
・スマホでの見え方も意識する
・余白を活かして情報を見やすく整理する
・情報の詰め込みすぎは、もっとも伝えたいメッセージが伝わりにくくなる要因
・余白の取り方でユーザーの視線を誘導する
・上下のスペースを広めにとり、コンテンツを複数の段落の形で配置することで、ユーザーの視線を左上から右下に自然に導くことができます。
・無駄な余白は減らす
・LPではスクロールを促進することが大切です。余白と情報のバランスに注意し、情報を簡潔かつ分かりやすくまとめ、全体のバランスを調整して過剰な余白は避ける
・画像・イラスト・動画を活用し、情報を効果的に伝える
・グラフや図形で分かりやすくする
・比較表を挿入する場合は、強調して違いを分かりやすくする
ただし、過剰な表現は下記の薬機法に触れる恐れもあるため、注意が必要です。
・CTAボタンの色は目を引きやすく、クリックを促すデザイン配色にする
配色の見出しでもお伝えした「コンバージョンカラー」を使用し、際立たせましょう。ボタンの色を単体で選ぶのではなく、全体のLPデザインとの調和を考えることが重要です。ユーザーが注目しやすく、クリックしやすい色・形を目指しましょう。
・ファーストビューには必ずCTAボタンを設置する
・ボタンの大きさや、マウスや指からの距離を考慮する
CTAボタンを操作しやすいディスプレイの四隅に配置する方法が一般的です
・ボタンのテキストやコピーを工夫する
「ここをクリック」や「メール送信」といった曖昧な言葉ではなく、具体的なアクションを示すコピーにすることがポイントです。クリックによって次に何が起きるかを明確に伝え、安心感を与えてコンバージョンを促しましょう。
・シンプルで使いやすいフォームを設計する
・フォームの必須・任意の項目を明確に区別できるようにする