YURAKUCHO MARUI

カラーセラピーのようなサイト。
ファッションについての質問に答えていくと壁紙が変化していきます。
スクリーンセーバーもオシャレ。

動的に生成してるんでしょうか、種類がすごい豊富です。図形と色と位置の組合せなので無限にできそうではありますね。

好きな食べ物「茄子」って答えたら色と角度と密度が変化しました。

休日勉強したってかいたら、密度が変化。入力した文字が1文字ずつ変化していくのでみてて飽きないというかおもしろいですね。

これはポップですね。
スクリーンセーバーだとランダムでいろいろなパターンが出てきます。

服の柄とかのセンスなんでしょうか。

シンプルでオシャレなスクリーンセーバーです。

自分でパターンを回したりとかしてつくることはできないようですが、模様が自分で選べない方が意識の外からのビジュアルが完成するので、みてて新鮮であきないかもしれませんね。

Apoteket

子供が風邪を引いたらどうしたらいいか診てもらえるウェブアプリバーチャルお医者さん。
現状を色々入力するとどうすればいいか先生が動画で話しをしてくれます。
その入力方法がかなりスムーズで優れているインターフェイスになっていて面白いです。

名前と性別を入力。入力した名前はデジタルな表示に。

年齢はタブをスライドさせて選択。

症状も複数選択可能なアニメーションするイラストアイコン。

○×選択も凝ってます。

そして最終的に一般的にどうすればいいか教えてくれます。
よく大企業で、簡単な問い合わせ電話を減らすために、Q&Aを作ったりしますよね。
簡単な判断で済むことはこういうふうにウェブで済ませれるようになればいろいろスムーズになりますよね。面白い試みですね。

UNIQLO TRY

普通の女の人に映像でとったアンケートの塊をインタラクティブに集計。
すべての人が画面内に表示されているんですが、アンケートの問いが変わるごとに、並びが変化します。
人文字のように、集まることで絵が出来上がったりします。円グラフになったり、ピクトになったり。
日本より海外ウケする配色バランスだなとかんじました。かなりビビット。

年代・身長・サイズ別で絞り込みもできるようになっているみたいです。
ひとりをクリックすると、アンケートの内容を映像で答えてくれます。

化粧にかける時間は？円グラフ型に集まりました。
10-20分が一番多いみたいです。ふむふむ。意外と短い。

どのブラトップが好き？全部と言う解答欄があるようで、こんな図に。
％が低いエリアほど密度が薄くなって見えますね。

ブラトップ、何枚ほしい？と言うアンケートでは、数字に見えるように集まっています。
3枚くらいのひとが一番多いんですね。

1500円という価格は？過半数は満足しているみたいです。
顔文字になってます。

じっくり見るには少し店舗が早いかなと思います。
鑑賞しながら他の人の感想を見て楽しむ、VJっぽい扱いなんでしょうか（'u'）

TurboChef The Oven. Reinvented.

大型のオーブンをプロモーションしているサイト。
インタラクティブな料理番組といってもいいかんじ。オーサリングより、収録に力を入れたしっかりしたサイトですよね。

プロダクトデザインに合わせたメニューのデザイン。

調理台の下の方や部屋やテーブルを黒に統一。
皿・調理台の上とオーブンが引き立っています。

オーブンの中身についてのコンテンツ。
扉の色を変えたりとか、部品後との説明とか。

play smart

プレステが出た当時の初代リッジレーサーとかのクオリティーってこんなじゃなかったでしたっけ。3Dゲームがサクサク動くのを見て、当時はすごく新鮮に見えたものです。PS2→PS3など最近のコンシューマ機の世代交代の印象に比べ、描画の原理自体がドット絵からポリゴンになった時のインパクトの方が大きかったきがします。

このplay smartのサイトや ECODA!DOBUTSUENなどをみていると、コンシューマゲーム機でいうそのインパクトの時代到来を予感させるサイトが続々とリリースされてきているように感じます。

ゲームプログラムング・ＣＧ・サウンドエフェクト開発なんかは昔は、職につけるかどうかあやうい狭き門でしたが。インターネットの普及、さらにはフラッシュの普及・発展によって、確実にプログラム×ＣＧ×サウンドをフルに使ったコンテンツ制作のニーズが増えて来ていると思います。番組作ってる人やゲーム作ってる人のノウハウがそのまま活かせれる時代がもうすぐきそうなかんじですよね。

いろんなテクスチャーやパーツを組み合わせて自分のスマートが作れます。

レベルが上がると使えるパーツが増えていきます。
Lv11になってた。きづけばゼブラ柄になれるように！
しかも色２色選べるのでいろんないろのゼブラになれます。
結構細かい。

コースを選ぶ。
一度行ったコースは、前回の結果がサムネイルに出ます。

実際どんなゲームかと言うと、↑↓←→で運転。沢山あるフラグをナンバー順に通過してゴールまで進む。進んだルートにはペンで書いたみたいな跡が…。

最後俯瞰から見ると自分の運転して来たルートが一筆書きの絵になっている！ふらふら運転してると、ミミズな絵になってしまいます。ここは鋭角に曲がらないといけない…とか考えながら、バックも交えて方向転換したりして綺麗に描くために何度もチャレンジしても面白いゲームです。

自分のスマートとコースのルートとクリアタイムがレイアウトされたJPGをダウンロードできるphpの機能突きみたいですが、ブラウザでは表示されるJPGを保存したら真っ白になってしまって、うまくいきません…バグ？

Silverlining Furniture

シルバーライト？あれ？フラッシュ？
最初サイトタイトルをみてsilverLightのサイトかと思ったら、プレイヤーがフラッシュなので、あれれ？とおもったら、lightではなくlineでした。木工職人工房かなにかのサイトのようです。サイトのテクニックとして気になったのは、背景画像が、結構スライドして広い範囲で動いていること。

こういうアナログ的なテクスチャーも繰り返しで貼っても違和感がない画像にすれば大きな世界をドラッグ・スライドするコンテンツも作れそうですね。今度やって見たいと思います。参考になります（'u'）

ECLIPSE SPECIAL SITE

画質音質がよいカーナビのプロモーションサイト。
カーナビ画面の回りに走査線を出すタイルを引くことで、画質を良いというイメージをうまく作っています。
キャラクターに上戸彩さんを起用。ＣＭだけでなく、抜擢したタレントをうまく活かした商品の解説や、マネージャーになって仕事をする疑似体験ゲームなどが用意されています。

疑似体験ゲームは、行動を選択してストーリーを進める流れ。商品であるカーナビを利用する行動が、マネージャーとして好印象になるようにしっかりとしたシナリオが組まれています。ドラマの撮影中、急な代役で出演することになるり、台本を読むタイピングミニゲームもあります。シナリオとゲーム内容が一致しているのはかなり効果的のようで、タイピングゲームのやる気も出てきます。
好印象でゲームを終了すると、ストーリーの中で、電話番号を教えてほしいという会話があり、自分の番号を入力するエリアが立ち上がります。ネットにケータイ番号を送信するのはちょっと勇気がいりますね…。入力すると、認証のためこのサービスの番号へワン切りしてくださいとでます。言われたとおりやっていくと、上戸彩さんから電話が来るかもねという締めくくりでおわります。数分立ってから、自動音声を録音した電話がケータイにかかってきます。ファンにはうれしいでしょうし、タレントさんの拘束時間もそんなにかからないとおもうので、うまくまとまった企画ではないでしょうか。

ひとつのフラッシュで、コンテンツごとにＵＲＬが分かれるように、#でアンカーが貼ってある作りになっているんですが、別ページにジャンプする際に、フェードアウトで切り替わる動きになっています。作り方としては複雑になっているとおもいますが、きれいで心地よいサイトを作りたかったのでしょうね。こだわってますねー。

Mentos KissCam

みずみずしい商品イメージを普及させる目的なんでしょうか、そのひとつとしてウェブカメラでキスを疑似体験しちゃえる企画のようです。顔判定でウェブカメラに口が真ん中にあるときだけ、水着のきれいな女の人が画面に向かってキスしてきます。判定はちょっとあまいですが、カメラを動かして判定外にすると、ちゃんとキスをやめるというインタラクティブコンテンツ。ウェブカメラ買おうか悩んでる人が買っちゃいそうな面白コンテンツです。前回紹介した息で暖めて服を脱がすサイトと近い手法ですね（'u'）

月刊アデランス

アデランスのサービスプロモーションサイト。1ヶ月ごとの更新なんでしょうか、月刊雑誌風のタイトルになっています。コンテンツの作りは、雑誌っぽくもありテレビに近い印象もします。
一般女性からみたカツラのイメージをドキュメンタリータッチにインタビューしていくことで、一般的なカツラの印象はどんなものか知ることができます。フルサイズでたくさんの写真点数を使って展開し、テロップもわかりやすく、気持ち良い動きでデザインされているので、入り込みやすい作りになっています。
テレビ番組を見るくらいの理解力でぼーっとみてられるので、実際悩みがあるユーザーさんからみると、かなり納得できるコンテンツなのではないでしょうか。

最初は、女性視点の本音を知るというコンセプトかとおもいきや、実は、カツラに対する一般の認識が古いもので、いまの最新技術のカツラは進歩してるんですよっていうことを知ってもらう目的のようです。

興味あるユーザーに納得してもらいつつ、一般の方の認識以上のテクノロジーですということも伝え、カツラに対して前向きになれるいいコンテンツだと思います。

悩みんでネガティブになってしまっている人を勇気づけるいいお仕事なんだなーカツラメーカーって…。

そのほか、実際店舗に行っておこなうフローを紹介するコンテンツもあります。

こちらもドキュメンタリータッチで店員さんとお客さんと同行スタッフでかなりの写真点数で展開しています。
えーと、振り返ると、
・まず最初に一般女性のカツラに対するイメージについての内容
・次に実際の店舗での工程や雰囲気がわかる内容
と続きその後の導線もしっかりしているみたいでかなり参考になりそうなサイトです。

いい作品が少なかったのか去年のYahoo InternetCreativeAward一般の部は受賞者がひとりという状態でしたが、今年はどうなるのでしょうか。テーマは去年と違って、ちょっと抽象的に広いテーマになっているようです。
毎年サイトがいろいろかわるようですが、今年のこのサイトはかなり面白い作りです。いきなりメインはオリジナルのコミュニティーをビジュアル化したコンテンツになっていて、yahooIDとかと連携して登録もスムーズになっています。Yahooウィジェットのツールとして、コミュニティーのつぶやき投稿ができるようで、楽しそうなので、インストールして見ました（'u'）twitterにも自動で送ることができるみたい。YahooIDの登録者やYahooウィジェット利用者が増えそうなおもしろコンテンツですねこれ。
ウィジェット起動時間が長いとどんどん輪が大きくなるようです。ブログパーツでランキングがきられます。参加したくなり、継続したくなる要素がいろいろ散らばめられていて勉強になりますねー。再起動しないといけなくなると、一気にランク外になってしまうんでしょうね（'u'）

フルサイズフラッシュとフレームを組み合わせて、フラッシュを表示しながらＨＴＭＬページを出現させる手法がとられています。SEOの子と考えなかったら全然OKな手法ですよね。HTMLで表示したいもろもろの情報と、フラッシュとメディアサーバーとかいろいろややこしく作ってる部分とをシームレスな感覚で同居させられるというすごい手法です。

ブログツールもあるのでとりあえずここにはってみました。

ROXIK temporaries.

ペプシのおどるやつなどで有名なROXIKの人のラボ的コンテンツ。ものすごい高速処理で3Dが動いています。デザインとプログラムをかなり高いところで両立している方ですよね。すごいです。

デザイン事務所ポータルサイト

名古屋市が運営している、名古屋圏のデザイン業界の組合団体みたいなポータルサイトです。
検索も使いやすくなっていてわかりやすいです。いいバランスです。
サイトの機能からみると、マッチングサイトとしてもっと全国区な展開でもいけそうですね。
無料デザイン相談とかイベントもあるようで、かなり実用的なアクションができているっぽいですねー。

株式会社フィンチ・マネジメントサービス │ 信頼性の高いマンション管理と的確な賃貸・売買仲介システムを提供します

シンプルですね。写真を活かすシンプルサイト。トップページはインパクト重視のフルフラッシュで写真を吸う点店切り替えたり、バナーも切り替えたりになっています。トップページからか階層に力交わるときに、「あれ？スムーズ…」と思いました。よく見ると、トップでナビゲーションをクリックすると、すぐジャンプしません。かっこよく光に包まれつつ最後は真っ白になってから、次のページへ切り替わります。

切り替わった後も、メインビジュアルが同じ効果で現れるので、ズッパリ切った切り替わりではなく、スムーズな展開になっています。心地よいですね（'u'）

全体的に色を抑えてるけどカラフルな感じです。
グラフィックのバランスが素敵です。

刺しイラストの図のタッチも統一されててかわいいです。

これだけ素材がまとまれば、こんなふうにサイトのガワにこらずにレイアウトしたほうがきれいですね。

Lv10
ステージパスワード　：　KZUPVCBMHWDQNROTSEJYAIFGLXK
このステージがクリアできません…。
セーブデータがLv10以上行ってる方は、このパスワードをコピペすると同じステージが遊べますよ！

OF SOUND AND VISION - The Online Portfolio of Alex Cherry

ロサンゼルスのイラストレーターさんのポートフォリオサイトのようです。
サムネイルですべてを見せたくない。だけど位置を固定してたら見せたい箇所が１箇所が見せれない。と思ってのことでしょうか？ランダムでサムネイルの枠の中身が動いています。マウスオーバーで、マウス位置にあわせて枠内の位置が変わります。クリックするとlightboxが立ち上がります。
なかなかここまで思いきった手法ってできないですよね。カッコよく仕上がっているので、すごいですねー。

前向きスイッチ Smile Link カゴメ　野菜生活100 カゴメ株式会社

すごい！清々しい音とともにポジティブ判定ができてワードに芽がはえる野菜生活のブログパーツ。
ポジティブな言葉が多いと高い数値が出るようです。「野菜生活」もポジティブなワードになっています（'u'）
すごいすごい。芽が出るときの数パターン用意してあるSEも心地よいです。ということで今日は多めにポジティブワードをちりばめてみています。
よく考えて見ると、これはとても良い効果ですよね。かわいいブログパーツですし、今日のブログはどのくらい芽が出るだろうってきになります。前向きになりますね。ユーザーが前向きになるようにうまく援助できていてとても商品テーマにマッチしているブログパーツだと思います。

ここに貼ってみたんですが、なにかのスクリプウトとかぶるのか、エラーのアラートが出るので乗せれませんでした残念…。

Behance Network

かなりハイセンスな作品が集まっています。
毎日巡回する価値あり！

ほしいモノ・お気に入りのモノをみんなで共有 MONOCLIP（モノクリップ）

ほしものをメモってきたいというニーズをソーシャルサイトとして共有させてもっと便利に。他の人の気になってるものに共感したり、自分でほしい物をアップしたりできます。

THE ECO ZOO ECODA!DOBUTSUEN

フラッシュで3Dを動かすコンテンツや実験など色々見かけますが、ここまで実用的に3Dを活用しているコンテンツは見たことない！と思いました。

エコを学習する絵本。
テーマにマッチしたキャラクター・空間のデザイン。
ものすごく軽快に動く3D空間を自由にドラッグ。

すべてのクオリティーがすごく高いサイトです。

静止しないカメラワーク。タイトルの演出にもセンスが感じられます。

ドラッグ操作ができることをにおわせるさりげない説明付き。

旗を引っ張りドラッグできる。

キャラクタどとに絵本コンテンツが用意されている。

本をめくると飛び出す絵本が…！

マウス操作で立体になった本をいろんな視点から見ることができる。

両面用意してあるもポリゴンオブジェクトもあれば、片面だけのものあり、壁なんかは片面にすることで透けてみえるわけですが、片面しか見えないキャラクターや噴出しを作ることで、カメラを回してみて始めて見えるものもあり、3D空間であるメリットを活かした子供の発育によさそうなコンテンツになっています。

エコのテーマにあわせて、絵本は使いかけのノートだったりするのをにおわせる演出も。
テクスチャーにもいろいろ遊び心満載です。

木のてっぺんまで行くと、こんなものが。
葉っぱがドンドンはえてくる芽や、太陽の光がきれいに見える演出など。
超ハイセンスです（'u'）

今週のハイライト - デザイン系ソーシャルニュースサイト インデザ.jp

広島のウェブデザイナーさんが制作・運営するかなり高機能なブックマーク情報共有サイト。
フォトショップのテクニックサイトやデザインの優れたサイト、ランキングサイトやまとめサイトなどいろいろ面白いサイトが紹介されています。さらにログインすれば、自分の気に入ったものを保存しておく機能があり、保存したエントリーもカテゴリ分けしたりといろいろ整理できる機能が盛りだくさんです。
開発ブログのABOUTによると、作者の方も習作としてこのサイトを運営しているようで、どんどん使いやすくなったり新しいことを始めたりしていきそうな目がなせないサイトです。今後ユーザーが記事をアップする機能なども拡張予定のようです。

所属オフィスは伏せてるみたいで、どちらの会社さんで勤務されてるかちょいきになります。なにかしらイベントなどでお会いできたらいーなー…。

バス停に設置した広告。
TV番組を告知するための広告のようですが、バス停にブルートゥースのトランスミッターというのをつけて、バス停にいる人に「あなたをみてます」と言う文章とＴＶの告知メッセージを送るすごい機能がついた広告のようです。

ケータイにそんなメッセージが届いたらびっくりして続きを読んでしまうだろうという発想でしょうか。
この手法が流行すぎると、街中を歩くだけでケータイにいろいろメッセージがきてうざったくなりそうですよね。やったもん勝ちのところもありますね。bluetoothって僕がいまいちわかってないのかもしれませんが、許可なく無差別にケータイに文章を表示てきてしまうところまで機能があるんですね。規格外のことをしてるんでしょうか。どうやるんだろう？ぼくらでもつくれるものなら取り入れてみたい手法です。

オクルココロ 北海道で暮らす人々が作りだす美味しさと喜び

北海道の地元ウェブ制作会社が運営する、地元農園の農産物ショッピングサイト。
カテゴリによってはエントリーがないものがありますが、今届けれる新鮮なものだけが掲載されているのかもしれません。ウェブ制作会社が運営しているだけあって、仕組みや導線がかなりしっかりしていると思います。自社運営をアクティブに展開していく、若い会社さんのようですし、地元に密着する、この視点もすばらしいと思います。
送品説明ページからカートに入れるまでの「読ませる」導線もしっかりしています。
細かいテクニックなどいろいろ参考になりそうなサイトです。