いいサイト

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

2008-11-05T12:00:00.003+09:00

■ナッチャンRera - 新たな「船旅」を東日本フェリーから。残念ながら運行を中止してしまった、青森～函館を結ぶ東日本フェリーの高速船「ナッチャンRera」「ナッチャンWorld」のサイト。何がいいって、写真がいい。普通、こういった乗り物は「足」なわけだが、写真の見せ方が「エンターテイメントとしての乗り物」を表現している。サイトの作り自体はシンプルなものの、写真の使い方・レイアウトについては勉強になるだろう。

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

2008-08-03T18:45:00.001+09:00

■風と太陽と水と。ダイワハウス　風流鯨大和ハウス工業が販売する、小型風力発電機、『風流鯨』のブランディング／商品サイト。商品そのものが、すばらしいプロダクトデザインを持っているうえ、サイトのデザインがその商品のコンセプトを体現しているような“空気”感を醸し出している。例えば、トップやコンテンツ間のトランジションに用いられる手書き風アニメ、ＢＧＭなど、複数の要素によって、それらが生み出されている。ＷＥＢサイト、特にブランディングサイトは「企業パビリオン」みたいなものだと思う。それゆえに、このような「サイトの“空気”」のデザインは非常に重要だ。サイトはエクスペリエンスを与えることができるからこそ、エモーショナルな点も計算に入れなければいけない。

レイヤー的に考える／Widgetはこう使う

2008-01-19T11:08:00.001+09:00

■FOX: Terminator-The Sarah Connor Chroniclesつい最近全米で始まった、Terminatorのスピンオフ・ＴＶドラマ「The Sarah Connor Chronicles」のサイトより。最近では over-lay 広告をめっきり見かけなくなってしまったが、サイトのデザインには使えるなと思ったのがこのサイト。正面の女性（サイボーグ）の部分は後ろのメニュー部分に対して前面にある、というレイヤー的なデザイン構造。それがこのシンプルなサイトの表現性を高めている。ただ、こうした構造が成功するには、前面レイヤーにあたる over-lay の部分よりも、その背景にくる部分のデザインがしっかりしてるかどうか、にかかっていそう。またこのサイトでは widget の配布を行っているが、なるほど、こうゆうのを配ればそりゃいいよね、と。勉強になります。

怒れるハンバーガー!!

2008-01-15T06:34:00.000+09:00

■BURGER KING: ANGRY-GRAMBURGER KING と Chrispin Porter + Bogusky の組み合わせでまた面白いこと始めてます。同社の売れ筋商品である、WHOPPER のキャンペーン。怒りのメールを書くと、それがハンバーガーになって相手に届き、その相手がメールを開くと、怒れるWHOPPERがしゃべりだす、というもの。普通、広告のキャンペーンって「怒り」とかそういう否定的なものは使わないんだけど、やっぱりそこは、CP+B、うまく仕上げています。また、メールの内容入力画面で、頭文字をいれると suggestion となる単語が出てくるなんて機能もあります。これは Google Suggest からヒントを得たのだと思いますが、こういったＵＩも大事ですね。ユーザーが使いやすいキャンペーンサイトって視点でもよくできています。

カーソルで操作させる

2008-01-13T13:11:00.000+09:00

■ HONDA CROSSROAD MESSAGESHONDAのSUVのブランディングサイト。同車のベネフィットにまつわる１８のメッセージを探すようになっている。おもしろいのは[->]（＝右カーソル）で遷移させること。マウスでクリック、だけでなく、色々なキーを押させるのも手だが、ひとつのキーだけ、というのがよくできている。押し続ける＝ユーザーの意識が画面に行く、ってこと。

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

2008-01-13T11:33:00.001+09:00

■ PS3 Games UniversePlaystation 3 のゲームタイトルを紹介するサイト。おそらくゲームタイトルは多くなったよ、とかそういう意味合いで作ったのだろう。空間表現をするなら３Ｄ的な奥行き表現が「量」の表現をしやすいのか。ひさびさにフルスクリーン化されるサイトを見ましたが、やっぱりブランド世界に引きずり込まれやすい。

テレビ的表現でテレビでできないことをやる

2008-01-13T11:21:00.000+09:00

■ La securite integrale de Mercedes-BenzMercedesの安全性を説明するブランディングサイト。オープニングの未来的な映像も秀逸だが、その後のインタラクティブな説明ムービーが秀逸。サイトの構成はディレクトリ的な構造で考えすぎるきらいがあるが、このようなインラインに展開するものもものによっては可能だし、積極的に使うべき。いってみれば、テレビ的表現でテレビでできないことをやるってこと。

未来のビールを飲んで、踊れ

2007-08-14T13:45:00.001+09:00

■ Heineken DRAUGHTKEG自分の顔、友達の顔をアップロードして、みんなで踊れる。しかも、↑のようにブログに貼り付けられるってのもイマドキで面白い。

シンプルなショウ体験

2007-08-10T23:41:00.000+09:00

ISSEY MIYAKE BRAND WEBSITEこれは秀逸すぎるムービー。Branding site はこのぐらいシンプルにイメージを伝えるのもありなのではないか？やたらと「見せられるもの」が多いよりは。むやみやたらにクリックさせるインタラクティブよりも、ココロがブランドにインタラクションを起こしてしまう、そんなサイトだ。おっと、Masahiko Sato のクレジットが。やはりすごいわ。

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

2007-06-23T15:00:00.000+09:00

■ Saab - infinite drive自動車メーカーのサイトには秀逸なものが多いが、あらゆる要素をそぎ落とし、ドライブ感覚のみにフォーカスしたこのサイトは、2004年のカンヌで金賞を受賞。いまだに自動車系サイトでは最高のエクスペリエンスを与えているサイトだと思っている。なぜなら、普通、自動車のプロモーションというものは外装や内装を見せたがるものだが、このサイトは、ユーザーが実際に乗っている感覚のみに、特化しているからだ。だからこそ、エクスペリエンスサイトの最高峰に位置するサイトだと思うのだ。

■BMW PACE

2007-06-15T23:10:00.000+09:00

■BMW PACE - Pursuit Across Europeひさびさに見つけた、リキの入った車メーカーサイト。やっぱり、ＢＭＷ。こういうのが“エクスペリエンス”のあるサイトです。なんか最近勘違いしてるのが多いけど、体験させるっていうのは、リアルな体験をＷＥＢにそのまま持ち込むことではなく、その体験の本質的な部分をいかに抽出できる、ＷＥＢでしかできない表現かつインタラクティブだからできること、に昇華するか、なのです。

■Galapagos

2007-06-01T10:34:00.000+09:00

■ Galapagos - Red Interactive AgencyRed Interactive Agencyによる、National Geographic Channel の特集『Galapagos』のリッチバナー。これを見ると、最近こういうのを日本で見ないなあ、と悲しくなった。なんでだ？

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

2007-05-05T20:37:00.000+09:00

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

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

2007-04-01T23:50:00.000+09:00

■映画「サンシャイン 2057」公式サイト『トレインスポッティング』のダニー・ボイルがＳＦに挑戦。予告編を見る限りは、『さよならジュピター』と『2001年宇宙の旅』、『アルマゲドン』、『１１人いる』、『サイレントランニング』、ロン・ミラーの『ブラック・ホール』、『アビス』などなどなどなど．．．色んな映画の要素がてんこもり、な映画だが。。。ひさびさに映画の世界に入り込むタイプのリキの入った公式サイトです。映画サイトは単なる「チラシの延長線上」よりも、「映画の世界体験パビリオン」のほうが惹かれますし、映画見に行きたくなります。つまり映画サイトはＵＳＪのオンライン版にしたほうがいいってことですかね？まぁ、船体の中歩き回るだけじゃんっちゃあ、そうなんですがｗ

複数の“地球”を切り替えてみることができるなんて

2006-11-12T20:12:00.000+09:00

"Flash Earth"Google Maps / Microsoft Virtual Earth などなど、複数の地図（しかもサテライト＆航空写真のもの）を切り替えてみることのできる flash で構成されたサイト。これすごいわ。同じ作者が作った、プラネタリウムも超ヤバイ。Google Earth とかのAPI利用したサイトって生真面目なのが多いけど、こういうの、もっと増えて欲しいなあ。

縦と横、だけにとらわれないように。

2006-11-06T00:19:00.000+09:00

"Texas Chain Saw - Beggining"『悪魔のいけにえ』のリメイク版『テキサス・チェーンソー』の続編の公式サイト。それぞれのメニューをクリックしたときのトランジションに注目。画面の遷移は、縦と横、画面の切り替えだけ、だと思ってると創造力に限界を与えてしまいますよ。モニターの上下左右のサイズ、ディメンションだけにとらわれなければ表現は拡がるはずです。

なぜ、最近のブランディングサイト、キャンペーンサイトはわかりにくいか～ちょっと挑戦的なエントリ

2006-10-03T02:21:00.000+09:00

Coke Blak のサイトを、何人かで見渡していたところ、共通して出てきたコメントが、「最近のブランディングサイトとかキャンペーンサイトって訳のわからないの多いよね。このぐらいシンプルなところで追求してほしいのに」だった。どうもですね、WEBまわりも含めたキャンペーンやブランディングを追求してきた人間にとっては、「従来のクリエイティブの連中が入ってきてからＷＥＢが訳わからなくなった」という感じを持ってる人々が多いですよ。これ、まったく同感。よくあるのが、「ＣＭで伝わらないことを、ＷＥＢにつっ込む」という、情報及びデザイン過剰な例。あるＭ君いわく、「誰も読まない雑誌」と化している。僕に言わせれば、「ＣＭで伝わらんのやったらそもそもそのＣＭあかんやろうっ！」また、広告業界の制作者は、「人に刺さる」といった表現を使う人がいたりするが、「覚えてもらう」とかにはそれでいいかもしれないが、ＷＥＢの

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

2006-10-03T01:26:00.000+09:00

"Coca-Cola Blak"キャンペーンサイトとしての完成度が非常に高いサイトを久々に発見した。恐らくこのサイトを見ると、なんら（業界人が好きそうな）インタラクティブなシカケがないので、多くの広告人は、えーおもしろみないじゃーんとか思うかもしれないが、ほんとに秀逸である。いくつかポイントをあげると．．．、（１）サイトを訪れたときに流れ出すＢＧＭ～これまでのCokeと違ってオトナな飲み物が Blak である。そのために視覚的要素のみならず聴覚的にも訴えかけてブランディングを行っている。しかもその仕組みが優れていて、コンテンツ間を動き回っても音楽プレイヤー部はずっと定位置にあり、音楽が途切れることがない。これによって、リズムに乗りながらサイト内を回遊することができる。この音楽こそが、ブランド・エクスペリエンスを成り立たせている。この点ＷＥＢならでは。（２）バイラルに拡がるシカケと

血液で地球を救え！　RED DEFFENDER 物語

2006-09-26T07:18:00.000+09:00

"BLOODSAVES.com"正義の味方 RED DEFFENDER が活躍するアメリカン・コミック風のサイト。でも中を見てみるとこれが、献血促進のためのキャンペーンだったりする。作りも面白いけど、メッセージ性も強い。しかし、コミック風のプランにしたところが、どんな若者でも受け入れられやすい、インターフェースになっている。そう、ここがポイント。Ｗｅｂサイトの面白いところは、「ユーザーに受け入れられやすいインターフェース」に仕上げられること。だからこそ、「どういったテイストが気に入られるのか？」をターゲットごとに練らないといけません。ところで、１パイントの血液で、３人の命が救えるって知ってました？

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

2006-08-24T15:45:00.000+09:00

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

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

2006-07-23T12:58:00.000+09:00

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

マウス以外

2006-06-20T23:51:00.000+09:00

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

音を楽しむ＝音楽のインターフェース

2006-06-12T05:46:00.000+09:00

"musicovery"ジャンルを選ぶと一枚のリミックスアルバムのような web radio ができるサイト。flashベースのインターフェースがアナログなのがいい。ambience/dance と、同じジャンルでもどちらか選べるのがいい。曲順の見せ方がいい。など、音を楽しむ＝音楽なのだということをインタラクティブなビジュアルから学べるサイトです。

期待感をゲージに。

2006-06-10T11:01:00.000+09:00

"HUCIN' CHICKEN - EXTREME AIR"毎回話題を振りまいてくれるバーガーキング＋"Crispin Porter + Bogusky"の新しいキャンペーンサイト。今回は「空飛ぶチキン」。エクストリームスポーツの選手にきぐるみ着せて飛ばしてるだけ！なんだけど、このサイトの見せ方で上手いのは左にある高度計＝ゲージ。上に上がっていけばいくほど難易度の高い技が出てくる模様。実際の「高さ」、技術の「難易度」だけでなく、見ている人の「期待感」までこのゲージだけで表現されてるところが上手い。

集合名刺

2006-05-22T05:41:00.000+09:00

"GRINGO"海外クリエイティブブティックのサイト。のっけから「ここどこや～」っていう秀逸な写真とそれを丁寧にいじったエフェクトにやられる。中を見てみると、メンバー一人ひとりをインタビュー付で紹介している。「会社」という組織、及び「会社名」ははそこに属する人々をもあらわす“集合名詞”だと思うんだが、こうした人を前面に押し出すというのは「この人たちが仕事をします」という会社全体の“集合名刺”として信用とブランドイメージを構築するのに役立つとおもう。