11 of the Best Microsite Examples We’ve Ever Seen

最高のものはしばしば小さなパッケージでやってくると言われます。 考えてみてください。宝石、スナップチャット、本、新車のキー……これらすべてが、この考えを裏付けるものです。

そして、私たちの注意力が金魚以下になりつつある今、私たちがより小さなスケールでより集中したコンテンツを渇望し始めているのは、驚くには値しないことでしょう。

そこで登場したのが、マイクロサイトです。

そこで登場したのがマイクロサイトです。

そして、マイクロサイトの登場です。 ここをクリックして、インタラクティブ コンテンツの例の厳選されたコレクションをダウンロードできます。 いくつかの使用例を見る準備はできましたか?

注意: 例 7 には冒涜的な表現があるので、苦手な方はスクロールしてください。

マイクロサイトとは

マイクロサイトは、ブランドの独立したエンティティとして機能する個々の Web ページまたは小さな Web ページのクラスタです。 マイクロサイトは通常、独自のドメインに存在しますが、サブドメインとして存在するものもあります。

マイクロサイトは、ブランドがさまざまなことを達成するために使用することができます。 たとえば、特定のキャンペーンを強調したり、特定のバイヤー ペルソナをターゲットにしたりするために使用した企業もあります。

11 Examples of Ingenious Microsites

1) YearInMusic.Spotify.com | Spotify

昨年、私がどれだけジャスティン・ビーバーの曲を繰り返し聴いたかを思い出させるために役立つことは別として、Spotify の Year in Music はこれまで見た中で最もうまく実行されたマイクロサイトの 1 つであることが証明されています。

spotify-year-in-music.png

一般に、前の年を支えた音楽の「お祝い」と呼ばれる Spotify のインタラクティブ サイトは、あなたのリスニング習慣に基づいて、特にあなたのためにパーソナライズされたものです。

それは具体的にはどういうことでしょうか? このツールでは、最初に再生した曲、季節ごとのトップアーティスト、再生に費やした時間などの詳細を組み込んだ、自分だけの記録を簡単に作成することができます。 ユーザー独自の体験ができるので、自分のあらすじを友人と共有したり、比較したりするのが楽しくなります。

そして、共有に関しては、マイクロサイトが本当に簡単にしてくれます。

2) DangersOfFracking.com | Linda Dong

FRAC Act (Fracturing Responsibility and Awareness of Chemicals Act) のサポートを得るために、インタラクションおよびインダストリアル デザイナーの Linda Dong は、油圧破砕の危険性について伝えるために視差デザインを使用した美しいマイクロサイトをデザインしました。

microsite-fracact

物語は、雲から落ちる水滴から始まり、サイトをスクロールしながら、水滴がトラックから破砕現場まで運ばれ、トラッキング液に変わり、ガス井から地下に送られるまで、その水滴を追っていくものです。 その過程で、フラッキングの危険性に関する様々な事実や統計を目にしますが、最後に2つのシンプルな行動への呼びかけに出会います。 「

microsite-fracact2

このようなマイクロサイトは、方向性の手がかり (この場合、視差移動) を使用して、ユーザーが特定のコール トゥ アクションを完了するように促すことに重点を置いており、他の妨害やナビゲーション バーが完全に除去されています。

マイクロサイトが1つか2つの行動喚起に焦点を当てている場合、このように簡潔で行動可能であることを確認し、フォントカラーをポップにするかボタンにコピーを入れることによって、サイトの残りの部分から視覚的にそれらを分離するようにします。

3) UrWhatUPost.com|BoltHouse Farms

「なぜジャンクフードがすべての栄光を手に入れるべきなのか」

BoltHouse Farms のマイクロサイト UrWhatUPost.com に最初にアクセスすると、この質問をされることでしょう。 BoltHouse Farms は、健康な食品と不健康な食品について、どれだけ多くのソーシャルメディア上の会話が行われているかを人々に示すためにこのサイトを作成しました。 そのために、#UrWhatUPostのハッシュタグを集め、ソーシャルメディアで共有される食品の種類を追跡し、#grapesのような健康的なものと#icecreamのような不健康なものとを比較したのである。 このサイトのゴールは、会社全体のミッションと一致しています。

microsite-foodpornindex

Bolthouse Farms はマイクロサイトはミニマルでなくてもよいことを証明しています。 このサイトのページは、カラフルなアニメーションで、文字や動く数字が、ぶら下がったニンジンやスイングするザクロに変化します。 食材をクリックすると、マジックが起こり、すべての食材が異なる。 ザクロをクリックすると、ピニャータのようにクリッカーでザクロを叩くことができます。 メロンをクリックすると、iTunes Visualizerのような「メロン瞑想」ページが表示されます。

4) Dominosdxp.com | Domino’s Pizza

昨年、Dominos は DXP として知られる、新しい Chevy Spark ピザ配達車を発表しました。

このすばらしさを示すために、最近、DXP のすべてを詳細に説明する専用のマイクロサイトを立ち上げました。

dominos-microsite.png

このサイトは非常にインタラクティブで、各機能を拡大し、それぞれの追加に込められた目的と思考レベルを理解することができるようになっています。

何はともあれ、これは、かなり複雑な製品やアイデアを、楽しく簡単に消化できる方法で宣伝し、説明する方法の素晴らしい例です。

何はともあれ、これは、かなり複雑な製品やアイデアを、楽しく、かつ消化しやすい方法で宣伝・説明した素晴らしい例です。

5) EmojiTracker.com|Matthew Rothenberg

Emojitracker.comに「ポイント」はありません。FlickrとBitlyの元製品部長であるMatthew Rothenbergによって、Twitterで使用されるすべての絵文字をリアルタイムにトラッキングする実験として作成されました。

Screen_Shot_2014-08-19_at_3.37.13_PM

このサイトの唯一のコール トゥ アクションは、一番下にあるツイートとフォロー ボタンだけです。 それ以外は、純粋に興味を引くためだけのものです。

技術的には、優れたユーザー インターフェイス設計のルールを破っていますが、マイクロサイトは複雑な設計である必要はないことを示すものです。

Fu2016.com ハウス オブ カード

Step aside, Donald Trump. この印象的でインタラクティブなマイクロサイトで、インターネットを席巻している新しい大統領候補がいます。

Netflixの「ハウス・オブ・カード」シリーズをご存じない方のために説明すると、この番組は、隠された意図を持つ冷酷な政治家、フランシス・アンダーウッドという人物を描いています。 このシリーズはシーズン4に突入し、政治を揶揄する巧妙なマイクロサイトで初回放送を宣伝しています。

frank-underwood-microsite.png

マイクロサイトは、アンダーウッドの運動に参加して、不平等、不正直、権利などの「重要」問題への支援を集めようと訪問者を誘うものである。 しかし、冗談はさておき、私たちがこのマイクロサイトで最も気に入ったのは、そのデザインです。 実際のところ、このサイトは実際の大統領候補のサイトよりも機能していると言えるでしょう。

FU_2016.png

7) WhatTheF*ckShouldIMakeForDinner.com | Zach Golden

大きな予算はありませんか? What The F*ck Should I Make For Dinner? の著者である Zach Golden をヒントにして、この本を宣伝するためのマイクロサイトを作成しました。

What_The_Fuck_Should_I_Make_For_Dinner_.png

耳栓、子供たち。

サイトは非常にシンプルなレイアウトになっています。 レシピの目的」の行が回転し、本からのレシピが回転し、3 つのリンクで「自分の旅を選ぶ」ようなことができます。 白黒のミニマルなテーマで、すべて大文字を使用し、隅に小さなコール トゥー アクションを配置して、彼の本を宣伝しています。 それだけです。

メディア企業のDigidayは、Goldenからヒントを得て、彼のマイクロサイトのテンプレートを使い、独自の実験を行いました。

「Justin Windle氏によるオープンソースのWTFEngine、安価なウェブホスティング、12ドルのドメイン登録のおかげで、WhatTheF*ckIsMyTwitterBio.comは2時間以内に立ち上げることができた」と、Digidayのプレスリリースには書かれています。 「ステップ2は、サイトにコンテンツを入れることで、これには…」

What_The_Fuck_Is_My_Twitter_Bio_.png

彼らの最大の収穫とは何でしょうか? 良いコピーには効果があるということです。 「

8) ElfYourself.com | OfficeMax

マイクロサイトについてのブログ記事を書いていて、ElfYourself を取り上げないとは思いませんでしたか? もちろん、そうではありません。 下のスクリーンショットは、今現在の Web サイトの様子ですが、ホリデーシーズンになると、ElfYourself はなくならないので、今年も受信トレイは ElfYourself アニメーションで溢れかえるでしょう。

Screen_Shot_2016-03-02_at_3.01.52_pm.png

このサイトの人気の秘密は何だったのでしょうか? 陽気であること以外に、簡単にシェアできること、コールトゥアクションが1つであること、そしてユーザーを主役にしたことです。

「消費者にとってはブランドに命を吹き込み、企業間取引では大型小売店の人間的な顔を提供した」と Kenneth Hein は Forbes に書いています。

言い換えれば、Office Max はマイクロサイトを使ってクリエイティブになり、自分たちの旗を掲げ、それが魅力的に作用しました。 しかし、ElfYourselfのビデオの最後に、クーポンやプロモーションという形で、販売と結びついたのです。

9) TasteTheFeeling.Coca-Cola.com|Coca-Cola

現実を直視しましょう。 私たちは皆、GIF が大好きです。 そして、Coca-Cola の人々は、「Taste the Feeling」マイクロサイトという形で没入型のオンライン エクスペリエンスを作成することにより、この必然的な称賛を利用しました。

Coca_Cola_Taste_The_Feeling.png

その仕組みは次のとおりです。 ユーザーがこのページにアクセスすると、Avicii と Conrad Sewell によるカスタム キャンペーン アンセムに合わせた 2 分間のミュージックビデオが表示されます。 このビデオは、コカ・コーラの愛飲者が感じるさまざまな感情を表現した3秒間のGIFがループしているものです。 また、自分の感情を入力すると、対応するGIFが表示されます。

すべてのGIFはソーシャルメディアで簡単に共有できるため、人々をサイトに引き戻してコンテンツに参加させる素晴らしい方法となっています。

このマイクロサイトは、20以上の異なる言語で利用できるため、キャンペーン資産のグローバル化に関心のある人々にとって、素晴らしい例となります。

10) Inside.Chanel.com | Chanel

インサイド シャネルは、Luxury Daily によると「ビデオとマルチメディア コンテンツを通じて、メゾンの歴史と遺産を消費者に伝える」マイクロサイトです。 このサイトには、この象徴的なファッションブランドの継続的な成功に貢献した人々、場所、物事、出来事を記録した、短いソーシャル動画が多数掲載されています

目的は? 「

Dalia Inc.の社長であるDalia Strumは、「このマイクロサイトの背後にある戦略は、シャネルの歴史、そしてより重要な、長年にわたるシャネルの成功にアクセスできるようにすることです」と説明します。

このサイトが、シャネルのマイクロサイト制作の最初の試みではないことに注目することが重要です。

Chanel_News.png

11) BurgerBff.com|Mellow Mushroom

Mellow Mushroom の人々によるこのマイクロサイトは、ジョージア州アトランタで創業したピザのフランチャイズですが、最近の「バーガー BFF」キャンペーンに対応するために作られたものです。 このキャンペーンは、新メニューの話題作りのために開始されました。 Herb(ベジタリアン・バーガー)とCarnie(ビーフ・バーガー)です。

キャンペーンのために、メニューは漫画の BFF に変身し、その結果、かなり愛らしくなりました。

BFF_Burger.png

Mellow Mushroom はマイクロサイトを使って、親友とのデンバーまたはシアトルの往復旅行を獲得するチャンスのための、コンテスト宣伝を行っています。 そして、実に楽しくて興味深い方法でそうしているのです。

BurgerBFF_Campaign.png

しかし、これだけではありません。 このサイトでは、クイズやマッドリブ風のストーリーテリングジェネレーターなど、魅力的でインタラクティブな方法でコンテストに参加することができます。

以下は、価格設定ページの 11 の例です。

新しいコールトゥアクション

新しいコールトゥアクション

コメントを残す

メールアドレスが公開されることはありません。