キャンペーン概要と特徴

アウトドア用品販売店REIによる画像合成キャンペーン。ハイキングやスキー、キャンプ等のテーマを選択し、写真をアップロードすると、テーマに沿ったフレーム付きの画像が合成される。
Instagramと相性の良い画像を手軽に生成できる点が特徴。正方形、手書き風フォントなど、シェアされやすい投稿に対する調査力の高さが感じられる。キャンペーンサイト上の投稿ギャラリーの手法も美しい。

制作的大変そうなところ

英語圏でない我々にも直感的な”気軽さ”が伝わってくる。マーケティングからのチョイスセンスも素晴らしい。ただこの重さでレスポンシブはだいぶ思い切ってるな～という印象。

スマートフォンでの特徴

レスポンシブ対応

http://okgo.net/

キャンペーン概要と特徴

米国のインディーロックバンドOK Goのブランドサイト。最新情報やミュージックビデオ、ストア、SNS等へのリンクが掲載されている。
通常グローバルメニューとなりうる要素(NEWS・MUSIC・VIDEOS等)が、ビジュアル全体に展開されている構造が特徴。各要素の背景画像もアニメーションも特徴的で、だまし絵のような効果が取り入れられている。全体的に一時期流行したモバイルアプリ「Yo」のようなUI。フリーダウンロードをインセンティブにしたEメールによるサブスクリプションがトップに表示される点はアーティストらしさがある。

制作的大変そうなところ

ベタなレスポンシブ～的な1カラムUIは単純で使いやすいからキャンペーンというよりブランディングサイトは特別な仕掛けでない限り全部これでいいのでは。

スマートフォンでの特徴

レスポンシブ対応

http://columbia.com/testedtough.html

キャンペーン概要と特徴

Columbiaによる写真投稿キャンペーン。同社製品のタフネスをアピールするため、過酷な環境においてテストが行われている様子が掲載されている。写真は、キャンペーンサイト上のアップローダのほか、Instagram、Facebook、YouTubeのアカウントと連携して投稿することができる。ハッシュタグは「#TESTEDTOUGH」
自社コンテンツと、SNSで集められたコンテンツ(UGC)のバランス感が特徴。製品としてタフネスをテストしていること、それがユーザーに広く利用されていることが、嫌味なく伝わっている。

制作的大変そうなところ

視覚的なインパクトとColumbiaユーザー同士の連携感が見えやすくなってる、SNS上でキャンペーンを走らせてサイトに統合するタイプの好例と思われる。
ただ結構サイトの運営というか投稿写真管理の手間は大変そう。

スマートフォンでの特徴

レスポンシブ対応

https://twitter.com/SpotifyJP/status/798541676885065728

キャンペーン概要と特徴

Spotify JapanによるX（Twitter）・ハッシュタグキャンペーン。X（Twitter）上で、好きな絵文字3つと、ハッシュタグ「＃絵文字で音楽発見」を付与した投稿を行うと、Spotify Japan公式アカウントがオススメの音楽をリプライする。
Emojiを通じた手軽かつインタラクティブな情報発信が特徴。リプライにはX（Twitter） Audio Cardが利用され、楽曲の試聴が可能になっているほか、同社サービスへの導線も用意されている。システム面では、絵文字には表記の揺れが無く、自動化もしやすい。

制作的大変そうなところ

X（Twitter）のみを使った、フォロー&リツイートでインスタントウィンのキャンペーン | 株式会社 N2P
こちらで解析したキャンペーンの方法を変えた版。
spotifyの楽曲がX（Twitter）公式だとビジュアルとなって出るので効果が高い。

スマートフォンでの特徴

SPファースト

http://www.nintendo.com/nes-classic

キャンペーン概要と特徴

任天堂によるブランドサイト。日本のファミコン復刻版に相当するゲーム機・NES Classic Editionについて、スペックや収録内容、購入リンクなどの情報を掲載している。
ファミコンのクラシックな印象を保ちつつも、Webサイトとしてモダンな構造を持っている点が特徴。8bitな印象のキャラクターや、見出しのフォントや色など、ファミコンの世界観を持ち込みながらも、パララックス効果といったWebサイトに必要な要素を抑えている。

制作的大変そうなところ

技術は「模範的なパララックス・レスポンシブ」といったところだが意匠を崩さない・各キャラを見事に落とし込んだデザインとコーディングは凄腕といえる。

スマートフォンでの特徴

レスポンシブ対応