売れるLPOとは?有名店のLPO事例を考察してみた

CXBOTTLE編集部
233

CV達成に必要なLPOのデザインのコツをご紹介

ランディングページを改善するための要素はとにかく多く、絶対的な正しさが存在しないのがLPOの難しいところです。しかし、LPのデザインに関していえばほんの少し手を加えるだけでコンバージョン率が大きく伸びることもあります。

そこで今回は、LPのレイアウトにおけるノウハウをご紹介します!

おさらい!CVRの目安ってどんな感じ?

CVRが「達成している!」といえる目安は業界によってバラバラというところも難儀です。それでも先人たちのおかげである程度の数値は見えているので、ここでおさらいしておきましょう。

指名キーワード(会社のサービス名・プロダクト名)からの流入:10%
一般ワード(一般用語)における流入:1%
ECサイトで商品を購入する場合:2〜3%

「ファーストビュー」を改善してレイアウトを良くしよう

ファーストビューとは、ユーザーがランディングページにアクセスした際に最初に目に入る部分です。このファーストビューがLPの印象を大きく決定づけたりする、実はとても重要な部分といえます。まずはこのファーストビューから改善していきましょう!

何のLPか3秒で分かるようにする

LPでは、ファーストビューからの直帰率は、70%ともされています。それくらい、LPにとってファーストビューのレイアウトは死活問題なわけです。就活のとき、「人は第一印象が重要!」とさんざん言われなかったでしょうか?

これと同じことがLPにも当てはまります。Webマーケティング界隈では「ファーストビューを制する者はLPを制す」といわれているほど極めて重要な要素です。

シンプルですぐ実行できる改善策は、「何のLPかを3秒で分かるようにする」というもの。LPのキモは「わかりやすさ」です。

したがって、NGなレイアウトでいうと、

ごちゃごちゃしているもの
キャッチコピーが的外れ(広告の訴求ポイントと合っていない、曖昧すぎる)
カラーリングが不適切(見にくいものは敬遠されます)

といったものが該当しますね。

Fの法則を利用しよう

Fの法則をご存知でしょうか?Webサイトを閲覧するユーザーの視線は、左上から右上に流れ、少し下がって右に流れるという、視線の流れがアルファベットの「F」に似ていることから名づけられた法則です。

このFの法則に基づくと、左上には一番目立たせたいもの(ロゴやキービジュアル、キャッチコピーなど)を盛り込んで、その下に本文を設置するとユーザーの視野にすっと入るレイアウトになります。

一方でこの法則を無視してレイアウトを組むと、ユーザーにとって無意識的なノイズになり、直帰の原因ともなるので注意です。

余白をうまく活用しよう

Appleのウェブサイトが余白の好例といわれています。

https://www.apple.com/

商品を売りたい気持ちが強くなるほど商品のよさをあますところなく伝えたくなるものですが、ポイントは<strong>「売りたいなら、削れ」</strong>です。サイトを開いたとき、画面いっぱいに画像とテキストが表示されたら一瞬でお腹いっぱいにならないでしょうか?

ユーザーの求めていない「特盛り」がユーザーを直帰させる原因になるのです。商品やサービス、プロダクトによってもたらされるベネフィットを簡潔かつ端的に述べ、それを引き立たせるのが十分な余白です。

腹八分目くらいの分量がユーザーにとってはちょうどよかったりします。

ファーストビューの一番下にボタンを設置しよう

「ユーザー目線」で考えてみてください。せっかく買う気で飛んできたのに、長いLPをスクロールして購入ボタンを探さなければならないとなると、ちょっと面倒だなと思いませんか?

購買意欲が初めから高いユーザーにとって、縦長のLPを下までスクロールしてボタンを発見させることはストレスにつながります。最悪の場合、せっかく買おうとしている気持ちを削ぐことにもなりかねません。

ファーストビューでの直帰率が70%ということも考慮すると、ファーストビューからCVに至る層を取りこぼさないようにボタンを設置しておくことは不可欠ともいえるでしょう。

矢印や人の顔を利用しよう

人間とは単純なもので、矢印があるとその方向に注意が向きやすくなります。(道路標識のデザインは伊達じゃないということですね)ベタではありますが、このような感じです。






[購入はこちら]

こうして矢印の向かう先にCVボタンを設置するとボタンが注目されやすくなります。また応用として、他者の視線の先にも注目が集まりやすかったりもします。一緒にご飯を食べている人が急に手を止めて壁の隅をじっと見つめたら、自分も注目すると思いませんか?

これは極端ですがそういうことです。注目させたいコンテンツに向けて人の顔を置くのも、滞在時間を高めたり、読んでもらいたいコンテンツを読んでもらうためには有効ですよ。

ボディはユーザーの納得感を高めるために存在します

ファーストビューが「心を鷲づかみにするインパクト勝負の部分」だとしたら、ボディ部分は、「なぜその商品がよいのかを納得させる『読ませる』部分」です。ターゲットとしたペルソナに共感しつつ、その商品を購入するメリットを伝えることになります。

ただしこちらも特盛りにならないよう、簡潔にまとめることを意識してください!PCで2行程度が望ましいです。

なお、どのくらい信頼性が高いのかを示すために数値データを示したり、「○○賞受賞!などの「紋章系」実績をあわせて入れておくことも有効です。またよくあるのが「お客様の声」「SNSの口コミ」の抜粋ですね。

ユーザーから怪しまれることなく、納得感を高めるストーリーの組み立てが重要になってきます。

クロージングではアクションボタンを目立たせよう

本当に効果があるの?と思われそうなほどシンプルな施策ですが、キャッチコピーやメインビジュアルの修正と同じくらい重要な要素のひとつです。

アクションボタンのデザインを変更する

これは、アクションボタンの大きさや色を変更したり、影をつけて立体感を出したりなどです。まず試したいのは、ボタンの横幅を広げてクリック(タップ)しやすくすることや、色を暖色にすることです。

これだけでCTRが向上する場合があり、CVR改善にも寄与します。(全体のトーンを気にするあまり、ボタンがサイトカラーに溶け込んでしまって目立たないということが、特にマーケティングを意識していない生粋のデザイナーのデザインには多くあるのです)

アクションボタンの文言を変更する

極端な例をあげると、LPの流れとして促したい行動が「商品を探す」であるにもかかわらず、「会員登録」になっているとユーザーは困惑してサイトを離れてしまいます。LPを量産しているとうっかり起こりやすいのであまりにCVRが低い場合はチェックしましょう。

また、「商品を購入」というアクションボタンの文言があったとして、これを言い切る形よりも「商品を購入する」の方がCVRが改善する傾向があります。更に追加すると「商品を購入してみる」といった口語体の方がより改善する場合もあります。

ただしこれは商材の特性にもよるので、いろいろと試してみるとよいでしょう。

アクションボタンの文言にサブ文言を追加する

こちらは意外と知られていないLPO施策です。例えば「商品を購入する」というアクションボタンの文言があったとして、これに加える補足の文言がサブ文言です。例えば「購入は1分で完了します」や「人気商品です」といった文言ですね。

これを施すことでアクションを後押しすることができるようになります。

希少性を高めて商品の購入意欲を促そう

ところで、心理学における「希少性の原理」をご存知でしょうか?人は、「今すぐ決断しなければ手に入らなくなってしまう物」に対して心を揺さぶられてしまいます。言葉にすると「今だけ限定●●個」や「特別セール終了まであと●●時間」というものですね。

みなさんも少なからず心当たりがあるのではないかと。こうして希少性を高めて「今すぐ買うべきメリット」を目立たせることで、購買意欲をぐんと高めることができるのです。ただしこうした煽りの演出は不信感を招くことにもつながりやすいので、「交換・返品無料」など、購入や購入後の不安を解消する案内をセットにすることで解消されます。

このフォローを忘れてしまう人が少なからずいるので、忘れずに加えてくださいね。

まとめ

今回はファーストビューのレイアウトやデザインに焦点を当てて、一手間でCVRを向上させるLPO施策をご紹介しました。ちなみに今回紹介した施策を行う際にはLPOツールによるA/Bテストを忘れず実施してくださいね!

LPOツールについては以下の記事で解説しています。

https://cxbottle.com/users/cxeditor01/CT6Gza9ytIuAS23ay1nD

LPOはシンプルながら奥の深い施策なので、ひとつずつ確実にマスターしていきましょう!

記事スコア: 233

CXBOTTLE編集部の他の記事も読む

  • Taskworldが持つ特徴8つとメリット4つ!料金プランや使い方も解説

    TaskworldについてTaskworldとはタスク管理ツールです。その特徴は充実した機能と、洗練され使いやすくデザインされたひとつひとつのツールの使い易さです。 機能性と使いやすさの2つを追求した、総合タスク管理、プロジェクト管理ツールとしてTaskwor 続きを読む

  • QuickSolutionの4つの特徴|7つの導入メリット・料金プランを紹介

    QuickSolutionとはQuickSolutionは、日本の産学官連携による共同研究によって開発された純国産の企業内検索ソフトです。QuickSolutionのコア・アルゴリズムは豊橋技術科学大学で開発され、その後、住友電工・住友電工情報システムが評価や 続きを読む

  • AdFlowとは?AdFlowの特徴7つに制作に必要な搭載機能7つを紹介

    AdFlowとは?AdFlowは、創業の2007年からインターネット広告を中心に10万本を超える広告クリエイティブを手掛けてきた株式会社クリエイターズマッチが、自社の業務を効率化するために開発した、制作現場から生まれたプロジェクト管理ツールです。アパレル・化粧 続きを読む

  • flouuの特徴と機能4つ|flouuの導入メリット4つや料金プランなど紹介

    flouuとはflouu(フロー)とは、プライズ株式会社が提供するオンラインナレッジ共有ツールです。テレワーク人口の増加にともない社員同士が対面する機会が減っています。そのため、どのような手段で情報の管理・共有をするのかは多くの企業が抱える共通の課題となってい 続きを読む

  • Brushupとは|Brushupの特徴5選や料金プラン4選など紹介

    BrushupとはBrushupとは、イラストや動画など作品の校正や受け渡しを工程管理も含めて1つにまとめられるツールです。Webサイトやドキュメント、広告や動画、イラスト、デザインなどにコメントや手描きでフィードバック可能です。必要なやり取りも同時に行え、効 続きを読む

  • Qastとは?Qastの特徴6つと特徴的な機能7選に料金プランを紹介

    Qastとは?Qastとは、Q&Aとメモを使って社内のナレッジを共有する、知恵袋のような情報共有ツールです。社内のわかりづらい作業やシステムなど、何度も同じ説明を繰り返すのは非効率的ですが、Qastを使えばいつでもQ&Aを見直せるので、何度も説 続きを読む

  • クラウドログの特徴7つを解説!利用料金や5つの導入事例も紹介

    クラウドログ(CrowdLog)とは?クラウドログとは、クラウドワークスが提供しているクラウド型プロジェクト管理サービスのことを指します。これは、同社が以前提供していた「イノピーエム」を全面リニューアルしたものです。働き方が目まぐるしく変化している現代において 続きを読む

  • Bizer teamとは?Bizer teamの特徴6つや料金プランを解説

    Bizer teamとは?「Bizer team」とは、チームの生産性を上げることを目的としたタスク管理ツールです。チェックリストによる業務フローの可視化と、メンバー全員による進捗状況の共有ができます。それによって仕事の解像度があがり、チームが協力しやすくなり 続きを読む

  • SAVVY/EWAPとは?SAVVY/EWAPの特徴6つや料金を解説

    SAVVY/EWAPとは?SAVVY/EWAP(サビー・イーワップ)はジップインフォブリッジ株式会社が2006年11月から販売している、全文検索エンジンと多観点ツリー搭載の情報検索システムです。同社がすでに展開している超高速全文検索エンジンSAVVYシリーズの 続きを読む

  • ZACの特徴9つ|料金プランやZACを活用しやすい業種5つも紹介

    ZACとは?プロジェクトの成否は、企業の業績を左右するキーファクターです。プロジェクトを成功させるためには適切なマネジメントが必要ですが、従来のアナログな手法ですべて行うには限界もあるでしょう。経費管理や販売管理など、企業の基幹業務を一括して効率よく管理する必 続きを読む

  • Quipが持つ特徴4つと料金プラン|メリットや使い方も解説!

    Quipとはどんなツール?Quipは、リアルタイムのデータ、組み込みの共同作業ができるツールになります。文書やスプレッドシート、チャットがうまく組み合わさっているというものです。文書、スプレッドシート、スライドの作業を共同で行い商談で活用できます。営業活動がこ 続きを読む

  • デスクトップで使えるToDoリストのおすすめツール12選|活用するメリット

    ToDoリストとは?ToDoリストとは、「やるべきこと」のリストです。やるべきことには、仕事だけでなく、「○を買う」といった日常の買い物のメモや、「○さんに電話」「メール送信」という細かい作業も含めることができます。ToDoリストを作る方法には、メモや手帳など 続きを読む

  • Excelでスケジュール管理をするメリット6つ|注意点やテンプレートも紹介

    スケジュール管理とは仕事をする上でとても重要となってくるのが、納期を遵守することです。そのためには個人だけでなくチームメンバー全体が、何をいつまでにやるか事前に決め行動する、すなわちスケジュールを把握、管理することが重要となってきます。ここでは個人、チームでタ 続きを読む

  • Remenber The Milkって何?特徴6選やおすすめの使い方を解説

    タスク管理ツール「Remember The Milk」とは?2005年にリリースされた「Remember The Milk」は、シンプルなタスク管理ツールで、起動スピードが速く、忙しい人に最適なTo Doアプリです。Windows版、Mac版のほか、Andro 続きを読む

  • ただのメモ帳でないEvernoteとは?仕事でのおすすめの活用方法7選

    Evernoteとは?皆さんはEvernoteという言葉を聞いたことがあるでしょうか。"Evernote"とは、ノートを取るようにテキストや画像、文書など大切なものを何でも記録しておくことができるツールです。パソコンやスマートフォン、タブレットなどあらゆる端末 続きを読む

  • Slackを活用してタスク管理!連携すると便利なタスク管理ツール7選

    Slackとは?Slackとは職場などでの新しいコミュニケーションツールの1つです。Slackはメールの様なお互いのやり取りだけでなく、会話やフォローが簡単でアイコンなどでコミュニケーションが取りやすく、通話やファイル共有、他のアプリ連携が可能です。また、グル 続きを読む

  • WBSとは?導入するべき理由5選や導入する際の注意点について解説

    WBSとは何か?WBSとは「Work Breakdown Structure」という言葉の略であり、「作業分解構成図」という意味になります。WBSという単語は、システム開発の時に使われることが多く、プロジェクトの計画を立てる時に作成します。今回は、このWBSを 続きを読む

  • タスク管理ツールを徹底比較!おすすめのタスク管理ツール15選

    タスク管理とは?タスク管理とは、仕事や学習目標などを達成するために必要な作業をブレークダウンした「タスク」の実行順序や進捗状況を管理することです。タスク管理は「ToDo管理」と呼ばれることもありますが、管理内容が異なります。タスク管理は、プロジェクトの管理にも 続きを読む

  • カンバン方式のタスク管理とは?得られる効果やおすすめアプリ・ツール6選を紹介

    カンバン方式とは何? カンバン方式は、トヨタ自動車が開発した生産管理の方法で「カンバン」と呼ばれる生産指示書により工程管理、在庫管理を行う方法です。複雑なシステムを使わずに在庫を最小にできます。ジャストインタイムと対で語られ、メンバーにわかりやすいようにタスク 続きを読む

  • Googleカレンダーをガントチャートのように使うには?連携できるツールも紹介

    Googleカレンダーとは何?Googleカレンダーというのは、Googleが提供している無料のオンラインカレンダーアプリです。GoogleカレンダーではGmailやドライブなど他のGoogleサービスと連携したり、グループでスケジュールを管理したりできます。 続きを読む