最高の医薬品ウェブサイトからの 9 つの教訓
公開: 2022-11-242020 年の Web Marketing Association の年次 WebAwards は 9 月に授与されます。私たちが最も興奮しているカテゴリの 1 つは、最高の医薬品 Web サイトです。 Pharma はオンライン マーケティングの世界では後発でしたが、それ以来、いくつかの印象的な勝者を獲得してきました。 その結果、WebAwards は、デジタル マーケティングが製薬会社の ROI をどのように向上させるかを紹介する絶好の機会です。
Web Marketing Association は、23 年間 WebAwards に参加しているデジタル マーケティング企業のリーダーとクリエイターのグループです。
賞は、デザイン、イノベーション、コンテンツ、テクノロジー、インタラクティビティ、コピーライティング、使いやすさのカテゴリに基づいて授与されます。
これらのことをうまく行っている製薬会社には、同業他社の称賛を超える見返りがあります。米国の 1 億人の成人、または米国のインターネット ユーザーの 85% が、ヘルスケア情報を求めて Web を検索しています。 過去 10 年間の勝者を見てきましたが、彼らの共通点から学ぶべき教訓があります。
製薬会社の最高のウェブサイトの9つが正しいことは次のとおりです。
1. WebAward 2019 受賞者: Parexel
世界的なライフ サイエンス組織である Parexel は、2019 年の 20 年間のイメージを再現することで、両足で 2009 年のチャレンジに飛び込みました。これが勝者だったのは当然のことです。生まれたばかりの赤ちゃんを愛情を込めて抱きしめる祖母の年齢の女性です。片手で彼女に寄り添い、もう一方の手で赤ちゃんの頭を優しく支えます。 彼女の顔の輪郭と手の両方に年齢が見られますが、クリエイティブ チームは、この瞬間には笑顔以上のものが必要であることを理解していました。 彼女の目には知恵と安堵があります。 病院のような背景に老いも若きも並置され、非常に感動的です。
このイメージ側のスローガン「What we do, we do it with hearts」は、シーンの感情主義を打ちのめします。
彼らにとって最も効果的なのは、ウェブサイトの再設計です。 ウェブサイトは言葉が美しく撮影された画像を追い越すことを許しません. ユーザーがすぐに見る瞬間の喜びと安堵です。 イメージが伝えるのは、エンド クライアントの思いやりと専門知識です。 スクロールしなければならないのは、エンゲージメントに向けてパーソナライズされたコンテンツを提供するという、Parexel の使命です。 このサイトは、UberFlip や Evergage などのサポート ツールと統合するために、完全な見直しが必要でした。 創造性と最適化された構造により、ユーザーの注意を引くことができる Web 開発言語の助けを借りて、クリーンなサイトが保証されます。
レッスン:サイトを感情的に魅力的にする
2. WebAward 2018 受賞者: Aspen
昨年の優勝者 Aspen の最も印象的な側面の 1 つは、Web サイトのカラー パレットです。 よく見ると、サイト全体で同じ 3 種類の異なる青の色合いを使用し、各ページで連続性とまとまりを維持していることに気付くでしょう。 ただし、ページから本当に飛び出すのは、クールなトーンを印象的にカットする赤いアクセントカラーです.
これは、色を使用してサイトのさまざまなセクションを強調し、大きな効果を上げている好例です。 これは、赤のアクセント カラーに特に当てはまります。これは、青の色合いとより劇的に対照的であり、さまざまなセクションや重要な詳細に目を引き付けるからです。
同様の戦略を使用し、アクセント カラーとハイライトを使用する場合は、注目を集めているコンテンツが顧客に注目してもらいたい場所であることを確認してください。 最高のクリエイティブエージェンシーは、テキスト、ビジュアル、ホワイトスペースを相互に配置することで、まさにそれを実現するのに役立ちます. もう一度 Aspen の Web サイトに注目すると、重要なセクション マーカー、クリック可能なリンク、およびメニュー バーが赤で強調表示されていることがわかります。
追加のボーナスとして、横にスクロールする証券取引所バーはいい感じです。
レッスン:色とアクセントで直接注意を向ける
3. WebAward の 2017 年受賞者: Neurocrine
ニューロクラインのサイトが勝ったとき、それは「遅発性ジスキネジアに正確に焦点を当てた」というタイトルのページのためのものでした. このページには、拡大鏡を女性に向けている手の写真が目立つように掲載されていました。 その女性は背景で痙攣しているように見えたが、ガラスの焦点の下では落ち着いて読者を直接見ていました. 力強い写真は、ページ全体の意図を明確に伝えました。それは、実際の人々に影響を与える遅発性ジスキネジアに焦点を当て、サイトへの訪問者に障害の人間的側面を思い出させることです.
人間は他の人とつながることを好みます。これは、ブラウジング中も実生活でも同じです。 写真を使用することで、複雑なアイデアを即座に簡単な方法で伝えるだけでなく、単なる情報を超えた読者とのより深いつながりを開始できます。 ただし、研究によると、人々は一般的な画像の認識に非常に長けており、それらを無視することが示されているため、ストックフォトを使用することでその効果を無効にします.
この賞を受賞して以来、Neurocrine の Web サイトでは、Web サイト全体でいくつかのトピックを表現するために写真を多用しています。 実際、彼らのホームページはシンプルなタイル ベースの写真のグリッドで、ユーザーをナビゲートし、各トピックに適切な感情を呼び起こす写真を使用しています。 ブランドのためにできる最善のことの1つは、シンプルさに重点を置いたWebサイトの再設計サービスを採用することであるという教訓を強化します.
レッスン:実在の人物の写真を使用してつながりを促進する
4. WebAward の 2016 年受賞者: BioMarin
サイドバー、カルーセル、その他のタブの削除など、サイトを簡素化するために何ができるかを学習する際に、いくつかの細かい点を確認することができます。 しかし、クリックよりもスクロールを優先する BioMarin のようなサイトは、すべての情報を表示するための鍵を発見しました。
賞を受賞したページである BioMarin のキャリア ページにアクセスすると、「私たちは希望のために働く」というテキストとともに、ビーチにいる非常に若い女の子のほぼフルスクリーンの写真に最初に遭遇します。 その下には、キーワードと場所で会社のポジションを見つけるための検索バーがあります。 多くのサイトはここでページを終了する場合がありますが、ユーザーは下にスクロールし続けると、「注目の仕事」セクション、会社の詳細、およびいくつかの仕事分野に関する情報が表示されます.
それでも、これらすべての情報はシンプルでクリーンな形式にまとめられていますが、重要なことは明らかです。ユーザーはクリックするよりもスクロールを好むということです。 すべての情報をまとめてグループ化することが理にかなっていて、適切に表示されている限り、ページが長くなりすぎることを恐れないでください。 これは一般的に、あなたの周りの Web デザイン会社から聞くことではありませんが、大きな成功を収めているものであり、チャンスが与えられるべきものです。 何が聴衆の心に響くかはわかりません。
レッスン:クリックよりもスクロールを優先する
5. 2015 年の WebAward 受賞者: Aspen
デジタル マーケティング エージェンシーは、読者にコンテンツをオンラインで読んでもらうための慣行やアプリケーションの多くが、古い非デジタル メディアから派生したものであると言うでしょう。 たとえば、コンテンツを「アバブ ザ フォールド」で差別化するという概念は、新聞から直接受け継がれています。出版社は、コンテンツが表紙の上半分、つまり紙の折り目よりも上に配置されている場合の利点を認識しているためです。 、これは、拾い上げて向きを変える必要のある領域よりも、一般の人々からはるかに重く見られていたためです。
Gene.com は、2015 年に自社のページで賞を受賞したとき、この概念をよく理解していました。「スクロールせずに見える範囲」のスペースを最大限に活用することで、彼らが誰で、誰のために、何を目的としているかを確認できます。 オンライン用語での「フォールド」とは、表示するためにスクロールやクリックを必要としないスペースを指します。 このスペースを詰め込むことなく、Gene.com はコンテンツに優先順位を付け、特に行動を促すフレーズを含めました。 訪問者は、詳細を確認するか、ソーシャル メディアでフォローすることをお勧めします。
Gene.com は、シンプルなレイアウト、簡単なナビゲーション、写真での実在の人物の使用など、このリストで賞賛されている他の多くの機能を使用しています。 しかし、受賞歴のある彼らのサイトは、最初の最も重要なデジタル不動産を効果的に使用する方法の完璧な例です.
レッスン:スクロールせずに見えるコンテンツを活用する
6. WebAward の 2014 年受賞者: PillCam Crohn's
PillCam は、クローン病に関連する症状や問題を監視および診断するために摂取できるカプセルです。 カプセル内の小さなカメラは、高解像度の画像や使いやすいソフトウェアなど、腸を直接視覚化します。 では、このサイトはどのように受賞歴のある方法で製品を紹介し、情報を提供しているのでしょうか?
著しく臨床的なアプローチを採用するのではなく、このサイトは「社会的証明」として知られるものを多用しています。 このアイデアは、人々が他の人と同じように行動する傾向を理解する適合性バイアスから概念を取り入れています。 したがって、あるグループが承認したことを示すことで、他の視聴者も同じことをする可能性が高くなります。
彼らのサイトの上部には、カプセルの利点とそれが彼女の人生にどのようにプラスの影響を与えたかについての患者の視点を示すビデオへのリンクとともに、クローン病を征服するという宣言された使命とともに PillCam が提示されます。 ユーザーがサイトをスクロールすると、同社と提携している医療関係者の紹介やカプセル内視鏡の価値に関する医師の視点など、製品に関する個々の情報が個人的な視点からアプローチされます。 社会的証明を使用して製品に関する情報を提供することで、PillCam が好意的に受け止められる可能性が大幅に高まります。
レッスン:ページに社会的証明を組み込む
ブランドとして、ブランディングエージェンシーと一緒に社会的証明のオプションを検討して、デジタルマーケティングの取り組みに信頼性と個人的なタッチを追加できます.
7. WebAward の 2013 年受賞者: Quintiles
クインタイルズは、製薬業界で競合他社を打ち負かすのに十分な正しいことをしました。 ロゴは、見込み客との最初の接点の 1 つであるため、非常に重要です。 Quintiles のロゴは、単純な赤い円のように見えるように様式化されたQであり、他のすべてがロゴを引き立てます。 同社のサイトは、統一されたブランド イメージを維持するためのマスタークラスです。
訪問者が最初にサイトにアクセスしたとき、ページには目立つが目立たない赤い色合いがあり、ロゴを反映しています。 背景画像は細胞のように見え、視覚的に魅力的であり、バイオテクノロジー、健康、製薬業界を連想させます。 画像とテキストは、Quintiles の強みをさらに 3 つ紹介する短いスライドショーの一部であるため、変化します。
スライドショーが画像を切り替えると、背景画像も変化します。 背景画像は、ページ上部の赤いナビゲーション バーと、テキスト内のキーワードを強調する赤い文字に対して、非常に魅力的な視覚的な違いを描きます。 視覚的なデザインは控えめですが、非常によくできており、サイトは他の受賞サイトと同様の方法で簡単にナビゲートできます.
レッスン:統一されたテーマを念頭に置いて作業する
8. WebAward の 2012 年受賞者: iBGStar
トップ SEO 企業の助けを借りてユーザーをページに誘導したら、ユーザーをそこに留めておく必要があります。 Web サイトをレイアウトするための適切なルールは、訪問者がホームページからどのページにもアクセスできるようにすることです。 製薬のような複雑な分野を扱う場合、これは困難ですが、迷路ではなく、メニューのように簡単に操作できるサイトであれば、成功するでしょう。
医療の世界に携わる人々は、情報に関する限り、すでに多くのことを抱えています。 圧倒されやすく、雑然としてナビゲートしにくいページはイライラし、潜在的な顧客を遠ざけてしまいます。 2012 年の優勝者である iBGStar は、訪問者の方向性を維持するためのシンプルで直感的な方法を備えています。ページの上部に「あなたはここにいます」があり、訪問者が現在 Web サイトのどのセクションにいるのかを把握するのに役立ちます。
iBGStar のホームページは比較的シンプルで、大きな画像があり、左と上部にナビゲーション タブがあり、下部に製品、法律、連絡先情報がいくつかあります。 左側のナビゲーション フィールドには製品に関するタブがあり、上部のタブは外部リンクに移動します。 外部リンクは、見込み客を親会社から入手できるオンライン コミュニティや関連製品に誘導します。 ページのナビゲーションは直感的で整理されているため、圧倒されるのではなく、プロセスが効率的になります。
幅、深さ、アクセシビリティを組み合わせることで、iBGStar は適切なナビゲーションを行います。
レッスン:ホームページからサイトを簡単にナビゲートできるようにする
9. WebAward の 2011 年受賞者: McKesson
下にスクロールすると、McKesson の Web サイトで最も目立つ部分の 1 つは、あなたをより適切に導くためにあなたの役割を尋ねるセクションです。 このサイトには「薬局のリーダー」、「サプライ チェーンのリーダー」、「エグゼクティブ リーダー」の選択肢がありますが、最も重要なのは、業界のリーダーを扱う Web サイトのように見えることです。
マッケソンは権威を伝えます。 そのウェブサイトはきれいで、ナビゲートが簡単で、非常に魅力的です。 まず、その青とオレンジのモチーフは、最も視覚的に魅力的な補色の組み合わせを利用しています。 ナビゲーションは垂直方向にスクロールすることで実現され、オプションは、ビジネスが高生産性のビデオとシンプルな画像でストーリーを語るときに明らかになります。
縦スクロール、視覚的な魅力、分かりやすいメッセージなど、サイトの展開方法のすべてが、パララックス スクロールやインフォグラフィックスを非常に人気のあるものにしているデザインの側面を再現しています。 これはトレンディだからというだけでは効果的ではありませんが、サイトのストーリーを伝えることができるからです。 マッケソンはその権威を物語のように伝えます。
レッスン:サイトをクリーンで魅力的なものにする
これらは、オンライン医薬品マーケティングの世界で主導権を握るために適用できる 9 つの教訓です。 業界は追いついてきており、Spinx では、Med Talk のような医療業界の企業を支援するために懸命に取り組んできました。 Med Talk は、コミュニケーションとスケジューリングを簡素化する方法を探している医療グループによって考案され、設立されました。 これは、完全な内部メッセージング システムを含む堅牢な医療サービス アプリケーションです。
このアプリを使用すると、医療グループは効果的かつ安全にコミュニケーションを取り、毎日必要な多くの勤務シフトと医師をスケジュールおよび管理できます。 アプリケーションのモバイル版により、グループ内の医師は、スケジュールを簡単に確認し、必要に応じてスマートフォンから直接変更することができます。
あなたの会社が競争に勝つために使用した成功したテクニックは何ですか?
以下のコメント セクションで回答してください。