写真とレイアウトがよければ、決まるな。

■ナッチャンRera - 新たな「船旅」を東日本フェリーから。

残念ながら運行を中止してしまった、青森～函館を結ぶ東日本フェリーの高速船「ナッチャンRera」「ナッチャンWorld」のサイト。

何がいいって、写真がいい。

普通、こういった乗り物は「足」なわけだが、写真の見せ方が「エンターテイメントとしての乗り物」を表現している。

サイトの作り自体はシンプルなものの、写真の使い方・レイアウトについては勉強になるだろう。

商品コンセプトにあったサイトの“空気”

■風と太陽と水と。ダイワハウス　風流鯨

大和ハウス工業が販売する、小型風力発電機、『風流鯨』のブランディング／商品サイト。

商品そのものが、すばらしいプロダクトデザインを持っているうえ、
サイトのデザインがその商品のコンセプトを体現しているような“空気”感を醸し出している。

例えば、トップやコンテンツ間のトランジションに用いられる手書き風アニメ、ＢＧＭなど、複数の要素によって、それらが生み出されている。

ＷＥＢサイト、特にブランディングサイトは「企業パビリオン」みたいなものだと思う。それゆえに、このような「サイトの“空気”」のデザインは非常に重要だ。サイトはエクスペリエンスを与えることができるからこそ、エモーショナルな点も計算に入れなければいけない。

カーソルで操作させる

■ HONDA CROSSROAD MESSAGES

HONDAのSUVのブランディングサイト。
同車のベネフィットにまつわる１８のメッセージを探すようになっている。

おもしろいのは[->]（＝右カーソル）で遷移させること。

マウスでクリック、だけでなく、色々なキーを押させるのも手だが、ひとつのキーだけ、というのがよくできている。

押し続ける＝ユーザーの意識が画面に行く、ってこと。

数多くあるよ、の空間表現するならここまでやらなきゃ？

■ PS3 Games Universe

Playstation 3 のゲームタイトルを紹介するサイト。

おそらくゲームタイトルは多くなったよ、とかそういう意味合いで作ったのだろう。

空間表現をするなら３Ｄ的な奥行き表現が「量」の表現をしやすいのか。

ひさびさにフルスクリーン化されるサイトを見ましたが、やっぱりブランド世界に引きずり込まれやすい。

無限に続くドライビングシーン

■ Saab - infinite drive

自動車メーカーのサイトには秀逸なものが多いが、あらゆる要素をそぎ落とし、ドライブ感覚のみにフォーカスしたこのサイトは、2004年のカンヌで金賞を受賞。

いまだに自動車系サイトでは最高のエクスペリエンスを与えているサイトだと思っている。

なぜなら、普通、自動車のプロモーションというものは外装や内装を見せたがるものだが、このサイトは、ユーザーが実際に乗っている感覚のみに、特化しているからだ。

だからこそ、エクスペリエンスサイトの最高峰に位置するサイトだと思うのだ。

■BMW PACE

■BMW PACE - Pursuit Across Europe

ひさびさに見つけた、リキの入った車メーカーサイト。
やっぱり、ＢＭＷ。

こういうのが“エクスペリエンス”のあるサイトです。なんか最近勘違いしてるのが多いけど、体験させるっていうのは、リアルな体験をＷＥＢにそのまま持ち込むことではなく、その体験の本質的な部分をいかに抽出できる、ＷＥＢでしかできない表現かつインタラクティブだからできること、に昇華するか、なのです。

Chevy が作った、セカンドライフの向こうを張る超イケてる3DCGサイト

■ Chevy Nation
久々にリキの入った３ＤＣＧを使ったサイトの登場。
最近セカンドライフがまるで最先端なように思われているWebの世界だが、一見自由にみえるセカンドライフの世界も正直制約だらけだし、こぞって「出店」しているのがワケわからん。サーバーを買った某代理店の営業攻勢に騙されてるだけとしか正直思えないところ。
もしセカンドライフに「出店」しようとしている企業のマーケティング担当者がいたらぜひこの Chevy のサイトを見て欲しい。Webの世界はこれほど自由だし、リッチな体験を制約無く作ることができる。しかも、セカンドライフの登録ユーザーのみならず、全てのインターネットユーザーが対象なのだ。そして制作者たちにはこのサイトを「Webで何ができるのか？」を見せるための例として使って欲しい。

やっぱり映画のサイトは映画の世界体験型がいい。

■映画「サンシャイン 2057」公式サイト

『トレインスポッティング』のダニー・ボイルがＳＦに挑戦。

予告編を見る限りは、『さよならジュピター』と『2001年宇宙の旅』、『アルマゲドン』、『１１人いる』、『サイレントランニング』、ロン・ミラーの『ブラック・ホール』、『アビス』などなどなどなど．．．色んな映画の要素がてんこもり、な映画だが。。。

ひさびさに映画の世界に入り込むタイプのリキの入った公式サイトです。
映画サイトは単なる「チラシの延長線上」よりも、「映画の世界体験パビリオン」のほうが惹かれますし、映画見に行きたくなります。つまり映画サイトはＵＳＪのオンライン版にしたほうがいいってことですかね？

まぁ、船体の中歩き回るだけじゃんっちゃあ、そうなんですがｗ

Coke Blak のサイトはよくできてるぞ。

"Coca-Cola Blak"
キャンペーンサイトとしての完成度が非常に高いサイトを久々に発見した。
恐らくこのサイトを見ると、なんら（業界人が好きそうな）インタラクティブなシカケがないので、多くの広告人は、えーおもしろみないじゃーんとか思うかもしれないが、ほんとに秀逸である。いくつかポイントをあげると．．．、

（１）サイトを訪れたときに流れ出すＢＧＭ～これまでのCokeと違ってオトナな飲み物が Blak である。そのために視覚的要素のみならず聴覚的にも訴えかけてブランディングを行っている。しかもその仕組みが優れていて、コンテンツ間を動き回っても音楽プレイヤー部はずっと定位置にあり、音楽が途切れることがない。これによって、リズムに乗りながらサイト内を回遊することができる。この音楽こそが、ブランド・エクスペリエンスを成り立たせている。この点ＷＥＢならでは。

（２）バイラルに拡がるシカケとセキュリティ～"spread the world" という"send to friend（友達に知らせる）"機能がもちろん存在する。しかし、これが相手先に単なるテキストメッセージで届くのではなく、htmlのメールとしてビジュアル化されたポストカードが届くようになっている。これによって、届け先での注目率は非常にあがる。また、この機能を使う際には、一メッセージごとにコードを入力しなければならない仕組みになっているため、その分、大量のスパム化を防いでいる。

などなど。。。
注目です。

ちなみに僕はこのサイトから入手できる、スクリーンセーバーのクールさに脱帽。

あ、実際飲みましたけど、オトナな coke です。結構好きです。日本でも早くでないかなあ。

バドワイザーのユーザー参加型サイト

" Budweiser Select "
Budweiser によるキャンペーンサイト。ユーザーが phot hunt して参加することもできる。
画面の左部の路線図が各コンテンツへのリンクになっていて、各コンテンツ間を移動するときには列車にのって移動しているようなインターフェースもついている。
これもエクスペリエンス。

登場人物になる、エクスペリエンスなメニュー構造

"Casino Royale 007"

007の新作「カジノロワイヤル」のオフィシャルサイト。
登場人物としてカジノの席に座ったようなインターフェースとなっており、座席上のカードがメニューとなっている。つまりこのサイトに入った時点でサイト来訪者は作品中の登場人物となって参加させられており、カードを引かざるをえない、といったエクスペリエンスサイトになっている。

マウス以外

"Project Gotham Racing 3"

このサイトのよく出来ているところは、サイトのデザインそのものではない。そうではなく「インタラクション」そのもののデザインである。多くの人が所与のものとして「マウス操作」を前提にサイトを作っている。しかしながら、ユーザーの目の前には多数の「キー」が並んでいるのであって、それもインタラクションのデバイスに利用することは当然可能なのだ。しかしみんなが使っていないのはなぜか？　結局フレームにとらわれてしまっている、ということなのだろう。新しいアイデアやチャンスは、意外と身近にあるもの。でもそれに気づかないのは、自分で自分の頭に狭いフレームを設定してしまっているからなのである。

いわゆる“マルチメディア”な感覚の大事さ

" wiiik "
「マルチメディア」という言葉はすっかり死語になってしまったが、その試みは、ひとつのプラットフォーム上で複数のメディアが使えるという、メディアのインテグレーションと考えられる。Webのデザインにおいて、音・２Ｄイメージ・３Ｄモーションがうまく融合し、かつそこにインタラクションのうまい設計が入れば、非常にアトラクティブなサイトができる。
この WiiiK はそれらに加え、水彩画的な背景etcを用いてアナログ的な感覚も持ち合わせた秀逸なサイトになっている。

いじること、なにもしないこと、でエモーショナルに感じる

"Forgotten War"
コンゴ紛争＝忘れられない戦争を扱ったサイト。
サイトの中に、戦争の写真や、戦争についての色んな人のコメントがちりばめられている。
銃撃の音に連動した画面の動作、クリックしたときのメッセージの移り変わりなど、いわゆる「インタラクティブ」な部分もよくできている。しかし画面に対して何もしなくても、画面が話しかけるかのように、銃撃音や口笛などの様々な音が聞こえてくる。
いわば、いじらせることと、なにもしないこと、両方からエモーショナルに働きかけてくるサイトになっているのである。

「定期購読」するウェブサイト

"ハブラシ:歯とおくちのしあわせマガジン"

昔から、Web-zine、e-zineと呼ばれるものはあったが、ここしばらくはあまりそういうコンセプトのものは見られない。でも久々にそういうものが登場。サンスターが実施するこのサイトがそれ。

内容は雑誌というよりも、歯科医によく置いてある小冊子に近く、子供向けにもわかりやすい内容になっている。

派手な演出は無いがテンポのいいストーリー構成で、ハミガキの大切さをうまく伝えている。

また、サイト内のコンテンツとしては、[ママ、ハミガキできたよ！カレンダー]や[バイバイばいキング]という絵本など、ハミガキのターゲット＝幼少児に合わせたものをしっかり設置しているのもいい。

これでも充分たのしい。

"CARLITOPOLIS"

サイト来訪者を楽しませるにはホンのちょっとのお遊びとアイキャッチがあればいい。

ハムスターのアニメとメニューをマウスオーバーしたときのちょっとした仕掛けが、他になにもないコンテンツながら、秀逸。