http://bmwfilms.com/

キャンペーン概要と特徴

BMW Filmsによる映画のティーザーサイト。キャンペーンサイト上で、30秒程度のティーザートレーラーを3つ視聴することができる。
少ない画像素材の中での表現方法が秀逸。背景いっぱいに画像を配置し、ズーム&スライドで変化を付けている。キャンペーンサイトのコンテンツは極めてシンプルで、ユーザーに迷いを与える余地のない作りになっている。

制作的大変そうなところ

技術的には特に変わったところはなく、ひたすら映像で勝負。

スマートフォンでの特徴

レスポンシブ対応

http://www.redbullbasement.com.br/

キャンペーン概要と特徴

Red Bull Basementが展開するイベント告知サイト。リオデジャネイロの街を、コンピュータテクノロジーを用いて再構成するというコンセプトのもと、コンペティションを開催している。同サイトでは、関連イベントの告知を、動画などを用いて行っている。
スクロールに反応したアニメーションと高いクオリティのイントロ動画が特徴。コンテンツを読み進めるにつれ、IoTデバイスのようなものが完成するアニメーションは、Red Bull Basementの取り組みを端的に示している。

制作的大変そうなところ

パララックスとして右にデバイスのようなものが完成・左は読み物（レスポンシブでスマートフォンサイズだと背景になる）というコンセプトが素晴らしく、テキストの色味も読みやすいようデザインを工夫している。

スマートフォンでの特徴

レスポンシブ対応

キャンペーン概要と特徴

The North Faceによる動画キャンペーン。同社の設立50周年を記念し、動画コンテンツの配信や、50年の軌跡の紹介、イベントの告知等を行っている。ハッシュタグは、”#QuestionMadness”。
シンプルながらも洗練されたタイル状のコンテンツ配置が特徴。特に、50年の軌跡を振り返るセクションは、時系列表現に特徴が見られ、PCでは左右方向へのスクロール、SPでは画面を90度回転させた上で横幅を広く使ったデザインを採用している。

制作的大変そうなところ

デザインが洗練されており、記事を探す・検索する利便性よりも見た目のスタイリッシュさを優先している（特に年表）。
反面、使いやすいかどうかはともかく、このページにたどり着くのは既にブランドのファンという前提なので
キャンペーンサイトというよりはブランディングの更なる向上のためのものとしては正しいコンセプトのレイアウトと思われる。

スマートフォンでの特徴

ユーザーエージェントによる振り分け

キャンペーン概要と特徴

Macy’sが映画Trollsとタイアップしたキャンペーン。コラボレーション商品や、映画のトレーラー動画、登場キャラクターなどの情報を掲載している。
日本ではあまり見られないカラフルな世界観が特徴。SNSを利用したキャンペーンではないが、やや不気味さも感じさせるビジュアルが印象的。動画を用いながら、映画の宣伝も行っている。

制作的大変そうなところ

強い色使いとキャラクター等のパーツが多いなかで文字は非常に読みやすくなるようにレイアウトとデザインは凝っている。
かなり軽くするよう頑張ってはいるのだろうが動画が多い＋画像が多い＋パララックスで相当重い。貧弱なグラフィックボードのPCでは相当苦しい。

スマートフォンでの特徴

ユーザーエージェントによる振り分け

キャンペーン概要と特徴

旅行サイトExpediaによるハワイをテーマにした動画キャンペーン。動画視聴中のユーザーの表情や、提案に対するYes/Noの返答といったユーザーからの入力をもとに、システムがおすすめのハワイ旅行を提案してくれる。
ユーザーとのインタラクティブなやり取りによるレコメンデーションシステムが特徴。ウェブカメラから動画視聴時の表情判定を行うという点が特に珍しい。

制作的大変そうなところ

ウェブカメラとの連携のデバッグはどれくらいの機種で行ったのか…というところ。
その他も動画・写真のクオリティや細かい演出にこだわり抜いてる。

スマートフォンでの特徴

レスポンシブ対応