LPデザインのコツ16選

  • 「メインカラー」「ベースカラー」「コンバージョンカラー」の3色程度に絞り、視認性を向上させる
  • 業種や商品タイプにあわせたイメージカラーを採用する
  • フォントのスタイルや太さを調整し、重要な情報を目立たせる
  • LPでは読みやすさやメリハリをもたせる
  • スマホでの見え方も意識する
  • 余白を活かして情報を見やすく整理する
  • 情報の詰め込みすぎは、もっとも伝えたいメッセージが伝わりにくくなる要因
  • 余白の取り方でユーザーの視線を誘導する(上下のスペースを広めにとり、コンテンツを複数の段落の形で配置することで、ユーザーの視線を左上から右下に自然に導くことができます。)
  • 無駄な余白は減らす

きほんをしっかりおさえていますか?

  • 「メインカラー」「ベースカラー」「コンバージョンカラー」の3色程度に絞り、視認性を向上させる
  • 業種や商品タイプにあわせたイメージカラーを採用する
  • フォントのスタイルや太さを調整し、重要な情報を目立たせる
  • LPでは読みやすさやメリハリをもたせる
  • スマホでの見え方も意識する
  • 余白を活かして情報を見やすく整理する
  • 情報の詰め込みすぎは、もっとも伝えたいメッセージが伝わりにくくなる要因
  • 余白の取り方でユーザーの視線を誘導する(上下のスペースを広めにとり、コンテンツを複数の段落の形で配置することで、ユーザーの視線を左上から右下に自然に導くことができます。)
  • 無駄な余白は減らす

STEP

お問合せ

まずはお問い合わせフォームまたは電話にてご連絡ください。


STEP

ヒアリング

担当者よりご連絡させていただき、現状の確認やお客様の要望などをお伺いいたします。


STEP

ご提案・お見積り

ヒアリングした内容を元にお客様にベストなプランとお見積りをご提案させていただきます。


STEP

ご契約・発注

秘密保持契約など、発注に際して必要な契約をいたします。


STEP

サービスのご提供

ご提案させていただいた内容にて業務を実施いたします。


STEP

確認・納品

成果物に対して、ご確認いただきます。必要に応じて修正を行い、納品となります。


STEP

ご入金

納品月の末締めで請求書を発行させていただきますので、翌月末にてご入金願います。


小学校

  • 今井小学校
  • 今井小学校
  • 今井小学校
  • 今井小学校
  • 今井小学校
  • 今井小学校

中学校

  • 今井中学校
  • 今井中学校
  • 今井中学校
  • 今井中学校
  • 今井中学校
  • 今井中学校

住所〒000-0000
名古屋市中村区名駅1丁目 〇〇ビル2F
TEL000-0000-0000
営業時間
平日
11:30~17:30

土曜・祝日・学校休み
10:30~16:30
定休日毎月 第1水曜日
座席数15席 (4名テーブル1席 / 2名テーブル3席 / カウンター5席)
支払い方法「支払いの優先順位」とは、PayPayアプリのTOP画面から
「PayPay残高」や「PayPayクレジット」「クレジットカード」から
支払い方法の優先順位を簡単に設定することができる機能です。
優先度を最も高く設定した支払い方法は決済で優先されます。
優先順位はドラッグ操作で簡単に変更することができます。
また、優先順位を高く設定した支払い方法で決済が出来なかった場合、
次に優先順位の高い支払い方法に自動で切り替わり、支払いを行うことができます。
アクセス名古屋駅 (JR / 地下鉄 / 名鉄) 徒歩10分

きほんをしっかりおさえていますか?
  • 「メインカラー」「ベースカラー」「コンバージョンカラー」の3色程度に絞り、視認性を向上させる
  • 業種や商品タイプにあわせたイメージカラーを採用する
  • フォントのスタイルや太さを調整し、重要な情報を目立たせる
  • LPでは読みやすさやメリハリをもたせる
  • スマホでの見え方も意識する
  • 余白を活かして情報を見やすく整理する
  • 情報の詰め込みすぎは、もっとも伝えたいメッセージが伝わりにくくなる要因
  • 余白の取り方でユーザーの視線を誘導する(上下のスペースを広めにとり、コンテンツを複数の段落の形で配置することで、ユーザーの視線を左上から右下に自然に導くことができます。)
  • 無駄な余白は減らす

きほんをしっかりおさえていますか?
  • 「メインカラー」「ベースカラー」「コンバージョンカラー」の3色程度に絞り、視認性を向上させる
  • 業種や商品タイプにあわせたイメージカラーを採用する
  • フォントのスタイルや太さを調整し、重要な情報を目立たせる
  • LPでは読みやすさやメリハリをもたせる
  • スマホでの見え方も意識する
  • 余白を活かして情報を見やすく整理する
  • 情報の詰め込みすぎは、もっとも伝えたいメッセージが伝わりにくくなる要因
  • 余白の取り方でユーザーの視線を誘導する(上下のスペースを広めにとり、コンテンツを複数の段落の形で配置することで、ユーザーの視線を左上から右下に自然に導くことができます。)
  • 無駄な余白は減らす

きほんをしっかりおさえていますか?
  • 「メインカラー」「ベースカラー」「コンバージョンカラー」の3色程度に絞り、視認性を向上させる
  • 業種や商品タイプにあわせたイメージカラーを採用する
  • フォントのスタイルや太さを調整し、重要な情報を目立たせる
  • LPでは読みやすさやメリハリをもたせる
  • スマホでの見え方も意識する
  • 余白を活かして情報を見やすく整理する
  • 情報の詰め込みすぎは、もっとも伝えたいメッセージが伝わりにくくなる要因
  • 余白の取り方でユーザーの視線を誘導する(上下のスペースを広めにとり、コンテンツを複数の段落の形で配置することで、ユーザーの視線を左上から右下に自然に導くことができます。)
  • 無駄な余白は減らす

LPデザインのコツ16選ランディングページ


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

奈良県 大和高田市 片塩町14
TEL : 0745-24-5555
FAX : 0745-24-5556

PAGE TOP