デザイン会社が発信するLP制作情報メディア

ランディングページのデザインが浮かばない時に見直したいポイント

2022.4.21
ランディングページのデザインが浮かばない時に見直したいポイント

見る人が最後まで読みたいと思えるように、ランディングページを制作する必要があります。ユーザーを惹きつけるために気を付けたいポイントは様々ありますが、「デザイン」は特に重要となります。

デザインが重要とは言っても、どのようにデザインすればよくなるのかわからない方も多いと思います。そこで以下をメインにデザインを見直すポイント、アイデアが思い浮かばないときの対処法をご紹介します。

・ランディングページにおけるデザインの重要性。

・デザインをする上での注意点やポイント。

・デザインが浮かばないときの対処法

目次

デザインの重要性

デザインの重要性

デザインはランディングページの印象やコンバージョンにも大きく関わってきます。

惹きつけるようなキャッチコピーを考え、ユーザーの手間が掛からないように最適化を行うことが大切です。

ユーザーにとって第一印象である「良い」「悪い」を判断する材料の1つになります。背景色や画像の使い方、配置の仕方など、少しでも違和感を覚えると離脱してしまう可能性もあります。

また、ユーザーが初めに目にするファーストビューへ気を配って下さい。

ファーストビューはユーザーの離脱率に影響する可能性が高い箇所となります。

どんな内容であればユーザーは興味を持ってくれるのか、ファーストビューのデザインは意識して制作するよう心がけて下さい。

ほかに、デザインは文章を引き立てる役割もあります。女性をターゲットにした美容ページは、ピンク系の背景色を使うことで好感度を上げ、画像を使うことでイメージを沸かせることができます。見やすく、イメージ通りのデザインに仕上げることで、文章がより目に留まりやすくなり、最後まで積極的に見てもらえやすくなります。

デザインの基本要素

デザインの基本要素

商品のイメージにあったランディングページのデザインを、すぐに思い浮かぶ方は少ないのはないでしょうか。作業をするなかで何度も改善を行い、納得のいくまで時間をかけて制作するものです。

今すぐに思い浮かばないからといって、焦る必要はありません。

まずは、ランディングページのデザインで必要とする主な要素を解説します。

カラー

フォント・背景色・オブジェクトカラーなど、様々な箇所で用いられます。

ランディングページでは、「メインカラー」「サブカラー」「コンバージョンカラー」が3つの戦略として重要視されています。

メインカラーはブランドカラーとも呼ばれ、ブランド・商品のイメージを伝える役割があります。

ビジネス関係なら真面目なイメージを与えるブルー、柔らかい雰囲気を出すならベージュなどを採用し全体の基調になるカラーを決めます。

サブカラーは、全体のデザインにメリハリをつける役割があります。

高級感、POPな印象、柔らかい雰囲気など、ランディングページの世界観に合う色を考えましょう。バランスを崩さないように、メインカラーと近い色味が望ましいでしょう。

コンバージョンカラーは、最終目的である購入や登録など、アクションを起こしてもらうための重要な役割があります。ボタンと分かること、またブランドのイメージを崩さない色味を選んで下さい。

フォント

文字の種類やサイズ、文字数などもデザインの1つです。

簡潔に伝えることがベストのため、文字数は少ない方がおすすめです。

商品の情報や伝えたいことが多いと、文章量が増えることもあるかもしれません。

そんな時は、文字の太さ・カラー・字間などを変更し、見栄えを整えて下さい。

画像フォントやデバイスフォントを差別化して、視認性を向上させる工夫もおすすめです。

画像

どの画像を使用するか選定し、サイズや色味、加工などをしていく作業になります。

画像を沢山使用する方が、見栄えもよくユーザーがイメージしやすいです。

読み込み速度が遅くならないように、画像の最適化を行うなど注意して下さい。

客観的な検証

このように、複数の要素を掛け合わせることで、全体のデザインのイメージを仕上げていきます。デザインはイメージだけでなく、ユーザーの視点に立つことも大切です。

「分かりやすいか」「イメージと合っているか」など客観的に見て、ようやく分かることも沢山あります。

・商品やサービス、ターゲットに合ったデザインか

・読みやすいか

・CVボタンの設置場所が分かりやすいか、操作しやすいか

・ページが重くないか

・簡潔で瞬発的に理解できるか

細かくチェックしていくことで、コンバージョン率向上に繋がることもあります。

完成した後も、随時確認を行うことで、より良いデザインに仕上げて下さい。

  • 安心できる引っ越し「CHINTAI安心パック」のLP制作実績
  • どこでも前髪用ミニアイロンのLP制作実績
  • サロン品質ヘアケア「オージュア トライアルキット」のLP制作実績
  • 遮熱+放射冷却素材「Radi-Cool-ラディクール」のLP制作実績
  • Miele キッチン製品体験会予約のLP制作実績

zoom_in画像クリックで拡大

制作費用はこちら

デザインが思い浮かばない時のヒント

デザインが思い浮かばない時のヒント

ファーストビューのデザイン

ランディングページの中で、ファーストビューのデザイン案の優先度が高いです。

単一ページで仕上げられているため、下までスクロールして読んでもらえるかのきっかけ部分になります。

キャッチコピーのデザインは、シンプルでダイレクトに伝わるように意識して下さい。

そのため、無駄な装飾はない方がおすすめ。

次に、画像の使い方です。商品やターゲットに合った画像を選定します。

女性向けなら、女性の画像を用いるなどユーザーがすぐにターゲットを誰にしているのか読み取れることが大切です。

その他に、過去の実績やお客様の声を目立たせるバッジなども、目立つ部分に配置しておくと、ユーザーの判断材料になります。

CVボタンのデザイン

最後までスクロールして読んでくれたユーザーに、購入・申込・登録などをしてもらうためのクリックボタン。ボタンの場所が分かりにくい場合や、デザインが地味だとクリックしてもらえない可能性があります。

ボタンと分かりやすい形状を選ぶこと、また背景色に合わせたカラーにすることがポイント。ランディングページで一般的に使われるボタンの形状は、角丸の長方形です。

目に付きやすく、クリックしやすいことが特徴。立体感やグラデーションを加えると、よりボタンらしいデザインに仕上げることができます。

カラーには、それぞれイメージがあります。例えば、赤は危険、緑は安心感を与えるなど、色彩によって違ってきます。また、白や黒、グレーなどのモノトーン色は目立ちにくいためボタンカラーには向いていません。イメージや視認性を考慮して、カラーを選ぶことが大切です。色味に決まりはないので、どのカラーを選択しても問題はありませんが、背景色と同一色ではないか注意して下さい。

入力フォームのデザイン

面倒な入力作業は、離脱の原因になります。CVボタンを押してもらっても、入力する部分が多いなど、ユーザーにとってマイナスな点が1つでもあれば、コンバージョン率を下げる可能性も。そうならないように、デザインの工夫と最適化は忘れないようにして下さい。

まず、入力フォームはできるだけ最小限なサイズに仕上げ、名と性を分けるなど、余分な分割は避けて下さい。また、記入例を表示させることや、「半角/全角」「任意/必須」などの情報も分かりやすく記載しておくことがおすすめ。

必要事項だけの入力、入力の順番など最適化も心掛けて下さい。

アイデア出しで幅広い視点をもつには?

デザインのアイデアを出すためには、幅広い視点を持つことが重要です。
既存の枠にとらわれず、自由な発想で、斬新なアイデアを生み出すには、以下の3つの思考法が有効です。

1: 逆転の発想

逆転の発想とは、物事の反対側から考えてみることです。
例えば、従来のデザインでは、ある特定のターゲット層を意識していたとします。
逆転の発想で、そのターゲット層とは全く異なる層を意識してデザインしてみると、今までとは全く異なる斬新なアイデアが生まれるかもしれません。

2: 視点変換

視点変換とは、物事を別の角度から見てみることです。
例えば、デザインのテーマが「健康」だったとします。
従来は、健康的な食生活や運動などをテーマにデザインしていました。
視点変換で、健康を「心の健康」という視点から考えてみると、今までとは異なるデザインが生まれるかもしれません。

3: 連結

連結とは、異なる要素を組み合わせることです。
例えば、デザインのテーマが「旅行」だったとします。
従来は、旅行の風景や観光地などをテーマにデザインしていました。
連結で、「旅行」と「音楽」を組み合わせ、「旅の音楽」をテーマにデザインしてみると、新しいアイデアが生まれるかもしれません。

アイデア出しで幅広い視点をもつには?

デザインのアイデアを出すためには、幅広い視点を持つことが重要です。
既存の枠にとらわれず、自由な発想で、斬新なアイデアを生み出すには、以下の3つの思考法が有効です。

他サイトのデザインを参考にする

「ランディングページ デザイン」、「LP 制作実績」などと検索すると出てくるでしょう。
実際のLPを見ることでユーザーの視点に立って考えられます。
どのようなLPサイトに惹かれるのか探してみましょう。

一から整理・調査してみる

通常の顧客の視点で検索してみましょう。
例えば、パソコン教室についてのLPを作る場合、「パソコン教室」「パソコンスクール」などと検索をかけて、出てきた実際のサイトを参考にしてみましょう。

中には、LPのデザインをまとめているサイトもあります。
こうしたサイトでは、色や業種、イメージなどで検索できるため、初めての業種のLPサイトを作る方やイメージや方向性が漠然と決まっている方はこの方法でさらにイメージを具体化していきましょう。

煮詰まったときは離れてみる

困ったときは一旦離れてみるのも有効です。
のめりこみすぎて、客観的にデザインを見れていなかったり、全体を俯瞰して見れていなかったりすることもあります。
その際は、一旦頭をクリアにしてデザインについて考えるのを止めましょう。
別のLPサイトのデザインに着手するのも良いでしょう。


違う情報を取り入れたり、情報を一度リセットすることで、手の止まっていたデザインも違った風に見えてくることでしょう。
新しいアイデアが浮かぶこともあるため、一旦デザインから距離を置くことは遠回りに見えて、実はかなり有効な方法なのです。
時間に余裕がある際は、ぜひとも試してみてほしい対処法です。

頭をリフレッシュする

デザインの仕事は、集中力と創造性を要する仕事です。
そのため、長時間同じ作業をしていると、頭が凝り固まってしまい、新しいアイデアが浮かびにくくなってしまうことがあります。
そんな時は、一度頭をリフレッシュすることが大切です。
具体的には、以下の方法を試してみてください。


・外に出る
頭が凝り固まっていると感じたら、一度外に出てぼーっと散歩する時間を取りましょう。
新鮮な空気を吸い込み、景色を眺めることで、気分転換になり、頭がクリアになっていくはずです。
また、街中に出ると看板や広告がたくさん目に入ってくるので、自然とインプットできます。


・1日置いてみる
考えが詰まってきた時、残業して頑張って終わらせようとするよりも、一旦帰って次の日に考え直したほうが良いアイディアが浮かぶことはよくあります。
これは、先程の外に出るとも似ていますが、いったん距離をとって俯瞰してみると、新たな気持ちで客観的に判断することができるようになるからです。


人間が1日のうちに集中できる時間は限られているので、残業してまで作業時間を増やすのは効率的ではありません。
無理せず余裕をもたせるのも、クリエイティブな思考を生み出すテクニックなのです。

睡眠をとる

睡眠不足は、集中力や創造力を低下させる原因になります。
質の高い睡眠をとることで、頭がスッキリし、新しいアイデアが生まれやすくなります。

気分転換をする

デザインの仕事に集中しすぎると、頭が疲れてしまい、新しいアイデアが浮かびにくくなってしまうことがあります。
適度な休憩を挟み、気分転換をすることで、再び集中力を高められます。
気分転換には、音楽を聴いたり、軽い運動をしたり、お茶を飲んだりなど、自分に合った方法を見つけて実践してみましょう。

やっぱりLP制作はプロに任せたい!まず制作事例を見る

デザインが思い浮かばないときは

1つ目の方法は、自分で検索して既存のLPを探すことです。

「ランディングページ デザイン」、「LP 制作実績」などと検索すると出てくるでしょう。
実際のLPを見ることでユーザーの視点に立って考えられます。
どのようなLPサイトに惹かれるのか探してみましょう。

2つ目の方法は、自分がこれから扱う商材について宣伝、広告しているLPを参考にすることです。

通常の顧客の視点で検索してみましょう。
例えば、パソコン教室についてのLPを作る場合、「パソコン教室」「パソコンスクール」などと検索をかけて、出てきた実際のサイトを参考にしてみましょう。


中には、LPのデザインをまとめているサイトもあります。
こうしたサイトでは、色や業種、イメージなどで検索できるため、初めての業種のLPサイトを作る方やイメージや方向性が漠然と決まっている方はこの方法でさらにイメージを具体化していきましょう。

LP のデザインに迷ったときは他サイトに学ぶ

初めてデザインを考える、デザインのイメージが浮かびにくい、という際は、たくさんのLPのデザインに触れることがおすすめです。
参考になるLPを見つければ、ゼロから要素から考えるよりも、LP全体像を把握しやすく、アイデアの一助となるかもしれません。
いろんなLPに出会い自分の頭の中にストックを作っておくことで、アイデアの引き出しを増やしておきましょう。

その際に見るべきポイントは以下の4つです。

・このLPのターゲットは誰か
・LPの目的
・目的のために、どのような内容を掲載しているか
・その内容をデザインによってどのように表現しているか

見るべきポイントを定めておくと、ただ漠然とLPを眺めるよりもぐっと制作者の意図や工夫に気付けるでしょう。


では、どのようにして他のLPを見つければよいのでしょうか。

1: アイデアの数を増やす

デザインのアイデアは、思いついたときにメモしておきましょう。
どんなにくだらないアイデアだと思っても、後から見返すと、思わぬヒントになることがあります。

2: 手を動かす回数を増やす

アイデアを形にするためには、手を動かすことが重要です。
実際にデザインを制作することで、新たな発見やアイデアが生まれ、より良いデザインにつながります。

3: 意見を聞く

周りの人にデザインを見てもらい、意見を聞くことで、自分のデザインの改善点に気づけます。
客観的な意見を取り入れることで、より良いデザインに仕上がります。

デザインの壁は「数」で乗り越える

デザインのアイデアは、量をこなすことで質を高められます。
デザイナーは、数多くのアイデアを出し、試行錯誤することで、より良いデザインを生み出しています。
以下では、デザインの壁を乗り越えるために、数をこなすことの重要性を3つの要素に分けて解説します。

まとめ

ランディングページのデザインは、ユーザーの視点になることが大切です。

何度も改善を繰り返し、納得のいくランディングページに仕上げて下さい。

まずは、ファーストビュー・CVボタン・入力フォームのデザインに集中して下さい。

ランディングページの要であり、コンバージョンを上げるか、上げないかの分かれ道になります。今回ご紹介したポイントを参考に、ぜひ効果的なデザインを見つけ出して下さい。

さらに、そもそもデザインが思い浮かばない、初めての顧客でイメージが湧きづらい方は、他サイトを参考にすると自分のアイデアの引き出しも増えます。
それでもなお、煮詰まったら、要素を一度紙に書き出したり、一旦離れて別のことをするのもよいでしょう。

まとめ
この記事を書いたライター
株式会社Ryuki Design
LP制作に特化したデザイン会社です(LP制作実績)。累計取引社数4,000社以上、累計5,000本以上(2025年は年間600本以上)のLPデザインを手掛けています。
完全内製体制を採用しており、構成作成からデザイン、コーディングまで一貫して対応可能です。各種サーバーへの設置をはじめ、自社ECサイト、楽天市場、Yahoo!ショッピングなどのECモールへの反映にも対応しています。
この記事の画像を作成したデザイナー
たつみんさん
所属:株式会社Ryuki Design / 部署:デザイン部
※デザイナー一覧

紙媒体のデザインからwebデザイン(LP制作・バナー制作)までオールマイティーにデザインが可能。
デザインだけではなく構成も得意なハイスペックデザイナー。毎回クオリティの高いデザインをクライアントに提供しています。

LP制作.jpへのお問い合わせはこちらから

お電話でも承ります
050-3541-5719

     
    LPアーカイブ