変換するランディングページをデザインする方法

「第一印象を与えるチャンスは二度とありません。」

人々にウェブサイトを訪問させることは重要ですが、企業が実際に望んでいるのはコンバージョンです。 言い換えれば、会社のユニークな価値提案に十分に興味を持っているかもしれない気まぐれな訪問者をつかんで、サインアップし、購読し、最新の状態を保ち、友人と共有し、そして忠実な顧客になることができます。

その場合、ランディングページのデザイナーの主な目標は、強い第一印象を与えることによってコンバージョン率の高いランディングページを作成することであり、それを行うのに7秒もかかりません。

変換するランディングページの訪問者エクスペリエンスを開発する場合、ランディングページの設計者は通常、一連の考慮事項に基づいてさまざまなアプローチを取ります。 彼らは、業界と市場の業種、オーディエンス、およびコンバージョンを封印するために必要な最小限の情報を慎重に考慮に入れる必要があります。

以下は、ランディングページのコンバージョン率を改善するための革新的で成功した戦略です。

1.あなたのケースを述べる

より良い生活を売る

企業は、さまざまなマーケティング活動を通じて人々に自分のWebサイトにアクセスするように説得します。 まず、独自の製品やサービスが潜在的なユーザーにどのように役立つかを説明します。 ピッチの最初の数行は、訪問者の問題に対する可能な解決策を引き出す感情的な和音を打つ必要があり、それは7秒未満で発生する必要があります。

たとえば、顧客ベースの規模や請負業者の数について話すのではなく、パーソナルヘルプとホスピタリティサービスのアルフレッドは、訪問者にサービスが自由な時間を取り戻すのにどのように役立つかを簡単に説明します。 適切な言葉は、提供物が彼らの生活をどのように改善できるかを想像するように見込み客を鼓舞します。 それは素晴らしい売りです。

投資スタートアップのBettermentには、見込み客に説得力のある事例を提示するランディングページがあります。 調和のとれた色、笑顔の人、説得力のあるコピー、独自の価値提案、明確な召喚状（CTA）はすべて、Bettermentが提供するものをすぐに理解するのに役立ちます。

証拠を提供する

ユーザーを変換する別の方法は、証言を強調することです。

ニール・パテルが説明するように、「あなたの顧客ほど良いコピーを書くことは不可能です。 なんで？ 良いコピーは、スタイルや内容だけでなく、ソースに依存するためです。 お客様の声は、お客様があなたの製品やサービスを使用した場合に何を体験するかを顧客に示すため、説得力があります。」

お客様の声は体験を売り込むのに役立ち、訪問者は可能性を簡単に内面化することができます。

訪問者の言語を話す

適切なオーディエンスに適切なムードを与えることも重要です。

ピッチの言語と視覚的デザインを、信頼感であろうと危険、形式的または親しみやすさ、ストイックな真面目さ、頬であろうと、サイト訪問者に伝えられる感情と一致させることが重要です。

顧客へのメッセージを調整します。 これは、2つのプライベートジェットサービスの言語と画像の比較です。

NetJetsは、贅沢と独占性に関心のあるビジネスマンを対象としています。これは、一般的にプライベートな空の旅のアイデアに関連する感情です。 一方、VistaJetは健康な家族に焦点を当てており、彼らの生活に完全に自然にフィットしているように聞こえます。 同社の製品は、特定のペルソナに合ったコア顧客を引き付けようとしています。 したがって、ランディングページのデザインは、そのターゲット市場の感性、特定のニーズ、および価値を物語るムードとスタイルを伝えます。

2.行動を起こしてリードする

人々の問題をすぐに解決する

デザイナーは、なぜ人々がサイトにアクセスしているのかを自問する必要があります。 訪問者からのコミットメントを促進することは、オファリングの主要なアクションに焦点を当てることです。

Airbnbのランディングページは、ヘッドライナーのピッチとその下のフォームの両方で、Airbnbの内容をすぐに伝えます。

デザイナーはAirbnbのサービスの本質に焦点を合わせ、人々がコミットメントをエスカレートする行動をすぐに開始できるようにしました。

彼らが旅行の計画を立て、選択肢を模索し始めたら、彼らは時間と感情を費やしました。 人々がリストを予約するかウィッシュリストに保存することを決定した後にのみ、アカウントにサインアップするように求められることに注意することが重要です。

このデザインは、人々が希望するアクションを完了するのに同時に役立ちます（予約することに専念している場合）、または「作業を保存する」という欲求を刺激することができます（オプションを検討している場合）。

TaskRabbitも同じことをします。 訪問者に「サインアップ」を求める主要なCTAの代わりに、彼らは人々が求めているものの核心に到達します。それは「家の周りを助ける」ことです。

まず、TaskRabbitはメッセージで感情的な和音を打ち、次に人々に助けが必要なことを尋ねる入力フィールドを提示します。 質問を読むだけで、人々はどのように助けられたいかを考えるように促され、特定のニーズを述べることによって探求するように促されます。 これは即時の関与です。

3.彼らに拒否できない申し出をする

割引を提供する

ランディングページが提供するものは、訪問者に恩恵をもたらす可能性があります。問題は、他の何百万もの企業がすでに顧客の注意を求めて争っているということです。

メールアドレスを共有することは、一部の人にとってはデリケートな問題になる可能性があるため、ランディングページの設計者はそれをしばらくの間価値のあるものにする必要があります。 これが、多くの企業が買い物客にメールアドレスを渡すためだけに魅力的な取引を提供している理由です。

割引、無料トライアル、送料無料、またはその他の魅力的な景品を提供すると、サインアップが促進されます。

ブルックリネンを例にとってみましょう。 それは訪問者に彼らの最初の購入で送料無料を提供します。 サインアップせずにサイトにアクセスするには、「いいえ、送料を支払いたい」というボタンを選択する必要があります。 そして、誰が送料を支払いたいですか？

有意義な方法で訪問者に通知し、教育する

電子メールアドレスを収集する別の方法は、電子メールアドレスと引き換えにeBookなどの無料コンテンツを提供することです。

UXPinは、さまざまなトピックに関する有益な電子書籍で知られています。 彼らは顧客の電子メールアドレスといくつかの情報と引き換えにそれらを配ります。 訪問者は貴重な情報を求めているので、それを入手するために自分の電子メールアドレスを提供してもかまいません。

その後、UXPinは、他の魅力的なオファーをフォローアップするために、新しいサブスクライバーに電子メールを送信できます。

4.摩擦を減らします

Webフォームをシンプルに保つ

多くの考慮事項により、サインアップフォームが作成または中断される可能性があります。 摩擦を避けることはそれらの1つです。

摩擦とは、人々の進路を妨げ、混乱を引き起こし、あまりにも多くの認知的作業を必要とするものです。 設計はエラーが発生しやすい場合もあります。 最良のフォームには、役立つメッセージと明確なラベルが含まれており、人々が情報をすばやく簡単に消化できるようにします。

人々は定期的にインライン検証でフォーマットエラーを起こします。 プロセスを可能な限り単純にするのは設計者の仕事です。 人々が追加の入力フィールドで自分の電子メールとパスワードを確認することは重要ですか？ マスクされたパスワードを表示するオプションをユーザーに提供することをお勧めします。

Instapaperのサインアップフォームは最小限でクリーンですが、訪問者にアカウントを作成したい理由を思い出させません。 フォームにはインライン検証も含まれていないため、有効な電子メールアドレスを入力しなかったことを確認する前にフォームを送信する必要があります。 この種の摩擦は些細なことのように思えるかもしれませんが、登録に費用がかかる可能性があります。

まったく逆に、Pocketのサインアップフォームはすっきりとしていて魅力的であり、価値提案を目に見える形に保ちます。 フォームは明確であり、インライン検証により、フォームを送信する前に間違いを犯したかどうかを知ることができます。 人々は、プロセスを進めるときにエラーを目にすることを望んでいます。

5.モバイルファースト

私たちはそれを何百万回も聞いたことがあります：モバイルファースト。 2016年には、モバイルとタブレットのインターネット使用量が初めてデスクトップを上回りました。

Googleの検索結果は、モバイルフレンドリーなウェブサイトを支持しています。つまり、初めての訪問者が自分の携帯電話でウェブサイトを閲覧している可能性があります。 ランディングページと登録フォームがモバイルで正しく表示されない場合、サイトは多くの潜在的なコンバージョンを失う可能性があります。

当たり前のようですが、今日でも、モバイル対応ではないWebサイトが多すぎます。 時々、ウェブサイトはモバイルデバイスで見栄えがするが、サインアップフォームが不十分です。 また、フィールドとボタンが小さすぎる場合や、デザイナーがモバイルで使用するのが面倒な入力方法を選択した場合もあります。

上記のモバイルランディングページの登録フォームでは、ノイズが最小限に抑えられ、明確にラベル付けされたフィールドが大きく、簡単にタップできます。 ボタンはクリアで全幅です。 これらのモバイルフォームデザインのほとんどで、パスワードフィールドはユーザーにパスワードを表示するオプションを提供します。これは、タイプミスや失火が現実のものであるモバイルデバイスに最適です。

6.情報が多すぎないようにする

ベアミニマムのみを求める

すべてのランディングページの設計者が考慮する必要があること：企業が人々を始めるために必要な最低限の情報は何ですか？

第一印象が尋問のように感じられる場合、潜在的なコンバージョンはすぐに怖がってしまう可能性があります。 一部のフィールドがオプションとしてマークされている場合でも、あまりにも多くの情報を要求すると、訪問者はプライバシーが尊重されていないという印象を与えます。

たとえば、メイシーズはサインアップするにはあまりにも多くの質問をします。

なぜ彼らは訪問者の生年月日を知る必要があるのですか？ 彼らはおそらく人々の年齢を知りたいので、人口統計によってそれらをセグメント化することができます。 それは人々のプライバシーの侵害のように感じられるので、訪問者はおそらくサインアップを放棄し、機会を失うことになります。 年齢に関する情報は、後でアカウント設定に入力できるものです。

TaskRabbitのランディングページは視覚的に魅力的ですが、サインアップフォームも少し多すぎます。

サービスプロバイダーはローカルであるため、郵便番号は理にかなっていますが、サービスにサインアップするために人々の姓名が必要なのはなぜですか？ すべての余分なフィールドが重要であり、これは訪問者のパスに障害物を投げかけています。

ランディングページ変換のベストプラクティスでは、設計者が人々を始めるために最低限必要なもの、つまり電子メールとパスワードのみを要求することを推奨しています。 姓名と郵便番号を尋ねるのは、後でオンボーディングプロセス中に予約する必要があります。

対照的に、ブルーエプロンの食事キットサービスは、メールアドレスとパスワードでアカウントを作成するように人々に求めるだけです。 シンプルで迅速。 サービスがどこでも利用できるわけではありませんが、名前や郵便番号を尋ねることはありません。つまり、フォームを放棄する可能性ははるかに低くなります。

7.会話を開始します

ボタン、リンク、フォームを備えた従来のランディングページUIは、最も直感的で自然なインタラクションパターンの1つである会話の背後で徐々に消えていきます。

チャットボットと会話型UIの人気は爆発的に高まっています。 Gartnerによると、チャットボットは2020年までにすべてのカスタマーサービスインタラクションの85％に電力を供給します。多くの場合、チャットボットは顧客エンゲージメントを促進することにより、ランディングページのリードあたりのコスト（CPL）を48％削減し、潜在的にリードコンバージョン率を2倍にします。

従来のランディングページは通常、人目を引くビジュアル、アニメーション、目立つ価値提案、および通常はフォームが後に続く慎重に配置されたCTAで訪問者を引き付けます。 一方、チャットボットは、訪問者をすぐに引き付け、よりパーソナライズされたサービスを提供し、リードを生成して適格にすることができるため、コンバージョンを何度も改善できます。

正しく行われれば、会話型のランディングページUIは楽しく、親しみやすく、役立つと感じ、潜在的なクライアントとのつながりを育むことを望んでいる企業にとってうまく機能する可能性があります。 この戦略は、旅行や保険会社などのサービス産業にとって意味があるかもしれません。 一連の質問をすることで、AIを利用したランディングページのチャットボットは応答を調整できます。速度が不可欠であるため、ユーザーを正しい方向にすばやく向けます。

しかし、非常に洗練された機械でさえ、依然として機械のように考えています。 実行が不十分な場合、チャットボットは冷たく感じる可能性があり、最悪の場合、人々は不快に感じて立ち去る可能性があります。 訪問者は、事前にプログラムされた応答の範囲外で質問を行う可能性がある人間であるか、チャットボットがすぐには認識しない構文でそれらを組み立てる可能性があることを覚えておくのが最善です。

すべての業界に適しているわけではありませんが、会話型のランディングページは、より人間的なレベルで訪問者を引き付ける可能性があります。 会話は意味のある関係の基盤であるため、チャットボットはインテリジェントな双方向の会話を行うことができなければなりません。 飛躍し、会話型のランディングページを正しく実行するスタートアップは、真の先駆者となるでしょう。

コンバージョン率の高いランディングページをデザインする方法

人々の注目を集めようと争っているサイトは何百万もあります。前述のように、デザイナーは訪問者に製品やサービスにサインアップするように説得するのに数秒しかありません。 ランディングページの設計者は、ユーザーをサインアップに招待する方法とタイミング、および要求する情報とその段階について戦略的に考える必要があります。

人々は、最終的なコミットメントを推進する探索と関与を通じて、製品またはサービスに興味を持つようになります。 変換するランディングページをデザインするには、ウェブサイトを魅力的で簡単なものにし、登録プロセスをスムーズで快適なものにするのが最善です。 ランディングページ変換のベストプラクティスに従うことで、設計者はより多くの顧客を呼び込む、変換率の高いランディングページを開発できます。

•••

Toptal Designブログでさらに読む：

• 効果的なランディングページをデザインする方法
• 変換するように構築–ランディングページデザインのベストプラクティス
• これらのランディングページのインスピレーションで訪問者を変換する
• ランディングページのデザイン：究極のランディングページの構築
• eコマースUX–ベストプラクティスの概要（インフォグラフィック付き）