いよいよ夏本番!2016年夏版の炭酸飲料プロモーションサイトまとめ

更新日:2016年6月20日

暑い…暑くなってきましたね!
夏といえば、スカッと喉を潤してくれる炭酸飲料。今回は様々な炭酸飲料のプロモーションサイトを探ってみました。コンテンツ作りにお悩みの方、参考にどうぞ。

コカ・コーラ

cocacola
コカ・コーラ(Coca-Cola)公式ブランドサイト
炭酸飲料の王者と言えばコカ・コーラ。きゃりーぱみゅぱみゅをはじめとした豪華アーティストとのコラボソングが聴けたり、オリジナルのGIFアニメーションを作れるコンテンツなどが用意されています。スマホから見ると撮った写真を元にオリジナルのスタンプを作れるというコンテンツも。

オランジーナ

orangina
ORANGINA|オランジーナ
フランスで愛される炭酸飲料オランジーナ。日本では2012年から販売され、この数年でかなりの存在感を出してきています。同シリーズのレモンジーナは土の味と言われてネットで話題になりました。現在はフランス人女優を起用した「オランジーナ先生」というドラマ仕立てのプロモーション展開をしています。サイトは製品の紹介というよりもオランジーナ先生のドラマ紹介風になっています。Instagram押しが強く、全体的におしゃれな感じになっています。

三ツ矢サイダー

mitsuya
三ツ矢サイダー|アサヒ飲料
パッと見たところ目立つところは少ないですが、細かいところに凝った演出が散りばめられています。トップのキービジュアルの下の方に波打つ緑のラインはCanvasで描画されていたり、ラインナップのページではスクロールに合わせてボトルの画像が順々に表示されるようになっていたり、キャンペーンサイトのお手本になりそうなギミックがいろいろなところで使われています。

ファンタ

fanta
ファンタで紹介したいのはジコショーカイ・ラップというコンテンツです。俳優の菅田将暉さんのCMと連動したキャンペーンサイトで、自分のプロフィールを入れると動画が生成されるというもの。インタラクティブなコンテンツがFlashではなくJavaScriptで作られています。ちなみにCanvasではなくDOMを使ったアニメーションでした、大変そう。

ウィルキンソン

wilkinson
ウィルキンソン WILKINSON
俳優のディーンフジオカさんをフィーチャーしたプロモーション展開をしているウィルキンソン。サイトはおもいっきりクールな感じで、ウィルキンソンの歴史やアレンジレシピなどを紹介しています。スクロールするとコンテンツがインタラクティブに変化するような作りになっているのですが、MagicMouseだとスクロールしすぎてしまう現象が多発、ちょっと残念です。

C.C.レモン

cclemon
C.C.Lemon
おもいっきり松岡修造さん押しのC.C.レモンのサイト。100人分の応援歌ムービーやWeb上の投票と連動したコンテンツなどが用意されています。

Sprite

sprite
スプライト
アーティストのAAAとコラボしたプロモーションサイト。動画を使った背景がとても良い感じです。

キリンメッツ

mets
キリンメッツ
これは…金かけ過ぎなのでは…?!と思わずにはいられない、まるでハリウッド映画のプロモーションサイトのような雰囲気のメッツのサイト。嵐の3人が出演するCMと連動したサイトになっていて、まず表示されるのはBGMのON/OFF選択画面(スマホも出る)。各キャラクターの紹介やメイキング映像、そしてゲームのコンテンツまで。スマホで楽しめるミニゲームはちょっとハマってしまいそうな横スクロールのランニングアクションゲームです。以前のドラゴンボールのキャラクターがダンスをするプロモーションもインパクト大でしたが…すごいこだわりようです。

おまけ:ドクターペッパー

drpepper
Dr Pepper
最近はあまり見なくなってしまいましたが、世界では根強い人気のドクターペッパー。日本のサイトはなかったのですが、英語版はありました。ダイエットドクターペッパーのサイトには謎のキャラクターLIL’ SWEETというアーティストが登場して、9曲分のプロモーションムービーが用意されているなど、思わず???となるコンテンツが散りばめられています。

さて、今回は夏の定番炭酸飲料のプロモーションサイトをまとめてみました、いかがでしたか?随所に今時の技術が使われていたりして、こだわりを感じます。少し前はスマホアプリによるプロモーションが一時的に増えましたが、インストールのハードルが高いため、再びWebによるプロモーションが盛り上がっているように感じます。HTML5の最新技術が普及すると、もっと面白いものが出てくるのではないでしょうか?楽しみです!

書き手:小島 芳樹
Webやスマートフォンアプリによるサービスを開発・提供する会社で働いています。
Twitter: @yoshikikoji

この記事が気に入ったらいいね・フォローお願いします!

『Webデザイン』の記事