
LP(ランディングページ)の効果を上げる色の選び方とは?色彩心理学に基づく制作術
LP(ランディングページ)の効果は十分に出ていますか? LPは購入や問い合わせに直結するページであり、Webマーケティングの肝となる存在です。継続的に売上げが上がるLPを作ることができれば、反響が増えて無駄なテレアポなどの営業をする必要がなくなり、今まで新規営業にかけていたコストをリピーター創出や新規事業立ち上げに回すことができます。
消費者に行動を起こしてもらうLPを作るためには、色選びがとても大切です。今回は色彩心理学に基づいて、人々がすぐに行動を起こしたくなる色の選び方を紹介します。LPの効果を上げる色を知り、売り上げをアップさせるLPを制作しましょう。
メインカラー・サブカラー・コンバージョンカラーの決め方
LP制作では、まずどんな情報をどこに配置するかを決め、その次に配色を決めます。色は全体のイメージを決め、さらには反響も大きく左右する重要な要素です。
色を使いすぎると迷走するので、3色程度に絞りましょう。その際に基準となる「メインカラー」「サブカラー」「CVカラー」の決め方を紹介します。
メインカラー
LPでは色味を統一させることが重要です。色の数が多いとごちゃごちゃした印象になり、読みにくいページになってしまいます。視認性を高めるためにも、なるべく色の数を絞って色味を統一し、すっきりした見た目にしましょう。
メインカラーはブランドを表現する色なので、商品や会社のイメージカラーにするのが一般的です。微妙に濃淡を変えたりせず、ぴったり同じ色にそろえてください。メインカラーが有色部分の7割を占めます。
サブカラー
有色部分の2割を占めるサブカラーは全体にアクセントを添える色で、メインカラーを引き立てながら、LP全体にメリハリをつけます。メインカラーとのバランスを考えながらブランドイメージに近い印象を持つ色を選ぶのが大切です。
たとえば、落ち着いた印象を与えたいならダークカラーを、ポップで明るい印象を与えたいならビビッドなカラーを選ぶといいでしょう。ただし、メインカラーを邪魔しない色にしてください。メインカラーが赤ならピンクや紫にするなど、メインカラーの同系色にするのがおすすめです。
コンバージョンカラー (CTAカラー)
LPのゴールである購入ボタンや問い合わせボタンなど、得たい反応へと誘導するボタン「CTAボタン」などに使用するコンバージョンカラー(CTAカラー)におすすめなのは補色です。補色とは、色相環と呼ばれる色の関係において正反対に位置する色のこと。メインカラーを主軸としたランディングページの中で一番目立つ色になります。有色部分の1割を占めます。
たとえば、メインカラーが青であれば補色はオレンジ、メインカラーが緑であれば補色は赤です。わからなければ、色相環の図を見て選びましょう。一番目を引き注目されやすい補色であれば、パッと見た時にすぐにクリックできて機会損失を防げます。
▼成果の出るLPデザインのポイントを知りたい方はこちら

成果の出るLPデザインのポイント【チェックリスト・クリエイティブ例付き】
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「XXマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- リピーター
- リピーターとは、商品やサービスに愛着を持ち、繰り返し利用してくれるお客様のことです。 リピーターを獲得することは、ホームページを使って売上を上げるためにも重要な指標の一つと言えます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
おすすめ記事
関連ツール・サービス
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析・広告効果測定
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
●課題
●その他
