デジタルインフルエンサーからインスピレーションを得る

公開: 2022-03-10
簡単なまとめ↬ 「インフルエンサー」という言葉はあなたをうんざりさせますか? 適切なもの(つまり、デジタルインフルエンサー)に注意を払っている場合、それらのWebサイトには実際にWebデザイナーにとって非常に貴重な教訓があることがわかります。 この投稿では、設計を通じて権限を確立するために使用するトリックのいくつかを紹介します。

あなたはあなたのクライアントのウェブサイトが彼らのターゲットオーディエンスのための頼りになる目的地になることを望みます。 したがって、見栄えがよく、完璧に機能し、検索で上位にランク付けされるように設計します。 それで十分? ミレニアル世代とZ世代の消費者層が拡大しているため、モバイルを好む方法でそれが複雑になっているのではないかと私はひそかに疑っています。

2018年のeMarketerのレポートによると、モバイルデバイスに費やされる消費者の時間は、テレビの視聴に費やされる時間を超えようとしています。

eMarketer-テレビとモバイルデバイスの時間
eMarketerは、テレビとモバイルデバイスの統計の反転を示しています。 (画像ソース:eMarketer)(大プレビュー)

そして、それが非常に重要である理由は次のとおりです。

テレビには有名人が散らかっています。 消費者がスマートフォンを使う時間が増えるにつれ、有名人を信頼して賞賛することから、デジタルインフルエンサーを信頼して賞賛することへの根本的な変化が起こるでしょう。

この投稿では、次のことを説明します。

  • (有名人やライフスタイルのインフルエンサーとは対照的に)デジタルインフルエンサーとは何か。
  • なぜ彼らは彼らのターゲットオーディエンスとの信頼を築くのにとても成功しているのか。
  • 特定のインフルエンサーのような品質を活用して、構築するWebサイトのより高いレベルの一貫したトラフィック(およびビジネス)を引き付ける方法。

明確にするために、この投稿は、クライアントのWebサイトをスポンサー主導の金儲けマシンに変えることとは何の関係もありません。 これは、Webサイトにデジタルインフルエンサーと同じ種類の影響力を与え、その認識された専門家のステータスを使用して、高レベルのトラフィック、エンゲージメント、および紹介を一貫して維持することです。

ジャンプした後もっと! 以下を読み続けてください↓

インフルエンサーとは何ですか?

これまで、有名人は主に企業が自社の製品やサービスを宣伝するために利用した人物でした。 それは今日でも起こりますが、有名人のインフルエンサーが高級品を押しているのを目にする可能性が高くなります。

インターネットとソーシャルメディアのおかげで、企業は有名人の支持を得るために高額のお金を払う必要がなくなりました。 代わりに、デジタルインフルエンサーマーケティングの台頭が見られます。

デジタルインフルエンサーは、専門知識や知識に基づいてブランドを構築したものです。 インフルエンサーになるにはさまざまな方法もあります。

  • コンテンツクリエーター
  • 業界の専門家
  • マイクロインフルエンサー(これらは500人以上のフォロワーを集めた平均的なジョーです)
  • 思想的指導者。

実際には、ほとんどのデジタルインフルエンサーがこれらのカテゴリのそれぞれをカバーしていることがわかります。 たとえば、NeilPatelがあります。

Twitterのニール・パテル
ニール・パテルには数十万人のフォロワーと非常に熱心な聴衆がいます。 (画像ソース:ニール・パテル)(大プレビュー)

彼は起業家、コンテンツクリエーター、ソートリーダー、コンテンツマーケティングの信頼できる専門家であり、オンラインで彼に出会う場所には500人以上のフォロワーがいます。

しかし、それは明らかにデジタルインフルエンサーの極端な例です。 彼の分野で権威としての地位を確立しているWeb開発者を見てみませんか?

これはIainPoulsonのTwitterアカウントです。

TwitterのIainPoulson
Iain Poulsonは、マイクロインフルエンサーのWeb開発者です。 (画像ソース:Iain Poulson)(大プレビュー)

彼のフォロワー数とエンゲージメントレベルは、Patelのようなマクロインフルエンサーのレベルには達していませんが、彼の言葉がターゲットオーディエンス(Twitterの内外)に与える影響はそれほど大きくありません。 重要なのは、彼は視聴者がそのように認識している高品質でエンゲージメントに値するコンテンツを作成しているということです。

インフルエンサーの規模や彼らが働くスペースに関係なく、彼らの言葉は非常に多くの権威を持っているので、消費者は彼らを信頼せざるを得ません。 これがデジタルインフルエンサーの力です。

これが、企業が自社のブランドについての情報を広めるための支援を求めてインフルエンサーに群がる理由です。 企業がその組み込みの権限を活用できれば、そのインフルエンサーからの確固たる推奨により、フォロワーと顧客ベースを拡大できます。 インフルエンサーマーケティングハブは、インフルエンサーマーケティングを使用したことがある人は、デジタルインフルエンサーに支払われる$ 1.00ごとに平均$ 7.65を獲得すると報告しています。

言うまでもなく、デジタルインフルエンサーは、私たちが住んでいる世界で強力で価値のある存在です。次に、Webサイトにデジタルインフルエンサーのような品質を吹き込んで、Web上での独自の価値を高める方法を検討する必要があります。

ウェブサイトをデジタルスターに変える方法

ウェブサイトをデジタルインフルエンサーのようなエンティティに変えるには、そもそもデジタルインフルエンサーを非常に信頼できる強力なものにする品質を具現化する必要があります。

これらの資質が何であるかを示すために、私は今日のトップのデジタルインフルエンサーおよび/または彼らのビジネスを代表するウェブサイトを使用するつもりです。

クライアント向けに新しいサイトを構築している最中の場合でも、既存のサイトのブランドを変更またはアップグレードする方法を探している場合でも、次のヒントを使用してインフルエンサー要因を高めてください。

1.ナビゲーションにストーリーを伝えましょう

一般に、Webサイトのナビゲーション(およびサイトマップ)は、訪問者と検索エンジンの両方にとって非常に強力なツールです。

唯一のことは、多くのWebサイトが同様に構造化されラベル付けされたナビゲーションを使用していることです。 ウェブサイトのオファーがわかりやすくシンプルな場合は問題ありません。

  • これは、当社が販売する製品(「製品」または「サービス」)です。
  • これが私たちです(「About」または「Team」)。
  • 連絡するか、製品を購入してください(「お問い合わせ」または「今すぐ購入」)。

多くのデジタルインフルエンサーを際立たせているのは、彼らが自分たちのために強力なブランドを作り上げていることです。つまり、彼らは通常、2倍または3倍の脅威です。 そして、ナビゲーションがこれらの長所や提供物のそれぞれを強調していることを確認します。

たとえば、Social Media Examinerは、ソーシャルメディアに関連する投稿を含むブログだけではないことを示しています。 ソーシャルメディア審査官はそれをすべて行います:

ソーシャルメディア審査官のモバイルナビゲーション
Social Media ExaminerモバイルWebサイトナビゲーション(画像ソース:Social Media Examiner)(大プレビュー)

ご覧のとおり、ナビゲーションには、Social MediaExaminerが行っているさまざまなベンチャーがすべて表示されます。

  • ブログ
  • ポッドキャスティング
  • メンバーシップ
  • ライブ会議。

これは印象的なリストであり、訪問者にソーシャルメディアの権威であることを即座に示します。

Marketing Nutzは、ナビゲーションに関して同様のアプローチを採用しています。

Nutzモバイルナビゲーションのマーケティング
モバイルでのMarketingNutzナビゲーション(画像ソース:The Marketing Nutz)(大プレビュー)

ただし、このナビゲーションは、権限構築コンテンツにはあまり焦点を当てていません。 代わりに、フォロワーがソーシャルメディアの取り組みからより多くのことを引き出すことができるようにするすべての方法を強調しています。

  • ソーシャルメディアトレーニング
  • 基調講演者としてのパム・ムーアに関する情報
  • 無料のソーシャルメディア管理ツールと電子書籍
  • 定期的に更新されるブログ。

要するに、あなたのナビゲーションは数秒以内にウェブサイト/ブランドの専門知識と価値を示すことができる必要があります。 また、訪問者に「わあ! 彼らはそれをすべてしますか?」

2.強力なビジュアルでリードする

すぐに権限を確立する別の方法は、強力でユニークなビジュアルを使用することです。 これは、このWebサイトが情報を入手する場所になるだけではないというシグナルを送信します。 実際に何かを体験する場所です。

YoupreneurのWebサイトをご覧ください。

Youpreneurホームページ画像
Youpreneurの印象的な画像とアニメーションテキスト(画像ソース:Youpreneur)(大きなプレビュー)

上のスクリーンショットで見ることができないのは、画像とタグラインのすぐ下にあるアニメーションで、デザインに時間がかかったことは間違いありません。

「スピーカー」という単語の後にカーソルが表示されますか? これは、さまざまな起業家のタイトルを入力して削除するテキストアニメーションです。 スピーカー。 ブロガー。 コンサルタント。 バナー画像が彼らの注意を引き付けなかった場合、これは確かにそうなるでしょう。

ジェイ・ベアの個人的なウェブサイトは、ビジュアルで強い印象を与えるもう一つの美しい例です。

ジェイ・ベアのホームページのバナー
Jay Baerは、画像、カラフルなフィルター、ビデオを組み合わせて、強い第一印象を与えています。 (画像ソース:Jay Baer)(大プレビュー)

彼はホームページのヒーローセクションに彼自身のユニークな個人的な写真を含めるだけでなく、その上に強力なカラーフィルターを適用しました。 さらに、彼は訪問者が彼の5分間のビデオを視聴するための召喚状でリードしています。

メッセージングは​​顧客に焦点を当てていますが、これらの強力なビジュアルは、ジェイ・ベアが立ち止まって聞く必要のある人物であることを同時に伝えています。

独自のエントリビジュアルとメッセージングで同じバランスを取りたいと思うでしょう。 ここに固執するのに本当に価値のあるものがあることを訪問者に知らせるテキストを確認してください。 ただし、そのメッセージを取り巻くビジュアルをどのようにデザインするかについてはよく理解してください。 訪問者に、単なるサービスプロバイダーや販売者ではなく、権威のWebサイトにアクセスしたことを納得させるためにできることはたくさんあります。

推奨読書モバイルアプリの保持率が非常に低い可能性がある理由

3.コンテンツに精通する

ナビゲーションポイントでこの点に少し触れましたが、インフルエンサーWebサイトがさまざまなコンテンツを作成および配布する方法を確認できるように、詳しく調べる価値があると思います。

これがシングルグレインブログです:

シングルグレインブログ
シングルグレインのブログページ(画像ソース:シングルグレイン)(大プレビュー)

Single Grainのブログには、デジタルマーケティングをテーマにした新しい最先端の投稿がたくさんあります。 ページを下にスクロールすると、注目の画像がそれぞれ同じようにデザインされていることがすぐにわかります。 すべてがカスタムで示され、ビジュアルと明るいテキストが混在しています。

これにより、ブログの外観が一貫して認識しやすくなるだけでなく、ソーシャルメディアで共有されるときにコンテンツがエッジアップします。 ソーシャルメディアフィードを調べていて、説明的な画像が添付された短い投稿に遭遇したと想像してください。 画像のない投稿や無意味なストック画像を使用する投稿の海では、この種のビジュアルコンテンツは間違いなく際立っています。

さて、シングルグレインの興味深い点は、ポッドキャストページのスタイルがブログとは異なることです。

シングルグレインポッドキャスト
シングルグレインのポッドキャストページ(画像ソース:シングルグレイン)(大プレビュー)

ブログ投稿のデザインやカスタムイラストの軽さはここにはないことがすぐにわかります。 代わりに、Single Grainは、GrowthEverywhereポッドキャストに従来のデザインとレイアウトを使用しています。

ブログと比較して、ここで取り上げているコンテンツの種類については必ずしも何も言っていません。 それは本質的にそれほど深刻ではなく、より伝統的な傾向を持つ誰かによって作成されたものでもありません。 それは単にチャンネルのデザインの問題です。 この場合、ポッドキャストには、よりシンプルでカスタマイズされていない方が理にかなっています。

クライアントのWebサイトの一部をまとめるとき、すべてのコンテンツを1つの[リソース]タブに押し込み、同じ方法で設計する必要があるとは思わないでください。

代わりに、各コンテンツチャネル(ブログ投稿、ポッドキャストエピソード、ビデオトレーニングなど)に個別のタブを付けて、最も意味のある方法でデザインしてください。 たとえば、訪問者がブログの投稿を見るのに多くの時間を費やすようにしたいので、それぞれにカスタムでありながら一貫したスタイルのグラフィックをデザインすることができます。 電子書籍のようなものを使用すると、シンプルに保つことができます。製本された本の写真を表示し(デジタルのみの本であっても)、イントロテキストと組み合わせます。

インフルエンサーは、独自のアイデンティティを持つサブブランドのように、さまざまなチャネルを扱います。 あなたは同じことをするべきです。

推奨読書マイクロモーメントの設計

4.自信を持ってリードを集める

最近、私はモバイル向けの潜在顧客のランディングページをデザインする方法について書きました。 さまざまな例が含まれていました(SaaS会社、デジタルマガジン、月額購読ボックス会社など)。これは、オンラインビジネスにとってリード生成がどれほど価値があるかを考えると驚くことではありません。

そうは言っても、彼または彼女のウェブサイトでリードマグネットのオファーがないデジタルインフルエンサーを見つけるのは難しいでしょう。 それはほとんど保証です。

一部のWebサイトが潜在顧客のオファーを宣伝する方法と、デジタルインフルエンサーがそれを行う方法の主な違いは、メッセージとデザインの強さです。

これはTimFerrissのブログです。

ティムフェリスリードマグネットプロモーション
ティモシーフェリスの強力な言葉とデザインのリードマグネットプロモーション(画像ソース:ティモシーフェリス)(大プレビュー)

これはすべて、訪問者にブログの購読を求めるプロモーションバナーです。 ただし、これはリクエストとして提示されたものではないことに注意してください。 これは何か特別なものへの招待です。 そして、それは激しいです。 これは、バナーが特別に設計されているためです。

  • 黒一色の背景。
  • 「独占コンテンツ」という言葉。
  • 赤いすべて大文字の文字。
  • 「GETACCESS」の呼び出し。

これは、ほとんどのWebサイトで見られるようなものではありません。これは、多くのWebサイトが、デジタルインフルエンサーのような対面での自信や権威を醸し出していないためです。

キム・ガーストは、目を引く潜在顧客のバナーを持つ別のインフルエンサーです。

キム・ガーストリードキャプチャフォーム
キム・ガーストの魅力的なリードキャプチャフォーム(画像ソース:キム・ガースト)(大きなプレビュー)

明らかに、カラーパレットは、立ち止まって見ざるを得ないものです。 ティールとパープルの色はかなり安全な選択ですが、これに優位性を与えるのは赤いコールアウトのコントラストです。

また、彼女が使用している言葉遣いもチェックしてください。これは、フェリスが潜在顧客に独占的な雰囲気を与えた方法と非常によく似ています。 キムの潜在顧客のプロモーションでは、彼女は「トップシークレット」、「ディスカバー」、「議事録」などの強力な表現を使用しています。 訪問者が彼女のウェブサイトのコンテンツをこれ以上読まなければならないような気がしなければ、これはきっと彼らに再考させるでしょう。

結論:あなたの権威を示すために、リードマグネットを宣伝するときに、権利を放棄したり、ソフトセルを提供したりすることはできません(例:「ここで購読」)。 代わりに、メッセージングとデザインの両方で、訪問者に伝える自信と権威を伝える必要があります。

「私の脳の中をのぞき、これまでにないほど貴重な知識とスキルを身に付けるこの特別な機会をお見逃しなく!」

まとめ

デジタルインフルエンサーは特別な品種です、それは確かです。 しかし、それは彼らが彼らのウェブサイトを通して権威を伝えそして強化することに成功した方法からあなたが教訓を引き出すことができないという意味ではありません。

デジタルインフルエンサーのウェブサイトの良いところは、コンバージョンを増やすために明らかなキャッシュグラブ機能(アフィリエイト広告やゲートコンテンツなど)が必要ないことを示していることです。 あなたのウェブサイトを権威としてデザインすることにより、あなたはトラフィックの増加を見て、より簡単にリードを集めることができ、そして聴衆との長期的な信頼を確立することができます。

訪問者が発見したことについてのニュースを共有したいと思っているので、収益の増加は自然に起こります。

SmashingMagの詳細

  • より良い意思決定のためのデザイナーズガイド
  • メンタルヘルスを改善するための経験の設計
  • Generic First CSS:モバイルファーストの新しい考え方
  • モバイル向けのダークパターンやその他のデザインのNo-No