これまでに見た中で最高のマイクロサイトの例の11

公開: 2022-04-28

彼らは、最高のものはしばしば小さなパッケージに入っていると言います。 考えてみてください。宝石、本、新車の鍵…これらすべてがこの概念をサポートしています。 そして、私たちの注意が金魚のそれよりも狭くなっているので、私たちがより小さなスケールでより焦点を絞ったコンテンツを切望しているのも当然のことです。

ここでマイクロサイトが活躍します。 通常のWebサイトとは異なり、マイクロサイトは単純でナビゲートしやすい傾向があります。 ただし、これは、しばらくの間、あなたがいじくり回したくないと言っているわけではありません。 実際、本当に素晴らしいものはまさにそれをします。 この投稿では、動作中のマイクロサイトの優れた設計例をいくつか紹介します。

HubSpotのテーママーケットプレイスにある何百ものWebサイトテンプレートにアクセスします

マイクロサイトとは何ですか?

マイクロサイトは、会社の製品、サービス、キャンペーン、またはイベントを宣伝するために作成されたWebページまたは小さなWebサイトです。 マイクロサイトは通常、主要な会社のWebサイトとは異なるドメインまたはサブドメインを使用し、主要なWebサイトに戻るリンクを含みますが、ブランドの独立したエンティティとして機能します。

マイクロサイトは、ブランドが多くのことを達成するのに役立ちます。 HubSpotのプロダクトマネージャーであるAlexGirard氏は、次のように述べています。「Webサイトを使用して、購入者の旅のさまざまな瞬間のデジタルエクスペリエンスを作成できます。 訪問者をリードに変えるための単なる企業の「.com」ウェブサイトである必要はありません。 カスタマージャーニー全体にまたがるデジタルエクスペリエンスを構築できます。」

たとえば、多くの企業は、特定のキャンペーンを強調したり、特定の購入者のペルソナをターゲットにしたりするためにそれらを使用しています。 他の人は、短編小説を語ったり、新しいタイプのブランドコンテンツを試したり、新しい地域に広めたりするためにそれらを使用します。 大きなイベントが開催されると、企業はマイクロサイトを立ち上げて、認知度を高め、申し込みを促進する可能性があります。

理由が何であれ、マイクロサイトの目標は、訪問者を特定のメッセージに引き付け、関心を高め、ビジネスの提供物に引き付けることです。

1. Webサイトグレーダー(HubSpot)

HubSpot Website Graderは、無料でWebサイトを改善するためのマイクロサイトです。 サイトのURLとメールアドレスを貼り付けると、WebsiteGraderはGoogleLighthouseの自動評価システムを利用してWebサイトに評価を割り当てます。

microsite examples: hubspot website grader homepage

Website Graderは、パフォーマンス(Webサイトの速度)、SEO、モバイル、セキュリティの4つの主要な要素に基づいて成績を計算し、それぞれが独自のスコアを受け取ります。 Webサイトグレーダーは、各要素について、サイトの評価を分類し、改善すべき領域を提案します。

マイクロサイトの例:ウェブサイトの採点者のスコアページ

その提案とともに、Website Graderは、訪問者にWebサイトの成績を上げるためのHubSpotAcademyコースを案内します。 さらにガイダンスが必要な場合は、評価ページでいくつかのCTAのいずれかをクリックしてコースを受講できます。

2.一緒に聞く(Spotify)

Spotifyはマイクロサイトの作成方法を知っています。非常に人気のあるSpotifyWrappedシリーズは、マイクロサイトとして始まり、その後モバイルアプリの機能になりました。 2020年に、ストリーミングプラットフォームは、リスニングトゥギャザーキャンペーンをサポートするための新しいマイクロサイトを導入しました。

マイクロサイトの例:一緒に聞いているホームページをSpotify

マイクロサイトは、ピンで覆われた地球の回転する3次元マップを備えています。 ピンの各ペアは、同じトラックで同時に再生を押している2人のユーザーを表します。 ピンをクリックすると、再生中の曲を聞くことができ、このマイクロサイトは新しい音楽を発見するための手段になります。

microsite examples: spotify listening together page

全体として、それはSpotifyのようなブランドだけがやってのけることができる一種のマイクロサイトであり、音楽がどのように私たちを結びつけるかについての賢くて心温まる思い出させるものです。

3.マイクリエイティブタイプ(Adobe)

アドビのソフトウェアスイートには、ビジュアルクリエイティブ用の業界標準ツールが2つ以上含まれています。 アドビが製造する有名なツールに加えて、アドビの成功の背後にある大きな力は、マーケティングを通じて顧客と連携するブランドの能力です。 マイクロサイトのMyCreativeTypeはその代表的な例です。

microsite examples: adobe creative types homepage

このマイクロサイトでは、訪問者は「創造的な個性」を判断するために簡単なアンケートに回答します。 15の質問は、あなたの思考、行動、および見通しを評価し、それぞれに、あなたが与える答えの遊び心のあるビデオの比喩が続きます。

microsite examples: adobe creative types question page

最後に、8つのクリエイティブタイプの1つ(私は「メーカー」を取得しました)と、クリエイティブな目標を追求するための強み、可能性、動機、アドバイスについて説明します。 次に、タイプをダウンロードするか、ソーシャルメディアで共有できます。

microsite examples: adobe creative types results page

これらすべてがどれほど経験的に健全であるかは完全には明らかにされていませんが、それでも新しい意欲的なアーティストを参加させるための楽しい方法です。

4. Emojitracker(Emojipedia)

emojitracker.comに「ポイント」はありません。 これは、Twitterで使用されているすべての絵文字をリアルタイムで追跡するための実験として、FlickrandBitlyの元製品責任者であるMatthewRothenbergによって作成されました。 現在、Emojipediaのマイクロサイトとして維持されています。

microsite examples: emoji tracker page

サイト上の唯一の召喚状は、一番下にあるいくつかの発信リンクです。 そうでなければ、それは純粋な利益のためだけです。 ナビゲーションバーや別のサイトにアクセスする方法がないため、実際には一部の訪問者を混乱させる可能性があります。

Emojipediaは、ユーザーインターフェイス設計のいくつかのルールに違反する可能性がありますが、マイクロサイトが複雑な設計である必要はなく、クールなアイデアでかなり遠くまで到達できることも示しています。 時間をかけすぎずにページを維持できるように、シンプルにしましょう。

5. Elf Yourself(OfficeMax)

おそらく史上最も成功したマイクロサイトであるElfYourselfに言及せずに、マイクロサイトについて書くことはできないというのがルールだと思います。 ホリデーシーズンに来て、Elf Yourselfがなくなることはないので、受信トレイにアニメーションがたくさんあることを期待してください。

microsite examples: elf yourself homepage

そもそもこのサイトがとても人気になった理由は何ですか? まあ、それは陽気です。 その上、コンテンツは簡単に共有でき、Webサイトは使いやすく、ユーザーをスターにします。 これが企業主催のサイトであることはほとんどわかりません。

OfficeMaxはマイクロサイトを創造的に使用し、彼らの異常な旗を飛ばし、実際にそれをやってのけました。 同社はキャンペーンをブランドではなく消費者に焦点を合わせましたが、販売の提携はクーポンやプロモーションの形でElfYourselfのビデオの最後に行われました。

6.ブルーハート(パタゴニア)

パタゴニアは、一流の顧客体験を提供するだけでなく、その擁護活動においてさらに上を行く数少ない優れたブランドの1つです。 同社はファームリーグとの提携により、バルカン地域の水力発電ダムによって引き起こされる環境への害に注意を引くためのマイクロサイトを作成しました。

microsite examples: patagonia blue heart homepage

他のほとんどのマイクロサイトとは異なり、Blue HeartのWebサイトには、訪問者をメインのPatagoniaWebサイトに誘導する著名なCTAは含まれていません。 代わりに、短編映画、記事、インタラクティブマップなど、さまざまな要素で語られるストーリーに完全に焦点を当てています。

マイクロサイトの例:パタゴニアブルーハート情報ページ

ブランドがこの品質のマイクロサイトを公開することはめったにありません。BlueHeartは、ビジネスがより大きな使命を果たすためのリードを生み出すことをはるかに超えた、魅力的で視覚的に豊かな使命を持った体験です。

7.インサイドシャネル(シャネル)

シャネルの内部は、マルチメディアを利用して訪問者に会社の歴史と遺産について教育するマイクロサイトです。 このサイトには、この象徴的なファッションブランドの継続的な成功に貢献した人々、場所、アイテム、イベントを記録した短いソーシャルビデオがたくさんあります。

microsite examples: inside chanel homepage

目的? 「このマイクロサイトの背後にある戦略は、シャネルの歴史にある程度アクセスできるようにすることですが、さらに重要なのは、長年にわたる成功です」と、DaliaIncの社長であるDaliaStrumは説明します。

私たちは、視覚的なストーリーテリングに対する彼らのビデオ中心のアプローチが大好きです。 各ビデオはカーテンを引き戻し、ブランドのさまざまな側面(色、クチュールなど)に関連する舞台裏の写真やストーリーを独占的に見ることができます。

microsite examples: inside chanel article page

このサイトは、マイクロサイトの作成におけるシャネルの最初の刺し傷ではありません。 実際、このブランドは、編集スタイルのサイトであるChanel Newsを含む、複数のマイクロサイト形式を試してきました。

8. Xbox Museum(Microsoft)

Xboxブランドの20周年を記念して、MicrosoftはマイクロサイトXbox Museumを立ち上げました。これは、長年にわたるさまざまなコンソールのバーチャルツアーです。

マイクロサイトの例:20年のxboxホームページ

このコンテンツが豊富なサイトは、コンソールの発売、デザインプラン、ゲームのリリースなど、Xboxの歴史における重要なイベントを中心に構築されています。 あなたは仮想タイムラインをナビゲートするキャラクターとしてプレイし、各イベントをマークする記事にアクセスします。

microsite examples: the museum of xbox interface

これは、ビジネスにとってこのような巨大なマイルストーンを祝うためのユニークで適切な方法であり、長年のファンの懐かしさと新しいファンの興味を捉える方法でもあります。

9. Life at Home(Ikea)

2020年と2021年は、私たちがどこでどのように時間を過ごすかという大きな変化を示しました。 メンタルヘルスと生活空間の交差点に光を当てるために、イケアは独自の研究と家庭でより幸せになる方法のマイクロサイトを公開しました。

microsite examples: life at home ikea homepage

レポート全体を通して、読者は、COVID-19のパンデミックを通じて、メンタルヘルス、家族、コミュニティがどのように変化したかを学びます。 彼らは私たちの精神的健康における快適な生活空間と強い関係の役割を強調しています。 他のクールな要素には、地図の視覚化、ビデオ、および読者に提示される短い質問が含まれます。

microsite examples: a statistic displayed on the ikea life at home microsite

Ikeaのマイクロサイトは、安全な生活空間と健全な関係の重要性をブランドに巧みに結び付け、訪問者の心に前向きな関係を形成し、購入に近づけます。

10. NASA宇宙船(NASA)

正直に言うと、宇宙船はおそらくこれまでで最もクールなものであり、NASAはこれを知っています。 そのため、彼らはこのマイクロサイトを立ち上げました(しゃれを意図しました)。1960年の最初の打ち上げから最新の打ち上げまで、すべての衛星をカタログ化するために、James WebbSpaceTelescopeを立ち上げました。

microsite examples: nasa spacecraft homepage

各宇宙船には独自の3次元視覚化機能があり、簡単な説明とともに、さまざまな角度から回転して表示できます。 宇宙研究と探査に対する子供(または大人)の興味を再燃させるのに十分です。

11.チポトレファーマーズマーケット(チポトレ)

ファストカジュアルで人気のチポトレは、その食材が家族経営の農場から持続可能かつ倫理的に調達されていることを知ってほしいと考えているため、彼らを支援するための専用マイクロサイトを立ち上げました。

microsite examples: chipotle farmers market homepage

チポトレファーマーズマーケットは、会社のサプライヤーの一部と、製品を直接購入できるWebサイトへのリンクを一覧表示するマイクロサイトです。 このサイトは、40歳未満の50人の農家に5,000ドルを提供するシード助成プログラムを宣伝する手段でもあります。

microsite examples: chipotle farmers market team page

マイクロサイトとウェブサイト

マイクロサイトは多くの場合独自のWebサイトですが、通常Webサイトと呼ばれるものとは異なる点がいくつかあります。

ウェブサイトとマイクロサイトの主な違いは、その目的です。 組織のWebサイトは、製品やサービスの説明、価値観と使命の共有、製品の販売など、多くのことを行います。 これは、訪問者、リード、および顧客があなたと学び、ビジネスを行うために行く主要な場所です。 また、コンバージョンを促進し、訪問者に購入を促すために構築されている可能性もあります。

一方、マイクロサイトはさまざまな理由で作成される可能性があります。 Girardが説明するように、マイクロサイトは「企業のWebサイトとは別の、より小さなWebサイトであり、マーケターが特定のイニシアチブのコンテンツをすばやく作成して報告できるようにします」。 このイニシアチブは、キャンペーン、製品の発売、イベント、または現在および潜在的な顧客を引き付ける他の方法である可能性があります。 それでも、すべてのマイクロサイトは通常、ブランド認知度またはコンバージョンに焦点を合わせています。 また、通常、プライマリWebサイトとは異なるドメインまたはサブドメインを占有します。

さらに、その名前が示すように、マイクロサイトは通常、完全な会社のWebサイトよりも小さいです。 例で見たように、マイクロサイトのサイズは1ページから数ページまでさまざまですが、ほとんどの場合、関連するメインWebサイトよりもページ数が少なくなります。

マイクロサイトとランディングページ

マイクロサイトと同様に、ランディングページは、マーケティング活動に関連する特定の目標に焦点を合わせています。 ただし、ランディングページはWebサイトではありません。これは、Webサイト内の単一のWebページであり、訪問者にオファリングについて通知し、コンバージョンを促進することを目的としています。

ランディングページは、訪問者がリードの生成に集中できるように最小限のデザインを備えていますが、マイクロサイトは探索とエンゲージメントを促進します。 マイクロサイトは、人々とブランドの間に前向きなつながりを構築することを目的としているため、訪問者は旅の後半でコンバージョンを達成する可能性が高くなります。

マイクロサイト:小さいが強力

少なくともウェブサイトに関しては、企業はリスクを冒すことを好みません。 目標は、訪問者が着陸からコンバージョンに至るまで、可能な限りシームレスかつ迅速に購入できるようにすることです。 そのため、企業はリソースの多くをデザインとユーザーエクスペリエンスに費やしています。

しかし、マイクロサイトは会社のメインWebサイトではありません—それがポイントです。 結果として、それらはインターネット上で最もクールなプロジェクトのいくつかです。 マイクロサイトは、新しいコンテンツを試したり、独自のメッセージを宣伝したり、風変わりなことをしたり、そして最も重要なこととして、訪問者に価値を創造したりするチャンスです。

編集者注:この投稿は元々2016年3月に公開され、包括的に更新されています。

新しい召喚状