LPデザインの成功の秘訣｜売れるLPのデザイン特徴と例を徹底分析

LP（ランディングページ）は、サイトの訪問者が最初に訪れるページですので、そのデザインには多くの会社が悩み、改善を行っている領域です。

今回は「売れるLPデザイン」というテーマでLPのデザインについて考えてみましょう。

1.　売れるLPデザインの要素とは？

ユーザーエクスペリエンス（UX）を重視した設計

LPとは、ユーザーが広告やサイト名などをクリックしたときに最初に訪問するページを指します。

売れるLPデザインとは、有り体に言ってしまえば「WEBサイト上で販売している商品やサービスの売れ行きが良くなるLPデザイン」になります。
多くのLPには「ゴール」が設定されています。ゴールは、「商品購入」、「資料請求」、「お問い合わせ」などがあります。

LPは、ユーザーがスクロールをしながらページを見ていくなかで、最終的に「商品を買いたいな」、「もっと詳しくこの商品について知りたいな」などの態度変容をしてもらう役目があります。
そのためには、ユーザーがページを見ていく過程において、気持ちよく情報取得ができ、一方でストレスを感じさせないようにしなければなりません。

ユーザーエクスペリエンスに優れたLPデザインは、見た目だけでなく、サイトの操作性やコンテンツの流れなどを含め、サイト全体の使い勝手や利便性を考慮されてるため、ユーザーの満足度を引き上げることができます。

売れるLPを作るためには、こうしたユーザーエクスペリエンスについても配慮をする必要があります。

ストーリーを伝える画像とコピー

LPでは、画像とコピーを有効に使い、そのサービスの利用したときのポジティブなイメージを膨らませてもらうことが大切です。

特に、LPを開いて最初に目に入る「ファーストビュー」は重要です。
ファーストビューがうまくユーザーに響かなければ、ユーザーはそのままサイトを閉じてしまい、折角掴んだ接点を手放すことになってしまいます。

ファーストビューは、文字ばかりでもユーザーは興ざめしてしまいますし、画像だけだと言いたいことが十分に伝わりません。短いけれど明確に伝わるキャッチコピーと、それをより想像させる画像の2つを揃えることが肝心です。

CTAの最適な配置とデザイン

忘れてはいけないのが、「お問い合わせボタン」や「お申し込みボタン」です。コンバーション（CV）ボタンとやCTA（Call To Action）ボタンなどとも呼ばれます。

LPの目的は、このボタンを押させることだとも言えます。「どこにボタンがあるのかわからない」とならないよう、視認性を意識したサイズにしましょう。いきなりの申し込みはハードルが高いと思われる商品やサービスの場合は、「気になる方はコチラ」などアクションを起こしやすい言葉を選ぶなどするとよいでしょう。

ボタンの色や文章で、ユーザーが問い合わせや申込みをしてくれる率が大きく変わると言われます。「これが絶対に良い」「すべてのLPで使える」というような万能のボタンデザインは残念ながらありません。実際のLP運用では、ABテストなどをはさみつつ、もっともユーザーが申込みやすいボタンを模索することになります。

また、CTAボタンの配置箇所についても文脈の流れに合わせる必要があります。
LPの構成は、「アイキャッチ（ファーストビュー）→ユーザーの課題への共感（あるある課題）→課題解決のポイント→商品・サービスのメリット・特徴→メリットを裏付ける根拠（お客様の声やデータなど）→料金→キャンペーン案内」などと続くケースが多いです。
ユーザーが興味を持ったり、納得するポイントで、CTAが配置されていることが大切です。
また、LPの構成展開だけに限らず、ユーザーが欲しいと思うタイミングで行動ができるよう、常にCTAを押せる状態のレイアウトを取るというのも1つの方法です。

効果的なLP制作についてお悩みの場合は、リカイゼンにお任せください！
リカイゼンでは、熟練のマッチングスタッフが、希望条件に応じて適した方法、また対応可能な制作会社候補を選定し、無料紹介いたします。
まずはご相談からでもお気軽にご連絡ください。

2.　【業界別】売れるLPデザインの特徴と例

売れるLPデザインは、商品やサービスの方向性によっても大きく異なります。
そのため、どのようなLPデザインが良いか迷う場合は、同業種のLPデザインを参考にするとよいでしょう。

ここでは「ビジネス」「採用」「ファッション・アパレル」「健康食品・サプリ」「住宅」の5つについて、各LPデザインの特徴を紹介します。

ビジネス系LPデザインの特徴

ビジネス系LPは、対象としているユーザーが企業の担当者になります。BtoBになるため、ユーザーに信頼感を与えるデザインがポイントです。

ビジネス系LPデザインの特徴は、以下の2点。

• シンプルかつ情報を的確に見せる
• 落ち着きのあるデザイン

＜ビジネス系LPデザインの例＞
● リカイゼン
● ビズリーチ（企業向け）

採用系LPデザインの特徴

採用系LPは、競合が非常に多くなります。よって、いかに途中離脱を防ぐかがポイントです。

• 「あなたに向く仕事は？」「転職力診断テスト」などの診断機能を作る
• アニメーション効果をつけて興味喚起を促す

＜採用系LPデザインの例＞
● LITALICOの新卒採用ページ
● グリーン・楠公タクシー（シニア運転手募集）

ファッション・アパレル系LPデザインの特徴

ファッション・アパレル系LPでは、「購入」がCVポイントになっているケースが多くなります。というのも、LPを見ているユーザーが購入の意思決定をする立場にあるからです。

また価格帯としても「もう少し検討しよう」というより、欲しいと思ったときにすぐ買えるものが多いため、LPも「購入」まで意識させる作りになっているのが特徴です。

• 写真を多く使い、商品理解を深めるような構成になっている
• クーポンや送料無料などのキャンペーンを実施してCVあっせんを行うことが多い

＜ファッション・アパレル系LPの例＞
● 組曲
● エンジェルカラー（カラーコンタクト）

健康食品・サプリ系LPデザインの特徴

健康食品・サプリ系もBtoCになるため、「購入」を意識してユーザーの感情に訴えるものが多くなります。

また漫画コンテンツを作成して、商品の特徴や使用の流れなどをストーリー仕立てでわかりやすく表現するデザインがトレンドです。

• 一般的に鮮やかな色を使い、キャンペーン告知などでボタンの装飾を派手にするものが多い
• その一方で、スタイリッシュかつシンプルに情報を伝えて差別化を図るタイプもある

＜健康食品・サプリ系LPの例＞
● ハウスウェルネスフーズ
● キリン

住宅系LPデザインの特徴

住宅系LPの場合、注文住宅やリノベーション、賃貸住宅の仲介、マンション販売など業態と顧客層はさまざまです。しかし、いずれもダイレクトに「購入」されるものではなく、「資料請求」や「内見予約」などがCVポイントになります。

• ファーストビューに写真を使用し、印象付けを行っているものが多い
• 最近ではページ内に360度内見できるコンテンツを置いているものもある

＜住宅系LPの例＞
● konoka（住友林業）
● ノイエ（積水ハウス）

業界的特徴を捉えたLP制作をお考えの場合は、リカイゼンにお任せください！
リカイゼンでは、熟練のマッチングスタッフが、希望条件に応じて適した方法、また対応可能な制作会社候補を選定し、無料紹介いたします。
まずはご相談からでもお気軽にご連絡ください。

▼ご自身で企業を探したいという方はこちら▼
LP制作実績のある企業一覧から会社を探す

3.　LPデザインの最新トレンド

WEBデザインと同様に、LPデザインにもトレンドがあります。よって以下のようなLPデザインを集めたサイトも参考に、最新のトレンドを押さえておくことも大切です。

● LP advance
● LPアーカイブ
● WebDesignCrip

ここでは、上記サイトを参考に2021年のLPデザインのトレンドを紹介します。

アニメーション

少し前から人気が出てきたアニメーションを使ったLPデザインは、今もトレンドの1つです。
背景と前景の動きを分離して視差を作るシンプルなパララックス・アニメーションはもちろんのこと、ほとんど動画に近いような表現も多くなっています。

例えば、以下のサイトではパラパラ漫画のようなアニメーションが使われています。
● 無限エビ（スナック菓子）
● MATCH（飲料食品）

パララックスの魅力は、サイトデザインに奥行きを持たせることで世界観を演出し、よりユーザーに商品やサービスの魅力を伝えられること。またファーストビューからアニメーションを使うと、ユーザーの興味を捉えやすいというメリットもあります。

ただし、アニメーション効果を使ったLPは、スマートフォンにやや不向きな点に注意が必要です。複雑な動きをつけるほど重くなりやすいため、スマートフォンユーザーをメインターゲットにするLPの場合は、モバイルファーストとのバランスが重要です。

スクロールエフェクト

スクロールに応じて画面が動くようなスクロールエフェクトも人気です。具体的には、スクロールに応じてコンテンツが表示されたり、要素が動いたりするデザイン効果を指します。

以下のサイトが参考になります。
● フィットカットカーブ（文房具）
● アサヒ生ビール（飲料食品）

LPは縦長の1ページで作られることが多く、またファーストビューでひきつけた後は、下へとスクロールしつつ商品やの情報を出していく構成が一般的です。CVまでいかずに離脱されてしまってはLPの意味がありません。そこでスクロールエフェクトをつけると、クロールに対するユーザーの心理的負担を下げ、読み進んでもらいやすくなるわけです。

また、人間は本能的に動いているものに視線が向きます。「写真を見てほしい」「テキストを読んでほしい」といった場合も、少しエフェクトを付けると注目させやすくなるでしょう。

とはいえ、過度なスクロールエフェクトはポップすぎる印象を与えるもの。企業を対象としたビジネス系や、高齢者層をターゲットにしたLPの場合は、適度なスクロールエフェクトに留めたほうが無難です。競合を参考に、LPのターゲットに合わせて使い分けましょう。

オーガニックな配色

茶色や、少し灰色がかったアースカラーや、くすんだパステルカラーのようなオーガニックな配色がトレンドです。

例えば以下のようなサイトです。
● FASIO（コスメ）
● パイロット（文房具）

一時期流行ったビビッドな色合いや派手な配色は少なくなり、自然・緑・花などの写真やイラストを使った柔らかいイメージのLPが多く見られます。健康食品・サプリメント系のように強い色味の装飾が人気だったLPでも、落ち着いた配色を使ったものが増えてきています。

その理由としては、スマートフォンの普及や在宅ワークの促進などで、仕事でもプライベートでも一日中ディスプレイを見ている人が増えたことがあげられるでしょう。見ていて疲れる配色よりも、目に優しい配色が好まれるわけです。

もちろん、LPの配色は商品やブランドのイメージにもよりますし、CVボタンやキャッチコピーはきちんと目立たせる必要はあります。しかし、今のトレンドは落ち着いた配色という点は、覚えておくとよいかもしれません。

トレンドを押さえたLP制作をお考えの場合は、リカイゼンにお任せください！
リカイゼンでは、熟練のマッチングスタッフが、希望条件に応じて適した方法、また対応可能な制作会社候補を選定し、無料紹介いたします。
まずはご相談からでもお気軽にご連絡ください。

▼ご自身で企業を探したいという方はこちら▼
LP制作実績のある企業一覧から会社を探す

4.　LPデザイン成功の秘訣まとめ

ここまで、売れるLPデザインのポイントについて紹介しました。
改めて抑えておきたいポイントを確認しましょう。

一般的なWEBデザインと同じく、LPデザインは業種によって特徴があり、またトレンドもあります。

LPデザインで迷ったときは、まず同業他社のLPデザインを参考にしてみましょう。トレンドの表現を取り入れたいときは、プロに相談するのもおすすめです。