クリック前後の段階で見つかる最高のビジュアル広告テクニック

公開: 2019-08-07

ラジオ番組やポッドキャスト以外では、私たちが消費する広告は非常に視覚的です。 あなたにとって、広告主として、それは両刃の剣です:

あなたは人々が主に視覚的な広告キャンペーンを消費することを知っています、そしてこれは素晴らしい出発点を提供します。

同時に、広告は目立つことです。 非常に多くの競争がある中で、クリックスルーを獲得するために広告でビジュアルをどのように効果的に使用しますか? その後、クリック後のランディングページで変換するためにそれらをどのように使用しますか?

ビジュアル広告のテクニックと例

画像、ビデオ、テキスト、およびWebデザインは、優れたビジュアル広告キャンペーンのレシピの一部です。 しかし、それぞれを使用する場合があり、あるフォームが優れている場合と、別のフォームが失敗する場合があります。 ビジュアル広告キャンペーンでそれらを使用する方法のいくつかの戦略とテクニックを例とともに示します。

画像

これまでのところ、画像は広告で最も使用されているビジュアルです。 作成も消費も簡単で、適切な設計と戦略により、注目を集め、価値提案を一瞬で伝えることができます。 ビジュアル広告キャンペーンでそれらを使用するいくつかの方法は次のとおりです。

後の写真を表示する

あなたの申し出の利益を伝えることになると、ほとんどの場合、伝えるよりも見せることの方が強力です。 そのとき、ヒーローの画像が登場します。

ヒーロー画像は、「後」の写真と見なすことができる特定のクラスの画像です。 のように、あなたの申し出を主張した後の訪問者の生活はどのように見えますか?

ビジュアル広告ネクター睡眠の証言の例

あなたの製品が時間を節約するなら、ヒーローショットは彼らが節約したすべての時間で楽しいことをしていることを彼らに示すかもしれません。 衣料品や身だしなみサービスなどを通じて外観が改善された場合、広告には、社交的な集まりで身なりがよく、手入れが行き届いた人気のある人物が描かれている可能性があります。

ヒーロー画像は、消費者があなたの製品やサービスの恩人として自分自身を想像するのに役立ちます。 彼らは彼ら自身の物語のヒーローです。 彼らはポパイです、あなたはほうれん草です。 彼らはクラークケントです、あなたは電話ブースです。

あるいは、ヒーローショットは、製品をヒーローとして位置付けることができます。 この場合、製品がより直接的に日を節約することに関与していることがわかります。 たとえば、格納式の日よけを販売します。 これらの利点は、直射日光を浴びることなく、暑い日に屋外で楽しむことができることです。 このようなヒーローショットでは、明るい日に、日よけ、笑顔、すすりながらレモネードの下で家族がアウトドアを楽しんでいる様子を見ることができます。 製品の英雄的な行為は、灼熱の太陽から家族を救っています。

どちらのヒーローショットも非常に効果的で、バージョンはすべての製品とサービスに使用できます。 キャスパーの別の例を次に示します。

ビジュアル広告キャスパーの表示例

前の写真を表示

オファーが常に良いアイデアである場合はメリットを強調しますが、見込み客の問題点を押し上げることがさらに強力な場合もあります。 たとえば、コラボレーションソフトウェアを考えてみましょう。

長い往復の電子メールチェーン、役に立たない会議、迷惑な電話タグのゲームを強調して、見込み客があなたの提案を検討している理由を思い出させることが効果的かもしれません。

繰り返しになりますが、これはすべてのブランドやオファーに推奨されるわけではありませんが、製品なしで生活の煩わしさを思い起こさせると、見込み客を行動に移すことができます。

コンセプトを理解しやすくする

概念の書面による表現とは対照的に、アイコンはグラフィックです。 広告では、アイコンは2つの理由で特に役立ちます。 1つ目は、人々は長いマーケティングコンテンツを読むのが好きではないということです。 アイコンは、テキストの長いブロックを分割して、使いやすくすることができます。 Nectarの例を次に示します。

ビジュアル広告ネクタースリープアイコンの例

2つ目の理由は、人々はテキストよりも画像を消費しやすいということです。 私はあなたに正方形を説明することができます、または私はあなたにそれを示すことができます。 「モバイルナビゲーションメニュー」と書くか、ハンバーガーアイコンを表示することができます。 「検索バー」と書くことも、虫眼鏡でそれを表すボタンを提供することもできます。

いずれの場合も、画像の方が使いやすいです。

彼らが知る必要があるすべてを彼らに見せてください

ほとんどの人はオンラインでの閲覧を好みますが、消費者の大部分は依然として店内での購入を好みます。 そして、これにはかなり明確な理由があります:

オンラインショッピングでは、製品を感じたり、試着したり、テストしたりすることはできません。 そして、これはデジタル広告主に大きな不利益をもたらします。 しかし、製品画像はその問題を解決することができます。

商品画像は、視聴者が必要なものかどうかを判断するのに役立つ商品の実際の画像です。 家具の場合、これは、参照点としてそれらを使用している人々を含む、作品のすべての角度の画像を意味します。

似たようなものが衣類でも機能します。 あらゆる角度から服を着ている人を見せてください。 誰かがいない服を見せてください。 さまざまな色を表示します。

これは、たとえば堅牢性や使いやすさを証明するためにインターフェイスのイメージを表示することで、ソフトウェアでも機能します。 ここでは、カウンタースペースを最大化しながら電子機器を充電するツールであるSocketShelfで機能します。

ビジュアル広告ソケットシェルフFacebookの例

広告後のクリックページで統計情報にコンテキストを与える

利益が言われるよりもよく示されるように、同じことが統計にも当てはまります。 多冪数がある場合、インフォグラフィックはそれらを表示するのに最適です。

インフォグラフィックは、ありふれた統計を取り、棒グラフや円グラフなどの簡単に消化できる形式にして、理解しやすく、消費されやすくします。

また、競合他社よりもはるかに効果的であることを証明する方法で、製品やサービスを組み立てるのにも役立ちます。 このインフォグラフィックをFive9から取得します。

彼らがあなたを信頼できることを彼らに示してください

多くの場合、変換は製品やサービスとは関係がなく、信頼と関係があります。 あなたの見込み客はあなたを信頼していますか? バッジを使用すると、バッジを作成する可能性を高めることができます。

バッジは、訪問者が変換をより快適に行えるようにする、小さくて認識可能な画像です。 3つの異なるタイプがあります:

  • セキュリティバッジ:セキュリティバッジは、見込み客のサイトを伝えるものであり、お金は安全です。 これらは、小さなロックアイコンのように基本的なもので、サイトを安全に伝えることも、満足保証バッジにすることもできます。これにより、訪問者は、製品に満足できない場合にお金を取り戻すことができます。
  • トラストバッジ:トラストバッジは、Better Business BureauやGoogleの認定パートナープログラムなどの有名ブランドのロゴを通じて、ビジネスの信頼性を高めます。 これらは訪問者に彼らが評判の良い会社からの支援を受けていることを知らせます。
  • 権限バッジ:権限バッジは、信頼できる企業のロゴにすることができるという点で、信頼バッジに似ています。 ただし、それらはBBBからの認証のようなものではなく、提供されるクライアントのロゴのようなものです。 多くの人がGoogleの広告パートナーになることができますが、Googleにサービスを提供したと言える人はそれほど多くありません。 それが違いです。 これらのバッジは、「受賞者」または「ニューヨークタイムズで見られるように」と書かれたものでもかまいません。 それらは、広告代理店がクライアントのために稼いだ収入、またはサービスを受けたクライアント、またはビジネスの年数を宣伝するかもしれないような特定の統計を宣伝するインフォグラフィックでさえありえます。 これらはすべて権限を追加し、順番に、変換の可能性を高めます。 これがDock&Bayの例です。

ビジュアル広告ドック&ベイの表示例

ビデオ

画像は注意を引き、情報をすばやく伝えるのに最適ですが、ビデオはそれを行うことができます。 モーションはおそらくユーザーをスクロールから外すための最良の方法であり、短いビデオでもはるかに詳細な情報を伝えることができます。 これを使用するいくつかの方法があります。

あなたのサービスがあなたが主張するものであることを証明する

あなたの会社が新しいとき、そして特にそれが表彰台に依存しているとき、あなたはそれがあなたが主張することをすることができることを証明することができる必要があります。 受信トレイに広告が表示される可能性のある「ワールドクラスのコピーライター」のライティングコースを考えてみてください。 では、この作家を「ワールドクラス」にしているのはなぜですか。

これは、紹介ビデオが証明するのに役立つものです。

紹介ビデオは、会社が設立された理由、信頼できる理由、内容などの詳細な情報が含まれているため、通常の広告ビデオよりも長くなることがよくあります。
権限などがあります。通常、これらのトピックを1つずつカバーする高位の会社員が登場します。 これらの動画は、上手くいくと、認知度が低いにもかかわらず、背後にあるブランドを信頼できるかのように見込み客に感じさせます。

サービスを簡素化する

新会社やサービスが非常に複雑な企業が抱える大きな問題は、すべてがどのように機能するか、そしてそれがどのように見込み客に利益をもたらすかを理解することへの障壁です。

テキストに関するこれらの問題を解決するには、ページが必要になります。 画像でそれらを解決することは非現実的です。 これが解説動画がとても価値がある理由です。

このビジュアル広告手法は、特に毎日多くの新しい顔があり、ますます複雑化する初めてのサービスであるスタートアップの分野で、非常に頻繁に見られます。

これらのビデオは多くの場合2分未満であり、誰もが理解できるように簡単に説明されています。 シンプルさを増すために、ビデオのスクリプトを実行する漫画風のアニメーションも含まれていることがよくあります。

最も有名な解説動画はDropboxからのもので、発売後に会社のために$ 48,000,000を調達しました。

あなたのクライアントにあなたのために宣伝してもらいましょう

広告はできる限り強力ですが、口コミほど強力ではありません。 購入の決定をすることになると、ほとんどの人は彼らの友人や家族に行きます。 そしてそれは彼らが問題において公平だからです。 たとえそうでなくても、すべての企業はそれがあなたにとって最良であると主張します。 しかし、あなたの友人や家族はあなたに真実を教えてくれます。

これは、パワービデオの声のハーネスです。 これらは、特定の顧客と、結果に重点を置いて、顧客の観点から問題をどのように解決したかに焦点を当てた短いビデオです。

これらは、名が付いた単純なストックフォトのような画像よりもはるかに信頼できるため、通常の紹介文よりもさらに強力です。

あなたの成功の例を提供する

お客様の声は驚異的に機能しますが、多くのお客様は結果以上のことを知りたいと思うでしょう。 自分がしたことをどのように達成しましたか? あなたのプロセスはどのようなものですか? 問題を解決するためにどのような方法を使用しましたか?

これは、ビデオのケーススタディで解決できることです。 ビデオのケーススタディは、特定の顧客とそのサービス方法に焦点を当てているという点でビデオの声に似ていますが、結果に焦点を当てるのではなく、プロセスに焦点を当てています。 そのため、これらのビデオは通常、より詳細になり、顧客だけでなく、一緒に仕事をしたビジネスのチームのように、より多くの関係者が関与するため、長くなります。

ヒーローショットを別のレベルに引き上げる

ヒーローショットは、見込み客や製品をヒーローにすることができますが、どちらも静的な性質に苦しみ、恩恵を受けます。 それらは単純な画像であるため、マーケティング資料でより広く使用できます。 ただし、ビデオほど実証的ではありません。

ヒーローショットを別のレベルに引き上げるために、製品デモを作成できます。このデモでは、顧客が製品をどのように使用し、どのように利益を得るかを示します。 これらは、クリック前の段階では短く、クリック後のランディングページでは長くすることができます。 いずれにせよ、使用中の製品の特定のショットが表示されます。 これは、訪問者が製品の使用について知る必要があるすべてを提供する製品ショットと組み合わせた一種の説明ビデオとしても機能します。

文章

私たちがビジュアルについて考えるとき、私たちは画像やビデオについて考えます。 ただし、テキストがページに表示される方法は、テキストの消費方法に大きく影響します。 ここにあなたがそれを言う方法であなたが言うことを改善するためのいくつかの方法があります。

ブランド認知度を高める

赤いスペンサー文字で書かれたものを見ると、常にコカ・コーラを思い浮かべるでしょう。

NikeのロゴやGotMilkキャンペーンで使用されている書体についても同じことが言えます。

これらは、ブランド認知度が何年にもわたる繰り返しで構築されたときに何が起こるかの例です。 非常に多くの視認性の高い場所で何度もそれらを目にしたので、これらのフォントはそれらが表すビジネスに属しているように見えます。

認知度はブランドエクイティの強力な推進力であるため、これは広告主にとっての勝利です。 このような装飾フォントは、ロゴやキャンペーンの見出しでクリエイティブな個性を表現するのに最適です。 したがって、印象を長持ちさせたい場合、または群衆から目立たせたい場合は、装飾フォントが短いコピーに最適です。

読みやすくする

装飾フォントは注目を集め、想起と個性を高めることができますが、本文のコピーで読むのはひどいです。

コカ・コーラのフォントで書かれたWebページ全体または電子メールを読み込もうとしているところを想像してみてください。 かなり難しいですね。

クリック前の段階では、装飾フォントが注目を集める可能性があります。 クリック後の段階で、ブランドアイデンティティを強化できます。 しかし、電子メールやランディングページで行うように、重い読み物になると、装飾フォントを外す必要があります。

代わりに、読みやすさの高いクリーンでシンプルなフォントを選択してください。 短い文を使用してください。 長い段落を小さなチャンクに分割し、適切な場合は箇条書きを使用します。 高い読みやすさの例を次に示します。

ビジュアル広告のランディングページの箇条書きの例

個人的になる

私たちは常に広告メッセージに襲われているので、目立つのは個人的なメッセージです。 手書きフォントを使用して、その個人的なタッチを追加できる場合もあります。

手書きフォントは、まさにそのように聞こえます。手書きのように見えます。 ほとんどは実際の手書きよりも読みやすいですが、長い形式のものを書くためにそれらを使用することはありません。

ほとんどの場合、手書きフォントは、リアルに見える限り、署名に適しています。 これらは、電子メールやダイレクトメールの最後、さらにはランディングページのコピーでも、署名者が広告のメッセージの後ろに立っているような印象を与えるのに役立ちます。 これにより、一般的な消費者がボットやセールスマンから常にメッセージを受け取っていると感じたときに、信頼を高めることができます。

ウェブデザイン

ビジュアル広告は、広告やクリック後のランディングページのビジュアルだけではありません。 それはまた、それらのページが全体として視覚的にどのように一緒に見えるかについてでもあります。 特にユーザーが広告をクリックした後は、適切な色と配置でコンバージョンに導くことができます。

色で戦略的になる

クリック前の段階で注目を集めることになると、色は最も価値のある味方の1つです。 周囲と対照的な明るく大胆な色は、見込み客がスクロールするのを防ぐことができます。

ほとんどのページが白の場合、発行者のページに表示される可能性のある黄色や赤などの主要な色を簡単に選択できます。 たとえばFacebookのように、広告が掲載される場所がわかっている場合は、青と白の環境を対比する広告を作成できます。

ただし、クリック前の段階とは異なり、クリック後の段階では、明るく大胆な色をそれほど自由に使用しないでください。

研究によると、コンバージョン中心の配色を選ぶ場合は、シンプルな方が良いことがわかっています。 3つの色相は、訪問者を行動を促すフレーズのボタンに導くための理想的な数値です。 60-30-10ルールを使用して、これらの色を選択します。

  • ページの1色の10%をアクセントに割り当てます。 人々の注目を集めたい色です。 これは、CTAボタンに色を付けるものです。
  • 別の色の30%をベースに割り当てます。 このベースの色は、アクセントカラーによって決まります。 あなたのアクセントは何色が一番目立ちますか?
  • ページ上の別の色の60%を背景に割り当てます。 これは、ブランドの色と衝突しない柔らかいものでなければなりません。 多くの人にとって、最良の選択は白です。

ブランドカラーまたはアクセントカラーを出発点として使用すると、単色、補完、および類似のカラーを使用して、あらゆる種類の効果的なスキームを作成できます。 一緒に、彼らはあなたの訪問者をCTAボタンに引き付けるのを助けます。 CTAボタンを目立たせるために、他の広告とは非常に異なる明るい色を使用する広告の例を次に示します。

ビジュアル広告ジェットブルーカラー表示例

クリック後のページで、訪問者をコンバージョンに微妙に導きます

Webページ上のテキストが視覚的であるように、そのテキストの周りのすべての要素も視覚的です。 そして、これらの要素がどのように配置されるかは、閲覧者がページを消費する方法に大きな影響を与えます。

例:テキストセンターを揃えたWebページに出くわした場合はどうなりますか? または、次のようなフォームボタンに出くわした場合はどうなりますか。

ビジュアル広告テクニックフォームボタン

他のすべてのWebサイトに「送信」ボタンがあることに慣れているため、情報を入力して、誤って下部の「リセット」を押してしまう可能性があります。

「リセット」ボタンはWebの初期段階ではより一般的でしたが、それらを使用するリスクが報酬を上回ることを認識して、ボタンを大きくしました(ほとんどの人がすべてのフォームフィールドをリセットする必要はありません)。

同様に、中央揃えのテキストは見出しには機能しますが、本文のコピーには機能しません。 長い読み取りは、左マージンから開始する必要があります。

これらの規則は主にほとんどのWebデザイナーによって守られているため、私たちはこれらの規則を当然のことと考えています。 良いデザインはほとんど気づかれませんが、それは常に消費しやすいです。

これにより、クリック後のランディングページの設計者にとっておそらく最も価値のある(そして見過ごされがちな)ビジュアル広告の慣習であるビジュアル階層がもたらされます。

視覚的階層とは、訪問者をページの目標に向けて微妙に注意を向けるようにWebページ上の要素を配置することを指します。 クリック後のランディングページでは、その目標はコンバージョンです。

その目標を達成するには、訪問者を見出しからCTAボタンに誘導する必要があります。 これを実行できるようにするために知っておくべきいくつかの設計原則を次に示します。

  • サイズ:大きい=より重要。 小さい=重要性が低い。
  • 重量:暗い=より重要。 軽い=重要性が低い。
  • 色:より多くのコントラスト=より重要。 コントラストが低い=重要性が低い。
  • 密度:いくつかの要素が一緒に詰め込まれている=より注意が必要です。 要素を広げる=注意力が少ない。 (これは、すべての要素を1つの小さなスペースに詰める必要があるという意味ではありません)。
  • 空白:正のスペース=より重要です。 空白=それほど重要ではありません。

一緒に、これらを使用して、訪問者をコンバージョンに微妙に導くページをデザインできます。 次にいくつかの例を示します。

  • サイズ:見出しを大きくし、フォームがスペースを取り、重要な画像も大きくする必要があります。
  • 重み:見出しとサブヘッダーは太字にすることができ(太字である必要はありません)、特典などの重要な本文のコピーは、周囲の本文のコピーよりも暗くする必要があります。
  • 色:背景を明るくし、フォームやロゴなどの二次要素を明るくしたり暗くしたりしてコントラストを作成します。また、行動を促すボタンと残りの要素のコントラストを最も高くして、最も注目を集める必要があります。エレメント。
  • 密度:弾丸は、密集した本文のコピーからメリットを引き出すことができます。CTAボタンには、その1つの要素に注意を引くために他のコンテンツを配置しないでください。
  • 空白:ページをすべて空白にする必要はありませんが、訪問者が快適に読み、混乱することなく各要素を他の要素とは独立して消費できるように、十分な空白を提供する必要があります。

ビジュアル広告についてもっと知る

ビジュアル広告の普及は拡大しているだけであり、それを実行できるプラットフォームにも当てはまります。 マーケターは、ビジュアル広告キャンペーンの実行に関しては手一杯です。 これらの手法を使用して、より効果的なキャンペーンをより迅速に作成します。 さらにスピードアップするには、Instapage Digital Advertising ReferenceGuideですべてのプラットフォームのフォーマットの広告仕様を学びます。