
Modernista!はアメリカとオランダに拠点があるクリエイティブエージェンシー。NapsterやMTV、Converseなどのクライアントを持ち、(PRODUCT) REDのキャンペーンも手がけているようです。その彼らのウェブサイトが最近リニューアルし、各方面で話題になってます。(今すぐこちらをクリック!)
さて、どうなりましたか?なんと僕のブログの上に、赤いメニューがレイヤーで表示されるだけ!これはバグではありません、「敢えてナビゲーションしか持たない主義」という新感覚&新形態なのです!
中身のコンテンツはどうなってるかというと、aboutはwikipedia、グラフィックのポートフォリオはFlickr、TVCMはYouTube、webはdel.icio.usと、おなじみのソーシャルサービスてんこ盛り。思いも及びませんでしたが、確かに可能なんですよね。
これからのクリエイティブの本質を突いた、爽快なコミュニケーションデザインが示された予感。なんやかんやのweb2.0ここに極まりで、晴れてやっと次のフェーズへ移っていくのでしょう。
メールマガジン「Design is Daily」で紹介したウェブサイト、withDでの連載「Design is Monthly」で取り上げたウェブサイトなどから、2006年のウェブシーンで印象的だった選りすぐりのサイトをまとめてご紹介します。
(→2004、2005はこちら!)
> オンラインツール/パーソナライズドホーム
移動が常となって、ウェブがすっかり仕事のプラットフォームに。
ツール群がますます使いやすく進化して、いろいろ乗り換えたりも。
Google パーソナライズドホーム
GMAIL
Google カレンダー
Google Docs & Spreadsheets
BlueDot (ソーシャルブックマーク)
Newshutch (RSSリーダー)
> Josh Spear
> http://www.joshspear.com
とにかくドンピシャの重要リソース!
> NEAVE.TV
> http://www.neave.tv/
映像の趣味もバッツリ、あくまでパッシブに垂れ流せるYouTubeエクスペリエンス!
> ROXIK | PICTAPS
> http://roxik.com/pictaps/
バカスゴいクリエイティブで世界を驚かせた日本人!!(Another BookmarkでBookmark of 2006に選出!)
> Nike Plus
> http://www.nike.com/nikeplus/
iPodとシューズの連動。コミュニティに知らずにシンクするこれからのライフスタイル!
■リッチにチープに動画コンテンツが当たり前となって、どう見せるか/使うかが勝負に、
> Nike「Joga Bonito」
> http://nike.jp/football/siteshell/#,ja,0;jogatv,,0,0,0,0
> Kurt Stallaert
> http://www.kurtstallaert.com/
> PJOTRO
> http://www.pjotro.com/
> Travelers - In Synch Challenges
> http://www.travelersinsynch.com/challenge_popup.html
> Las Vegas MGM GRAND
> http://www.mgmgrand.com/
> GzOne
> http://gzone.jp/
> グリコポスカム「しみこむクリニック」
> http://shimicom.com/clinic/
> ケチャットさん
> http://ketchup.jp/ketchat/live/
■ワンメッセージの参加型コンテンツが各方面で流行し、
> Forgotten War
> http://www.pillandpillow.com/msfCongo/
> マクセルDVD「ネガイボシ」
> http://www.negaiboshi.jp/
> 静岡新聞「BLUE PICE PROJECT」
> http://www.bluepieceproject.jp/ (閉鎖中)
> 東京海上日動「マングローブワールド」
> http://www.tokiomarine-nichido.co.jp/mangrove-world/
> NTT西日本「つながるよろこび」
> http://www.ntt-west.co.jp/sp/
■サイトからリアルの現場を動かしたり、ケータイを使ったり、インタラクションの幅は広がり、
> BLUE DRAGON「Big Shadow」
> http://bigshadow.jp/
> 表参道ヒルズ「アカリウム」
> http://www.akarium.jp/
> TYO ID「Mobile Phone Shooting Game」
> http://www.tyo-id.co.jp/jp/index.html
■ひねりの効いたCGM的なサイトが、プロモーションなど様々に広がり、
> 台風前線
> http://front.eye.tc/
> 新潮文庫「100冊ビューワー」
> http://100satsu.com/viewer/
> ヒュンダイ「ヒュンダイどうだい? とりかえっこキャンペーン」
> http://doudai.jp (閉鎖中)
> セキスイハイム「bj + me」
> https://www.heim-bj.com/bjmap/
■エロさはバズ&バイラル時代の気分となって、
> SEITE 1 GIRL
> http://www.seite1girl.de/
> OOOOOOUCH
> http://www.oooooouch.com/
> Axe Feather
> http://www.axefeather.com/
■ただ能動的ではない「検索」の新たなエクスペリエンスも浸透し、
> retrievr
> http://labs.systemone.at/retrievr
> amana images「構図と色検索」
> http://amanaimages.com/index.aspx?SearchMode=4
> NEO VISION
> http://neovision.jp/
■相変わらず、圧倒的にクリエイティブな表現に感動したり驚いたりして、
> NIKE AIR
> http://www.nike.com/nikeair/us/
> WEAVE TOSHI
> http://www.weavetoshi.co.jp/
> まるてんてん
> http://marutenten.jp/
> ブログバトラー
> http://blogbattler.com/
■インターフェースの冒険は「こんなのもありか!」とまだまだ続いていく。
> r1c0
> http://www.r1c0.com/shake/
> d’strict
> http://www.dstrict.com/
> LIBEROnline
> http://www.liberonline.com/liberonline.htm
■そして、『Googleで「はらへった」と検索するとピザが届くように』なるくらいの「Plagger」にインパクトを感じた一年だった。
> Plagger
> http://plagger.org/trac/wiki/WikiStartJa
> http://e8y.net/blog/2006/07/25/p126.html
> http://www.atmarkit.co.jp/fnetwork/rensai/5minplagger/01.html
ざっと2006年を見回してみましたが、驚き&新鮮!というよりは、メディアとしての成熟を感じた一年でした。日本のサイトが多くなったのも、僕自身の生活の一部に「やられたな~」と感じるバイラルなプロモーションが、体感として増えてきたんだと思います。(キンチョウの「続きはWEBで」には、すかっとしましたね)
なんとなく今までのデザインポータルだけというリソースでは物足りなくなって、新たなフィルタが必要なのかもしれません。それでも、パッと2秒みただけでも見入ってしまうような、内容を理解するでもなく気になるドキドキする事例を楽しみに、あれこれdigっていきたいと思ってます。今年もDesign is Dailyをよろしくお願いします!
メールマガジン、Design is Dailyで紹介したサイトから、
2005年のウェブシーンを席巻した選りすぐりのサイトをまとめてご紹介します。
(→Bests of 2004はこちら)
> Web2.0
> http://www.backpackit.com
> http://www.writely.com
> http://del.icio.us
新しいWebの予感!
> Google ローカル
> http://maps.google.co.jp/
止まらないGoogle、中でも一番の衝撃でした。
> Watch me Exchange
> http://www.watchmechange.com/
文句なしに笑った!
> Mail Order Chickens
> http://www.mailorderchickens.org/
最高のソーシャルクリエイティブ!
> Leo Burnett
> http://www.leoburnett.ca/
そのクリエイティビティに心が躍動しました。
FWAのPeople’s Choice Award 2006。
■ぶっ飛び続けるWEFAILはますます問題作をリリースし、
> Mail Order Chickens
> http://www.mailorderchickens.org/
> Sunday pants
> http://www.wefail.com/sundaypants/
> Matthew Mahon
> http://www.matthewmahon.com/
> EMINEM
> http://www.eminem.com/
> BBDO
> http://www.bbdo.com/
■世界のクリエイティブエージェンシーのサイト自体がクリエイティブに、
> Leo Burnett
> http://www.leoburnett.ca/
> Buddy Lee
> http://www.buddyleeguidancecounselor.com/
> Van Gogh Creative
> http://www.vangogh-creative.it/
> Thibaud’s portfolio
> http://www.thibaud.be/
> Bascule
> http://www.bascule.co.jp/
■Flickrが視覚化のフロンティアとして実験され、
> Mappr - Where It’s At!
> http://www.mappr.com/
> Flickr Related Tag Browzer
> http://www.airtightinteractive.com/projects/related_tag_browser/app/
> Flickr Color Picker
> http://krazydad.com/colrpickr/index.php?group=crayonbox
■災害や戦争、貧困問題への関心の高まりでソーシャルな意識が浸透し、
> Volunteer Match
> http://www.volunteermatch.org/
> Displaced Designer
> http://www.displaceddesigner.com/
> G8 Reboot
> http://www.g8reboot.net/
■企業もコーポレートコミュニケーションコンテンツに注力しはじめ、
> Geoterra
> http://geoterra.ecomagination.com/
> IBM Express Portfolio
> http://express-portfolio.com/ibm/
> amana 伝えるから伝わるへ
> http://amana.jp/company/tsutawaru/
■プロモーションサイトはアイデア溢れるぶっ飛んだキャンペーンや、
> Watch me Exchange
> http://www.watchmechange.com/
> Sith Sense
> http://www.sithsense.com/flash.htm
> Trailer Crashers
> http://www.weddingcrashersmovie.com/crashthistrailer/
> come clean
> http://www.comeclean.com/
> Aibo does Daft Punk
> http://www.aibo-does-daftpunk.com/
> Tom Vek
> http://www.wehavesound.com/game/maze.htm
■ひたすら表現された世界観はエクスペリエンスに訴え、
> temptation within fairy tale
> http://www.psp-style.co.kr/
> SAAB Animal Vision
> http://www.lowetesch.com/showroom/saab/animalvision/
> Power is a state of mind
> http://www.powerisastateofmind.com/
■その中でもハイレベルなMade in Japan が世界を席巻したことは心強かった。
> hi touch au
> http://www.hi-au.jp/
> Jump-in.jp
> http://jump-in.jp/
> HondaSweetMission
> http://www.tfm.co.jp/sweet/
> Casio G’zOne
> http://gzone.jp/
> セキスイハイム DESIO
> http://www.sekisuiheim.com/desio-ae/
■最後にたたみかけるgoogleは今年もどうする/どうなる?
> Google Earth
> http://earth.google.com/
> Google Desktop
> http://desktop.google.co.jp/
> Google Video
> http://video.google.com/
> Google Book Search
> http://books.google.com/
ざっと2005年を見回してみましたが、googleの慣れてしまうほどのビッグニュースの連続や、Ajaxによるweb2.0を描いたウェブツールの出現で、EPIC2014が急にリアルに、新しいウェブの広がりを否応にも感じた一年でした。
それでもコミュニケーションのバリエーションはまだまだ無限で、今にもつくられている2006年を代表するサイトにワクワクしながら、今年もDesign is Dailyをよろしくお願いします。

GAPがお届けするWatch Me Exchange では、顔とか服とかお好みのキャラクタをつくるんだけど、その後がもうヴァカ!!すごく太目にしとくとやら、裸のままやら、いろいろお試しあれ。こんなアフォなプロモーション、最近無かったんでとても新鮮です。面白いものができたら、友達に送りつけたりして。

http://www.comeclean.com/
雑貨ブランド method のcome clean は、罪を告白してハンドソープで洗い流そうという
シンプルでスカっ!とする企画。みんなの告白がみれるスクリーンセーバーも笑えます。

http://www.matthewmahon.com/
フォトグラフファ、Matthew Mahon のサイトは Billy Harvey に通じる無限の奥行きレイアウト。
写真が裏返ったり、突然切り絵がしゃべりだしたり、フォトグラファのサイトでは珍しいシニカルさ。
癖になるふんだんの仕掛けはさすがのWEFAIL作。
メールマガジン、Design is Dailyで紹介したサイトから、
2004年のウェブシーンを席巻した選りすぐりのサイトをまとめてご紹介します。
(1/5に配信されたメルマガのコピーです。)
> Gree & mixi
> http://www.gree.jp/
> http://mixi.jp/
友達増えた。
> Yeti Sports
> http://www.yetisports.org/
まじはまった。
> HOTEL - an interactive tale by Han Hoogerbrugge
> http://www.hoteloscartangoecholima.com/splash.html
文句なしに笑った。
■現代最高のウェブプロダクション? - group94が喝采を浴び、
> group94
> http://www.group94.com/
> D’art Design
> http://www.dartdesign.de/
> Marge Casey
> http://www.margecasey.com/
> Our Type
> http://www.ourtype.com/
■大統領選挙という気分を反映したサイトも出現した昨年、
> The Political Circus
> http://www.thepoliticalcircus.com/
> Visual Ideology
> http://visualideology.asoe.net/primary/
> The Most important election
> http://www.theyrule.net/mostimportantelection/
> Battle for the Presidency
> http://www.battleforthepresidency.com/beta/
> Whynotvote.com
> http://www.whynotvote.com/
■情報のビジュアライゼーションが時代のテーマとなる中、
> They Rule 2004
> http://www.theyrule.net/2004/
> Newsmap
> http://www.marumushi.com/apps/newsmap/
> The Next Generation Foundation - map of creativity
> http://www.ngf.org.uk/map/map.html
■RIAのさまざまな応用が試みられ、
> Statistician: Flash Tracking and Analytics Suite
>
http://www.exemplum.com/content/statistician/Statistician.aspx?U=sotd&P=sotd
> Central Stream ※Centralアプリ
> http://www.jdevinc.com/central/stream/
> LDS Church Interactive Music Player
> http://www.lds.org/cm/display/0,17631,4996-1,00.html
> ANA PASSPORT
> http://www.ana.co.jp/passport/index1.html
> JAL国内線Flash予約
> http://www.jal.co.jp/5971/readme/flashrsv_n.html
■同時にエンタメ系のサイトがとんでもなくリッチ化がすすみ、
> Bill Harvey
> http://www.billyharveymusic.com/
> Exorcist - The Beginning
> http://exorcistthebeginning.warnerbros.com/
> The Bourne Supremacy
> http://www.thebournesupremacy.com/
> A Series of Unfortunate Events
> http://www.unfortunateeventsmovie.com/
■ますます高クオリティ化する海外の車や、
> Volvo S40
> http://demo.fb.se/eng/volvo/s40/default.htm
> Saturn Relay
> http://www.saturn.com/saturn/showroom/relay/index.jsp?nav=600
> SAAB - move your mind
>
http://www.saab.com/microsites/imap04/main2.xml?market=GLOBAL&language=en
■さまざまなプロモーションサイト、
> Vodaphone
> http://www.vodafone.com/flash/futures/
> Level Vodka
> http://www.levelvodka.com/
> Levis 501 Reborn
> http://www.levi501reborn.com/
> samsung SGH-E800
> http://www.samsung.com/common/microsite/e800/
> The Bryant Park Hotel
> http://www.bryantparkhotel.com/splash.html
■その中でもやはりDIESELは心憎かったなぁとリスペクトしつつ、
> Ice Crusaders
> http://www.diesel.com/icecrusaders/
> Work Hard
> http://www.diesel.com/workhard/
■かたや本という永遠なるモチーフも掘り下げられ、
> Magwerk
> http://www.playmusicmagazine.com/
> A Random Summer
> http://www.randomsummer.com/book/
> Zembla magazine
> http://www.zemblamagazine.com/
■シンプルな仕掛けは、さまざまに伝播し、
> Subservient Chicken
> http://www.subservientchicken.com/
> Subservient President
> http://www.sputnik7.com/domains/subservientpresident.net/
> The Ask Crystal Show
> http://www.ask-crystal.com/
■独自の解釈で、「シュールさ」もウェブの美学の仲間入り?して、
> Punk’d Pinata
> http://www.wefail.com/punkd/
> o c u l a r t
> http://www.oculart.com/
> rice5
> http://www.rice5.com/
■相変わらず、実験サイトはまだ見ぬフロンティアを追い求め、
> Metaphorical
> http://www.metaphorical.net/
> ertdfgcvb
> http://www.ertdfgcvb.ch/
■見たことないナビゲーションとして帰結した年でもだった。
> Monster Children
> http://www.monsterchildren.com/
> Nutility
> http://www.nutility.co.kr/
■最後にGoogle の動きは、時代性を映しているか?
> Google Answers
> http://answers.google.com/answers/
> Goodle Suggest
> http://www.google.com/webhp?complete=1&hl=en
ざっと2004年を見回してみましたが、新しいアイデアは当たり前のように限りなく、僕たちの頭の中に眠っているはずなんだろな。今にも作られている2005年を代表するサイトにワクワクしながら、今年もDesign is Dailyをよろしくお願いします。
http://www.billyharveymusic.com/
サイト自体がPVになっているという、ナイスアイデア!
切り抜かれたゆるめなボーカルが、インタラクティブにさまざまな背景で歌い続ける。
ちりばめられた、コミカルな写真を見ながら、ブルージーにチルアウト。
http://www.diesel.com/icecrusaders/
ウェブコミックとしてのやけに高いクオリティ。
見てるだけでもはまるのだが、これがDieselのプロモーションなのだ。
プロモサイトでこれくらいの提案を通せるような凄腕になりたい、笑
http://www.hoteloscartangoecholima.com/
ゆる~
オンライン演劇です。小さなギミックで笑わせてくれます。
正直話の内容はよく分かりません。でも笑いのツボは世界で普遍だと思うと、何かうれしい。

http://www.wefail.com/punkd/
ゆるい!グラフィックもゆるいし、展開もゆるい!ゆるゆる!
WE FAILがMTV.comのためにつくった?
くだらなくて、ゆるくて、あほで、仕掛けたっぷりのゲーム!
これは尾を引いてくせになる!チェーンソーがほしい。。。何気にむずい。

http://www.ana.co.jp/passport/
RIAコンソーシアムの理事企業anaがついに予約のRIAを導入。
思ってたよりも仕様はオーソドックスで特に驚きはないのだが、
目的地や時間をビジュアライズするだけでもし、ちょっとしたわくわく感は確かに感じる。
RIAコンソーシアム発足以降の本格的なRIAの記念碑的事例。
RIA一般化のターニングポイントになりそうだ。
ちなみに決済はHTMLにしてリスクを回避している。
HTML版もあるので、この半年でどれくらい予約数の差が出るのか効果測定が楽しみ。

http://www.oculart.com/
トップページの妙な踊りに言葉をなくし、他の作品を見て目が釘付けになる。
ローディングからして普通じゃない、バッドテーストの爆発系。
これはひとえにグラフィック・スキルが半端じゃないから実現できるんだろうなー

http://www.sgr.jp/
WEBデザインってこんなにため息つかせるくらい素晴らしいメディアなんだなと、ニシダさんの作品を見ると思う。日本が誇るアーティストのコラボレーションネットワーク。これからの動きが楽しみだし、自分もやってかないと。

http://www.metaphorical.net/
サブタイトルの「インタラクティブの研究とおかしな考えの寄せ集め」だけでもセンスがいいが、
ナビゲーションを中心にサイト全体の雰囲気の持つ異空間に引き込む不思議な魅力がある。

http://www.vodafone.com/flash/futures/
Vodafoneで未来を感じようという素敵なコンテンツ。
未来を本当に描いてしまう練られた企画や構成もさることながら、
映画を見ているような構図やページ遷移などFlashのクオリティの高さが伺えます。

http://junk.dawnshadow.se/yp010.swf
雪男がペンギンをバットで打つというコトバにしたら残酷なゲーム(笑
角度によってフライやライナーになり、着地してからのランも非常にリアルで感動!
僕のベストは321.1

http://www.nutility.co.kr
韓国のクリエイティブスタジオのサイト。
ドラッグによる見たことないナビゲーションが展開される。

>http://www.supersonic.dk/
デンマークのクリエイティブスタジオのサイト。
空港の何かかっこよいエッセンスを抽出し、リズミカルにサイトを展開。









