CVエリアデザインのポイント。改善できればランディンページ(LP)は強くなる。




CVエリアはCTAも含めてランディングページを左右する重要な部分で、ユーザーが唯一アクションを起こし遷移できる部分だからまよわないように誘う構成がほどこされています。
代表的な構成だと、必ずといっていいほどファーストビュー直下にCVエリアが配置されています。

では、どのようなデザイン提案や改善方法が良いクリエイティブになるのかまとめていきます。

CVエリアとは

コンバージョンエリアの略。ランディングページの中で唯一商品購入ページ(カート)へ遷移するボタンを設置しているコンテンツで、私はスーパーのレジに並ぶ主婦みたいなものと思ってます。ランディンページ全体がスーパーの陳列全体みたいなイメージで、主婦が色々悩み商品を購入する(CVエリアに行ってボタンを押す)。そのような流れが似ているなと思うのです。

【関連記事】
ランディングページ(LP)の「売り場」! 訴求内容がまとまったCVエリアデザインについて

だから、「陳列棚の商品が全然減らないな。どうしてかな?特売に変更しよう!」とか変えてくかのようにCVエリアの商品画像や訴求テキスト案をデザイナーさんも考えておけば良いのかなと思います。

画像テストとキャッチテストはデザイナーも提案


デザイン面の変更ならなんでもこいって感じであれもこれも変更する提案は好ましくないのです。
ネット広告のテストは右か左かYESかNOです。多方面評価みたいな複雑性は結局を根拠にしてたらいのかが不明確になります。
商品画像なら商品パッケージのみか中身も掲載するか、訴求テキストなら季節要因の訴求を変えてみるとか、構成部分ならハイチ情報を入れ替えてみるとか、ピンポイントの変更の方が分かりやすいし伝えやすいと思います。

【関連記事】
良い構成のCVエリアのアイデアをいろいろと考察してみる

CTAとは

ボタンです。ユーザーに行動を起こしてもらう為に誘導することを指していて「call to action」と呼ばれます。
デザインするだけなら考えずに作れますが実際は「形」x「色」x「フォント」x「テキスト」x「装飾」と細かく変更できる要素が含まれているので修正しやすい構成やデザインストックをすぐ用意できる準備も必要です。

【関連記事】
CVボタンデザインって案外時間がかかる!だからまとめファイルを作成しよう

全ての要素は追々追記するとして、まず色から見ていきましょう。

CTAはボタンの色にまどわされてはいけない

CTAの提案で必ずといっていいほど出てくるのが緑色のボタン。某九州の会社が幾度もテストした結果たどり着いた結論で「とりあえずボタンは緑で!」なんてことはしょっちゅうあります。
たしかに目立つし話もはやいので使えばいいけど、デザインでボタンを改善するなら色問題は疑ってみてもいいのでは。
例えば、商品ブランドイメージである程度配色が決まってくるので緑色が使いにくいです。
ランディングページ(LP)のまとめサイトをひととおり確認してみてボタンの色はどの色が何割くらいしめているとか調べるのも良い方法と思います。

SNSボタンは全て緑色にできるか


ひねくれた考え方ですが、SNSボタンを並べてみてすべて緑色ボタンにして良いかとか疑問に持つのも面白いです。

緑色に合わないブランドカラーでも使うのか


デザイナーさんなら色彩は理論的に学んでいなくても感覚で分かっていると思いますが、合わせにくい配色は2つあります。

以上です。
CVエリアしか商品購入できないのがランディングページ(LP)の仕様みたいなものです。良い構成(獲得ができる構成)・デザインの根拠から提案までできればかなり凄腕のデザイナーさんになるのではと思います。

ランディングページ(LP)の「売り場」! 訴求内容がまとまったCVエリアデザインについて

2017.11.23

良い構成のCVエリアのアイデアをいろいろと考察してみる

2017.12.24

CVボタンデザインって案外時間がかかる!だからまとめファイルを作成しよう

2017.12.03

画像テストとキャッチテストはデザイナーも提案
テストはシンプルに
ボタンは「形」x「色」x「フォント」x「テキスト」x「装飾」と要素は複雑
色問題は提案できる知識を持っておく

この記事はここまで!

ここからはよく読まれる記事をまとめてご紹介します。
ひとあじ違うデザインノウハウに出会えるかもしれません。

【化粧品・コスメ】乾燥肌訴求のランディングページ(LP)デザイン5選

2018.09.23

【たった1問】遷移型アンケートページの構成とデザインを調べてみる

2018.09.01

【男性編】薄毛・育毛・増毛商材向けランディングページ(LP)デザインについてまとめてみた

2018.08.05

ランディングページ(LP)にエディトリアルデザインを取り入れる。ふきだし装飾編

2018.07.08

【年齢訴求別・5選】健康食品(ダイエット)のランディングページ(LP)ファーストビューとCVエリアデザイン

2018.06.17

CVエリアデザインのポイント。改善できればランディンページ(LP)は強くなる。

2018.05.27

電通グループが開発したAIのバナー自動生成ツールADVANCED CREATIVE MAKER β版のプレスで感じた事

2018.05.20

ランディングページ(LP)にエディトリアルデザインを取り入れる。マーカー編

2018.05.04

デザイナーとしてひと味違うランディングページ(LP)構成案の制作方法

2018.04.01

いつのまにか「Font Awesome」が新しくなってたので調べてみた

2018.03.11

動画ランディングページ(LP)効果改善への道は映像業界を理解する事からはじまる

2018.01.14


お気に入りの情報
が無かったでしょうか?
この記事の最後には、今までのデザイン情報やノウハウをレコメンド形式でご紹介しています。

お求めの記事に出会えますように。



スポンサード広告 by google