コンバージョンを急上昇させるランディングページをデザインする方法

このビデオでは、WebFX InteractiveチームのJaciが、いくつかの主要な生地をかき集めるランディングページを設計する方法に関する6つのヒントを紹介しています。

トランスクリプト：優れたランディングページのデザインは、売り上げの落ち込みから新規顧客の急増へとビジネスを導く可能性があります。 コンバージョンにつながるランディングページをデザインするための6つのヒントを紹介します。これにより、より多くの見込み客、売り上げ、収益を確認できます。 共有する実際の例もいくつかあるので、各ヒントが実際にどのように見えるかについて、より具体的なアイデアがあります。 ヒント1から始めましょう！

1.ランディングページを広告、メール、またはその他のコンテンツと一致させます

スカーフ店に行って、実際に帽子を売っているのを見つけたらどう思いますか？ 私は間違いなく混乱し、おそらく少しイライラするでしょう。

これは、ランディングページが誰かがクリックした広告と完全に無関係である場合に人々が感じるのと同じ感覚です。

あなたがあなたのスカーフの販売についての広告または電子メールを送って、リンクがあなたが販売するすべての衣類のページに人々を送るならば、あなたはおそらくあなたが望んでいたスカーフの販売の増加を得るつもりはないでしょう。

召喚状についても同じことが言えます。 広告、メール、またはその他のコンテンツが人々に購入を促すことに焦点を合わせている場合、ランディングページは人々が何かを購入できる場所でなければなりません。

広告から他の人に連絡してもらいたい場合は、ランディングページに、連絡方法を説明するフォームまたは情報を含める必要があります。

パンテーンのこのFacebook広告では、同社はコストコでの製品の売り上げを伸ばし、広告から誰かが購入できるコストコのページにリンクしようとしています。

それは明確で、シンプルで、まとまりがあります。

2.召喚状（CTA）を1つ含める

あなたはあなたのウェブサイトのランディングページであなたの聴衆にあまり多くのオプションを与えたくありません。 召喚状を1つ選択し、それを継続します。

そうすれば、人々の注意を分散させてメッセージやデザインの効果を損なうのではなく、人々に1つのことをさせることにもっと焦点を当てることができます。

このWistiaランディングページは、物事を短くて甘く保つのに素晴らしい仕事をします。 ユーザーに1つのアクションを実行してもらいたい：連絡を取る。

ページ上のすべては、その1つのアクションに向けられています。

3.素晴らしいコピーを書く

変換するランディングページをデザインするには、変換する理由を人々に与える必要があります。もちろん、それを簡単にする必要があります。 あなたのコピーは、人々にあなたに彼らの情報（または彼らのお金）を与えるように説得するのに大きな役割を果たします。 まず、何をしているのかを人々に伝えてください。

オンラインコースであろうとメールマガジンであろうと、人々はあなたがランディングページのデザインから何を提供しているのかを理解している必要があります。 次に、価値提案を特定して使用します。

基本的に、競合他社の中であなたのビジネスを際立たせている理由を自問してください。

あなたの製品やサービスはどのように人々の生活をより良くしますか？ 無料で何か提供していますか？ あなたの相談プロセスは迅速かつ簡単ですか？

A hrefsは、あらゆるスキルレベルのマーケターに堅牢なデジタルマーケティングツールを提供します。 無料のツールを宣伝する広告は、すばらしいコピーでいっぱいのランディングページに人々を連れて行きます。

彼らの大きな見出しは、ページに無料のSEOツールがあり、明確にラベル付けされたリンクから、それらが備えている各ツールに移動できることを示しています。

価値については、Ahrefsはあなたがあなたのランキングを改善し、無料でより多くのトラフィックを得ることができるとあなたに言います。 あなたが素晴らしいコピーを書くとき、あなたの顧客があなたのビジネスから何を得るかについては本当に疑問の余地はありません。

4.デザインを乱雑にしないでください

忙しくて不格好なウェブデザインの時代は終わりました。 コンテンツに息を吹き込みましょう。 ページを不要なアイコンや画像で埋める必要はありません。 あなたがエール美術学校でない限り。

Webサイトスペースのさまざまなセクションを指定すると、特定の要素に注意を向けるのに役立ちます。 それは物事を読みやすくし、読解力を高めることさえできます。

このフィジーウォーター広告のランディングページのレイアウトでは、多くの画像が使用されていないことに注意してください。

デザインはシンプルで、未使用のスペースがたっぷりあり、商品や商品のディテールを際立たせています。

また、空白は白である必要はありません。 これは、画像やその他の要素がないページの部分を説明するために使用する用語です。

5.色を賢く使う

色は人々にさまざまな方法で感じさせ、行動させることができます。 賢明に使用すれば、読解力、学習力を向上させ、人々の感情に影響を与えることができます。

対照的な色を使用すると、Webサイトの特定の領域に注意を向けることもできます。 建築コンテストを宣伝する広告と一緒にレゴが作成したこのページを見てみましょう。

私は明らかに入りません。

下にスクロールすると、コンテンツをアップロードまたは共有してコンテストに参加するためのオプションを提供する3つのオレンジ色のボタンが表示されます。

オレンジ色のボタンは、ハイコントラストの補色であるため、青い背景に対して目立ちます。つまり、カラーホイールの反対側に配置されます。 対照的な色は、それらのボタンが重要であることを明確にしています。

色彩心理学に少し飛び込むと、オレンジは興奮と熱意を表す傾向があります。

マーケターはそれを使用して、フレンドリーで陽気なブランドの感覚を作り出します。

興奮を反映する色を使用するよりも、コンテストの興奮を生み出すためのより良い方法はありますか？ あなたは私たちのウェブサイトで色の心理学についてもっと学ぶことができます。

6.視覚的な手がかりを提供する

これは視覚的な手がかりです。 あなたが私が指していた方向を見たと思います。

ランディングページをデザインするときは、ページにグラフィックや画像を戦略的に配置することを検討する必要があります。そうすることで、人々の目を重要な要素やクリック可能な要素に向けることができます。 あなたが最初に考えるかもしれないことは矢です。 これは、目とマウスをどこに移動させたいかを人々に伝えるための明白な方法です。

しかし、あなたはそれほど目立つ必要はありません。 Webサイトで写真を使用する場合は、要素がボタンまたは重要なテキストに向かって傾斜するように写真を作成します。

写真に写っている人に、ページの最も重要な部分を直接見てもらいます。 彼らは私がずっと前にしなかったようにさえ指摘することができます。 グッチのウェブサイトでは、同社が女性の靴のコレクションを宣伝するために靴の画像を使用していることがわかります。

しかし、よく見ると、靴が「ショップ」ボタンの方に傾いていることがわかります。

それが本来の意図であったかどうかにかかわらず、クリック可能な要素に微妙に目を引きます。 これらの例のすべてが、ランディングページのデザイン方法についての理解を深めてくれることを願っています。

あなたへの私の最後のアドバイスは、すべてをテストすることです。

1つのデザインを選択して、機能しない場合はそれを維持する必要はありません。

Google OptimizeやVWOなどのテストツールは、サイトの訪問者に最適なデザインを見つけるのに役立ちます。 このようなテストの実行は、コンバージョン率の最適化の一部であり、他のいくつかのビデオで学ぶことができます。 変換するランディングページの作成を支援するデザイナーのチームを探している場合は、ビデオの説明にあるリンクから遠慮なくご連絡ください。

そして最後に、 YouTubeチャンネルとメールマガジンのRevenueWeeklyを購読することを忘れないでください。 説明にあるRevenueWeeklyへのリンクも入手してください。 またね！