Un.titled creative design agency Leicester Website, Corporate Identity, Digital Marketing and Graphic Design
シンプルなポートフォリオサイト。
ひとつの実績をいろんな目線から撮影してあります。
きっとがんばったポイント、見せたいポイントがいろいろあるんですね。
実績のクオリティーが高くて、量も豊富なので、表現の勉強にちょっとじっくりみたいかんじです。
Danil Golovkin - Photographer
マウスがあたってる間は止まっててくれるので、操作が難しくならないですんでるようです。
Micah Kandros Photography
写真家のポートフォリオ。のすごく綺麗な写真です。
カテゴリごとに４列に分かれていて、それぞれタブをドラッグしたり、順々に見ていくことができます。
読み込みが終わるまでタブが現れないのはちょっと不親切。
右上のアドレスとか書いてあるところに小さくDESIGNってかいてあり、クリックすると、デザインのポートフォリオにリンクしてました。同じフォーマット。マルチな人ですねー。
DesignWorks at BBDO
代理店の制作部署の実績紹介サイトでしょうか？
ひとつのプロジェクトを選択後、作品を撮影した数枚の写真を大画面で見ることができます。
細かいディティールをみてもらいたいからでしょうか。
じっくり見てもらうには良い流れですよね。参考になります（'u'）
MUJI Global Message
シンプルで綺麗な風景写真や、商品の写真。マウス位置にあわせて左右にゆっくりとスライドパンします。
横に空間が広がっているから、写真からより開放的なイメージを感じます。
操作はシンプルNEXTとPREVだけ。
写真の画面→文章の画面を繰り返します。
文章の画面のとき、ひとつ前に見た文章が半透明残っています。最初、句読点までの一節だけ数秒表示されて、「待ち」があった後、次第に文章が現れます。これらは、読みやすさのスパイスなきがします。洗練されたコンテンツですね。
あと、なにげに、フラッシュでGooglemapつかってあります。
phollage フォ・ラージュ
フォトグラファーのポートフォリオでしょうか。
サムネイルがばーーっと並んでます。ブラウザのサイズにもよると思いますが、1ページに大量に200以上並んでます。ひとつ読み込みが終わったら次…読み込み終わったら次…の繰り返し。しかも順番がバラバラです。こんだけ綺麗な作品がたくさんあったら並べるのが爽快ですね。
THE SHAKA v1.0 sonicjam Inc.
こちら。ウェブ制作のかたわら、Flashでの3Dをオリジナルエンジンを作っていろいろ研究しているみたいです。
かなりすごい技術がいろいろ研究されているようです。
その実験結果としてのスペシャルコンテンツのひとつがこちら。
最初四角のテクスチャーが次第に顔の輪郭に変化していきます。
マウスのいちで顔の角度が変化するのでインタラクティブ性もあります。なのでただのアニメーションではないですね。
社歌をつくったというストーリのようですが、音声によって口パクが自動で変化する仕組みの実験のようです。
音声から文字へ変換するAPIがあるんですねー。
BLACKOPERATOR
ファッションブランドのサイトのようです。
モデルが商品を着ている写真を見せるだけ。シンプルです。コンテンツボリュームもそれほどないサイトですが、サムネイルをクリックすると画面いっぱいになります。
Photographer 筒井義昭 Tsutsui, Yoshiaki
写真家のポートフォリオサイト。
フォントもかっこいいです。
カテゴリを選ぶと、サムネイルをだすことができるんですが…
hakuhodo brand design
博報堂の自社PRサイトでしょうか？ブランドを作る会社のブランドを見せるサイトですね。
リクルートサイトのようなつくりですが、その先の導線がないので、入社希望者、社内スタッフ、クライアント、ブレーンスタッフへ向けた、会社の考えかたを伝えるためのサイトなんでしょうか。3つのカードをドラッグして、ひとつのイメージにしてキャッチコピーで伝えるインタラクティブコンテンツのようです。
ブルースタジオ：blue studio
家づくりの会社のサイトのようです。
キャッチをみて、最初の印象はいろいろインテリア家具とか作る会社？って印象でしたが。
よくみてみると、新築・売買物件・賃貸物件ってなってました。家作りの会社なんですね。
HTMLみたいなつくりのサイトですが、フルフラッシュ。
サービス紹介コンテンツなんかはフラッシュじゃなくてもイイっぽいつくりですが、シンプルなサイトだけあって、フラッシュにすることで軽快に閲覧できるようになってますね。
メインの「作る・買う・借りる」のコンテンツは、検索機能が充実いています。こっちはフラッシュで作ることで画面いっぱいサムネイルが並び、画面幅に合わせてテーブル方の並び列の数を自動判断して調整しています。絞込みをした際の切り替わり方も軽快。
RaNa extractive, inc.
実績のスクロールの操作感があたらしいです。
センスが必要な実績をたくさんこなしている会社さんのようです。
British Heart Foundation - Annual Review 2008
ハートをかたどったタイポグラフィーがナビゲーションになっています。
コンテンツは深くないようですが、おもしろいです。
FLOW フロウ建築デザイン事務所 - All the Work Architectural and Interior Design.
建築会社のポートフォリオサイト。
クライアント名はイニシャルにして伏せ、出来上がった家の写真を沢山公開しています。
フルフラッシュにして、スライドショーとしての機能を作りこんでいるようです。背景は黒。他のものを視界に入れず写真をじっくり見てもらえる作りになってますね。
お金あったらこんなの建ててもらいですねー。
booing.jp｜全日本ご不満放出選手権
単純な仕組みですが、書いたボヤキを吐き出しながら飛ぶブタをみていると、気持ちが安らぐ効果がありそうです。
tutuanna ♡ チュチュアンナ ♡
商品の方向性にマッチしていて、遊び心があるのにわかりにくくない。
かなりの完成度ですね。
たくさんあるそれぞれの商品からはループ音が鳴っていて、選んだ3つの組み合わせた音がBGMになり、ケータイにダウンロードできるという流れになっているようです。下着の上下それぞれの音はマッチしていて、変わった商品は変わった音のようです。下着は上下揃えたほうがいいということが勉強できるサイトともいえますね。
ほぼ動きがないフラッシュですが、流れているリズムに合わせて選んだ商品が跳ねたり、後ろの商品のどらかが動いたりしていて、観賞用になりそうです。
DBL CAFE DINER × BAR LOUNGE こだわりぬいた最高のイタリアン料理を提供
大阪のおしゃれなカフェレストランとバー。
インテリアの特徴をデザインに活かして入るようです。
オープニングがすごくインパクトあります。
Adobe MAX Japan 2009
Adobe MAXのイベント告知サイト。
AdobeにはIllustrator、PhotoShop、Flash、Flex、AIRなどいろいろ商品がありますが、その商品の特徴をキャラクター化して、クリックしてストーリーを進めるアドベンチャーゲームと融合しているコンテンツのようです。
SHINKANSEN&LOVE (シンカンセン&ラブ) 〜女の子が新幹線で東京に行くためのファッションマガジン ｜トーキョー☆ブックマーク
トーキョー☆ブックマークっていろいろやってるんですね。雑誌を発刊したみたいです。
サブタイトルが、女の子が新幹線で東京に行くためのファッションマガジンということで、すごくテーマが絞られてますね。とにかくセンスがよさそう…。
フラッシュコンテンツをみると写真が3Dでふわふわしてます。いまとなってはよくある手法ですが、写真1枚にフォーカスするときの動きが、とても有機的です。いままでのサイトだと「しゅっ」「ピタッ」って動きが多かったと思いますが、それに比べこちらは、微妙にふわっと動いてるんでしょうか、なんか映画やドラマのオープニングとかのクオリティーに近いというか…クオリティーが高いと感じました。
スクリプト制御っぽいのに、写真を選んでみたりというような操作はできないのが残念。
米倉涼子がいなくなりました!! 三菱東京UFJ銀行グループ CASHONE キャッシュワン
DCキャッシュワンネット支店サイト。
キャラクターに起用したタレントさんを使ってウォーリーを探せみたいなおまけゲームコンテンツを作っているようです。
大きな画像を拡大縮小するGoogleMapの手法をとりいれれば、詳細な画像閲覧ができるわけで、こういうおなじみのゲームにも使えちゃうんですね。GoogleMapの手法だけあって、マウスホイールでもズームができたり操作も直感的にできちゃいます。
ゲームにはネット支店のかずだけステージがあり、それぞれの支店トップページに行かないと遊べないというながれ。ゲームバランスもよく、だれでもはまれそうですし、プレゼントもあるようです。ゲームしたい人は支店ごとのサービスの特徴などの説明エリアを横目に遊ぶので、みてほしい部分の閲覧数がかなり高くなりそう。
ホームページ制作とシステム構築 - デジタライズ -
先週末まで結婚のため、忙しくなってしまい更新が途絶えてました…（ﾟ皿ﾟ）
今日から再会しようと思います。
再会しょっぱなは、取引先でもある広島のウェブ制作会社デジタライズ。週明けサイトリニューアルしたようです。
メインビジュアルには受注に繋がりそうなクライアントの悩みをスッキリまとめていてるようです。チョークの粉が落ちるあたり、コミカルで面白いですね。
下を見ていくと、デジタライズサイトリニューアル記念ということで10%OFFとかすごいことしてます。ウェブ制作のお問い合せにフリーダイヤルを導入していますね。ビジネスの信頼感第一印象がぐっと上がりそうなのでいいですねー。シックでシンプルな式町にまとめてありますが、質感のあるアイコンを多用しているので、暗い感じでもありません。落ち着いていてセンスの良い会社というイメージにうけとれます。仕事のやり取りをしていても確かにそんな感じですしマッチしてますね。
@nifty：デイリーポータルZ：ロールケーキプレイングゲーム
３つ揃えたらきえるよくある落ち物パズルゲームがリアルな物理系さんになったらどうなるか。こうなるみたいです。
３つくっついたら食べていいってことでしょうか（'u'）
FONTPARK 2.0 MORISAWA
モリサワのこれまた新しいサイトです。イラレでフォントをアウトラインしてグループ解除した時みたいな状態を「遊び」にしたようなかんじです。掴んで投げたり、振り回したりマウスホイールで拡大縮小したりと直感的に色々できます。外にほおり投げたら削除だそうです。他の人の作品もいじってる工程からみれて楽しめます。
ドラッグした時のパーツの引っ張られ具合がかなり有機的で楽しさを倍増させています。ビットマップテックスチャー化して表現してるのかなと思います。
ケータイの2・4・8・6のキーを操作して、世界中みんなひとつの画面で釣をするウェブコミュニケーションゲーム。
バスキュールの展示会用の作品のようです。
展示会の模様と、展示会で遊んでいる人とウェブ出参加した人がごっちゃになって同じ場所で同じゲームを共有している不思議な感覚を体感できます。ケータイがコンとラ－ラーなので、ひとつのＰＣから沢山の人が同時に参加できます。
FlashMediaServerで操作状況を共有しているようです。ケータイの操作インターフェイスもフラッシュですが、通信はphpだそうです。ゲームに限らず実用的なコンテンツでも提案できそうなおもしろい仕組みですね。
Advanced Flash Components
googlemapAPIを使えるようにしたActionScript2.0用のフラッシュコンポーネント。
制作画面をムービーキャプチャーしたチュートリアル映像になってたり、関数がサンプル付きでのっていたりと、戸手もわかりやすくて使いやすい無料コンポーネント。
Spectra Visual Newsreader msnbc.com
ビジュアルニュースリーダーだそうです。
ニュースデータをフラッシュが参照して、記事見出しを3Dテクスチャー化したり、ウェブカメラをエフェクト化した背景ビジュアルにして、動きがあったところからあふれ見出しがあふれ出てきたりとかわった動きを自動的に作り出しています。斬新さだけではなく、興味がった記事をブックマークしていったりできるようです。
Nike ACG - Sweetspots
3Dで掴んでまわせる地球儀。回転軸がひとつだったら、アニメーションを読み込んで作ってあるのかもしれませんが、これはドラッグできるのでテクスチャーちゃんと作ってあるようです。
スポットごとに番号アイコンがあり宇宙にに浮いていています。なので、地球に直に刺さっているよりも、わかりやすいですよね。かっこよくてわかりやすいサイトです。すごい。
rhizomatiks co.,ltd. - 株式会社 ライゾマティクス
すごくシンプルに□と×の図形だけがフヨフヨ浮いています。シンプルなモチーフですが、動きがすごくいいです。規則正しくないからでしょうか飽きずにみてられます。カフェのスクリーンとかに流れてたらいいなーってかんじです。マウスに反応もしています。水槽に手を入れてかき混ぜた余韻のような演算のようです。
BeInteractive! [巴さん - Flashで手書き文字認識]
手書きをでかかれた書き順やベクトルから文字を認識する仕組みをフラッシュで再現したもの。ひらがなオンリーのようでです。オープンソースのマッシュアップのようです。
Firefox 3 の灯 - 日本灯
FireFox3のダウンロード数をカウントしたデータをビジュアル的にリアルタイムに表示しているサイト。
ダウンロードした地域を割り出して、ダウンロードした瞬間に日本地図に光りが灯るというもの。都道府県別集計もしてあるようです。リアルなデータを自動的にビジュアル化してるのが面白いですね。GoogleAnalyticsのマップみたい。
OK! JAPAN
世界規模のセレブトレンド紙が日本上陸！…ということらしいです。
iTunesのジャケ選びの画面のようなシンプルでオシャレなフルフラッシュです。
シンプルなだけあってオーサリングは簡単な作りかなと思いきや、かなり凝ってつくってるっぽいです。
擬似的にアニメーションで作っちゃうわず、ちゃんと写真の座標は透視投影してるようです。さらに、カメラに角度がついたとき（時計を押したとき、最初写真が登場するとき）しかわからないんですが、面自体もbitmapData化して3Dテクスチャの表現にしているようです。3Dにしてもあんまり「3Dだー」ってわかる部分がないコンテンツですが、擬似的に済ませちゃわず、しっかり細かいところまでつくりこんでるサイトなんだろーなーと感じました。
TENJIN MATSURI - A Journey to Osaka's Tradition
祭りに関わった人と日時が表になっていて、動画のサムネイルを並んでいます。
スムーズにスクロールして縦軸横軸の２重オーバーになっています。
マウスを動かすだけで感覚的に操作できてていいですねー。
Electric Oyster
操縦はマウス。マウスカーソルを画面端に寄せれば寄せるほど曲がります。
地面と一定の高度を保ち、上下の操縦はできません。
雪山の山脈がでこぼこしてるので、高度は上がったり下がったりするので、操作はシンプルなのにそれっぽく体感できます。太陽の光の演出もきれいです。雪山が延々と続いているので、端と端が繋がってループになってるっぽいです。
GRAND LIFE 平屋という選択。 - MyForest - 住友林業の家
子供が独立し夫婦水入らずで暮らすとき、平屋がいいよ！っていう提案がなされています。
ターゲットの年齢層がずいぶんと大人なためでしょうか、クリック可能・不可能の切り替え方や、写真のエフェクトなど、穏やかな気持ちでみれてしまうサイトです。ぜひBGM付きで観てみてください。
Paola Cattaneo
白バックに水着の人が立ってるだけとシンプルなつくりですが、スライドさせる動きや、光に埋もれて消えていく効果など気持ちいい動きになっています。光に埋もれて行く処理はやっぱり同じ画像を重ねて上の画像のブレンド設定を加算にしていくんでしょうか。
資生堂 ＡＮＥＳＳＡ
フルフラッシュサイトで、全面映像。負荷かかりそうですがサクサク動いてます。引き伸ばして汚く見えるはずが、ディスプレイを接写したときのような表現で、黒線のタイルを敷くことで荒い画像を綺麗に見せる手法です。フルサイズで映像を再生するときはやってみたい手法ですね。
DVEIN 2008 - Art Direction · Motion & Interactive
3DCGとインタラクティブ系の制作を行う、大手の実績が沢山あるたぶん有名なクリエイターの方のサイト。
円状に重なるサムネイルを感覚的にドラッグしたり選んだりして、大量のサムネイルからピンポイントで気になる作品の詳細を見ることができます。サクサクで気持ちいいインターフェイス（'u'）
RSS・Widget・APIソリューション 株式会社フィードフォース
ピタゴラスイッチみたいに転がるロゴを中心に、フルフラッシュで業務内容を紹介するサイト。
にぎやかでポップで眺めてしまう表現なので、業務も一緒にみてしまいます。
説明に長時間必要でも、疲れさせないこういった配慮があれば診てくれる人も多くなるだろうし、ビジュアルやアニメーションのデザインって重要だなとかんじられるコンテンツです。
YURAKUCHO MARUI
カラーセラピーのようなサイト。
ファッションについての質問に答えていくと壁紙が変化していきます。
スクリーンセーバーもオシャレ。
UNIQLO TRY
普通の女の人に映像でとったアンケートの塊をインタラクティブに集計。
すべての人が画面内に表示されているんですが、アンケートの問いが変わるごとに、並びが変化します。
人文字のように、集まることで絵が出来上がったりします。円グラフになったり、ピクトになったり。
日本より海外ウケする配色バランスだなとかんじました。かなりビビット。
TurboChef The Oven. Reinvented.
大型のオーブンをプロモーションしているサイト。
インタラクティブな料理番組といってもいいかんじ。オーサリングより、収録に力を入れたしっかりしたサイトですよね。
play smart
プレステが出た当時の初代リッジレーサーとかのクオリティーってこんなじゃなかったでしたっけ。3Dゲームがサクサク動くのを見て、当時はすごく新鮮に見えたものです。PS2→PS3など最近のコンシューマ機の世代交代の印象に比べ、描画の原理自体がドット絵からポリゴンになった時のインパクトの方が大きかったきがします。
このplay smartのサイトや ECODA!DOBUTSUENなどをみていると、コンシューマゲーム機でいうそのインパクトの時代到来を予感させるサイトが続々とリリースされてきているように感じます。
ゲームプログラムング・ＣＧ・サウンドエフェクト開発なんかは昔は、職につけるかどうかあやうい狭き門でしたが。インターネットの普及、さらにはフラッシュの普及・発展によって、確実にプログラム×ＣＧ×サウンドをフルに使ったコンテンツ制作のニーズが増えて来ていると思います。番組作ってる人やゲーム作ってる人のノウハウがそのまま活かせれる時代がもうすぐきそうなかんじですよね。
Silverlining Furniture
シルバーライト？あれ？フラッシュ？
最初サイトタイトルをみてsilverLightのサイトかと思ったら、プレイヤーがフラッシュなので、あれれ？とおもったら、lightではなくlineでした。木工職人工房かなにかのサイトのようです。サイトのテクニックとして気になったのは、背景画像が、結構スライドして広い範囲で動いていること。
ECLIPSE SPECIAL SITE
画質音質がよいカーナビのプロモーションサイト。
カーナビ画面の回りに走査線を出すタイルを引くことで、画質を良いというイメージをうまく作っています。
キャラクターに上戸彩さんを起用。ＣＭだけでなく、抜擢したタレントをうまく活かした商品の解説や、マネージャーになって仕事をする疑似体験ゲームなどが用意されています。
Mentos KissCam
みずみずしい商品イメージを普及させる目的なんでしょうか、そのひとつとしてウェブカメラでキスを疑似体験しちゃえる企画のようです。顔判定でウェブカメラに口が真ん中にあるときだけ、水着のきれいな女の人が画面に向かってキスしてきます。判定はちょっとあまいですが、カメラを動かして判定外にすると、ちゃんとキスをやめるというインタラクティブコンテンツ。ウェブカメラ買おうか悩んでる人が買っちゃいそうな面白コンテンツです。前回紹介した息で暖めて服を脱がすサイトと近い手法ですね（'u'）
月刊アデランス
アデランスのサービスプロモーションサイト。1ヶ月ごとの更新なんでしょうか、月刊雑誌風のタイトルになっています。コンテンツの作りは、雑誌っぽくもありテレビに近い印象もします。
一般女性からみたカツラのイメージをドキュメンタリータッチにインタビューしていくことで、一般的なカツラの印象はどんなものか知ることができます。フルサイズでたくさんの写真点数を使って展開し、テロップもわかりやすく、気持ち良い動きでデザインされているので、入り込みやすい作りになっています。
テレビ番組を見るくらいの理解力でぼーっとみてられるので、実際悩みがあるユーザーさんからみると、かなり納得できるコンテンツなのではないでしょうか。
いい作品が少なかったのか去年のYahoo InternetCreativeAward一般の部は受賞者がひとりという状態でしたが、今年はどうなるのでしょうか。テーマは去年と違って、ちょっと抽象的に広いテーマになっているようです。
毎年サイトがいろいろかわるようですが、今年のこのサイトはかなり面白い作りです。いきなりメインはオリジナルのコミュニティーをビジュアル化したコンテンツになっていて、yahooIDとかと連携して登録もスムーズになっています。Yahooウィジェットのツールとして、コミュニティーのつぶやき投稿ができるようで、楽しそうなので、インストールして見ました（'u'）twitterにも自動で送ることができるみたい。YahooIDの登録者やYahooウィジェット利用者が増えそうなおもしろコンテンツですねこれ。
ウィジェット起動時間が長いとどんどん輪が大きくなるようです。ブログパーツでランキングがきられます。参加したくなり、継続したくなる要素がいろいろ散らばめられていて勉強になりますねー。再起動しないといけなくなると、一気にランク外になってしまうんでしょうね（'u'）
ROXIK temporaries.
ペプシのおどるやつなどで有名なROXIKの人のラボ的コンテンツ。ものすごい高速処理で3Dが動いています。デザインとプログラムをかなり高いところで両立している方ですよね。すごいです。
株式会社フィンチ・マネジメントサービス │ 信頼性の高いマンション管理と的確な賃貸・売買仲介システムを提供します
シンプルですね。写真を活かすシンプルサイト。トップページはインパクト重視のフルフラッシュで写真を吸う点店切り替えたり、バナーも切り替えたりになっています。トップページからか階層に力交わるときに、「あれ？スムーズ…」と思いました。よく見ると、トップでナビゲーションをクリックすると、すぐジャンプしません。かっこよく光に包まれつつ最後は真っ白になってから、次のページへ切り替わります。
OF SOUND AND VISION - The Online Portfolio of Alex Cherry
ロサンゼルスのイラストレーターさんのポートフォリオサイトのようです。
サムネイルですべてを見せたくない。だけど位置を固定してたら見せたい箇所が１箇所が見せれない。と思ってのことでしょうか？ランダムでサムネイルの枠の中身が動いています。マウスオーバーで、マウス位置にあわせて枠内の位置が変わります。クリックするとlightboxが立ち上がります。
なかなかここまで思いきった手法ってできないですよね。カッコよく仕上がっているので、すごいですねー。
前向きスイッチ Smile Link カゴメ 野菜生活100 カゴメ株式会社
すごい！清々しい音とともにポジティブ判定ができてワードに芽がはえる野菜生活のブログパーツ。
ポジティブな言葉が多いと高い数値が出るようです。「野菜生活」もポジティブなワードになっています（'u'）
すごいすごい。芽が出るときの数パターン用意してあるSEも心地よいです。ということで今日は多めにポジティブワードをちりばめてみています。
よく考えて見ると、これはとても良い効果ですよね。かわいいブログパーツですし、今日のブログはどのくらい芽が出るだろうってきになります。前向きになりますね。ユーザーが前向きになるようにうまく援助できていてとても商品テーマにマッチしているブログパーツだと思います。
THE ECO ZOO ECODA!DOBUTSUEN
フラッシュで3Dを動かすコンテンツや実験など色々見かけますが、ここまで実用的に3Dを活用しているコンテンツは見たことない！と思いました。
エコを学習する絵本。
テーマにマッチしたキャラクター・空間のデザイン。
ものすごく軽快に動く3D空間を自由にドラッグ。
すべてのクオリティーがすごく高いサイトです。
オクルココロ 北海道で暮らす人々が作りだす美味しさと喜び
北海道の地元ウェブ制作会社が運営する、地元農園の農産物ショッピングサイト。
カテゴリによってはエントリーがないものがありますが、今届けれる新鮮なものだけが掲載されているのかもしれません。ウェブ制作会社が運営しているだけあって、仕組みや導線がかなりしっかりしていると思います。自社運営をアクティブに展開していく、若い会社さんのようですし、地元に密着する、この視点もすばらしいと思います。
送品説明ページからカートに入れるまでの「読ませる」導線もしっかりしています。
細かいテクニックなどいろいろ参考になりそうなサイトです。
岡崎乾二郎 Kenjiro Okazaki
画像のズームのインターフェイスがスムーズです。
作品の下にある小さすぎて見えない文章をマウスオーバーすると隣に大きな文字で作品についてのコメントが現れます。なんだか抽象的なコメントです。menu > Architectureの庄原の木の上の建造物がかなり気になります…ヒノキ林にツリーハウス！
Asylum Agence d'infographie pour l'architecture, l'urbanisme, le paysage et l'ingénierie. Lyon, Paris, Marseille
写真でしょうか？写真じゃないような気もします…。植物とか人とかの色味を合わせてテクスチャーをキレイに貼ったパースのイラストと組合せているのかなーとおもいますが、すごくキレイなグラフィックです。見せ方のインターフェイスもズームやスライドや隣の写真を見る操作が感覚的にできるようになっていてよくできてるなーと思いました。
同じような流れでムービーを見せるコンテンツもありわかりやすいです。
ALBERTA FERRETTI
写真を順番に閲覧してもらう時、隣の写真も見れ、見たい写真は大きく見れるという動きをしています。
全て比率統一で全て縦写真だから収まりがいいのかもしれません。
smart cafe
あのちっちゃなスマート。個性的な分コアなファンも多いんでしょう。スマートの気に入るポイントをユーザーの声やインタビュー機能的メリットを雑誌風記事にまとめたサイトです。
Lumiebre
日傘ブランドのサイト。
連絡先とコンセプトとブログツールだけを1ページにおさめた、めちゃシンプルなサイトです。
もしかしたら、場合によってはこれだけで事足りる案件ってほんとにいくつかあるかもしれませんね。
オシャレを身につけたいという顧客の意識をそのまま活かしたブログツールですし、このブランドのファン層をぐるぐる回るウェブリングの機能も大きな相乗効果を生みそう。シンプルですが、厚みを感じるサイトです。
使って見るとほんとに1匹が他のブログに導いてくれてる感覚になる完成度です。ツールの配置場所が透明になってるのもいいですね。いろいろブログに訪れてて見ると、ユーザーさんみんなが、良い位置にツールを置いていて、みんな気に入ってるんだなーというのがわかります。作業量ではなくセンスの勝ちといえますね。
安い・高品質なホームページ制作なら札幌市 株式会社forstar（フォースター）
札幌のウェブ制作会さんのようです。
価格をパックにしてとっつきやすいサービスを提供しているみたいです。ロゴ・サイトデザインもキレイですし、社内の表情もうかがえて、繁盛しそうな会社さんですね。
ハジケル・ジャクソン
最北端から最南端案できぐるみが日本縦断するウみたいです。
各所でリアリティーな映像を公開していくだけなのか、ほんとに会えるのかわかりませんが、きぐるみって一日中着ててもいいんですしたっけ？なんだか江頭2：50っぽい動きですね。
Slicciコレクション
ペンメーカのキャンペーン企画サイト。
告白されたい言葉を応募するというものなのですが、応募までの流れが変わっています。
オリジナルのシートに手書きで言葉を書きケータイで撮影して送るのですが、シートはダウンロードとかプリントアウトとかではなく、全国の文具店に設置された商品オリジナルの棚に置いてあるようです。もともと全国各地に設置してあるものがあるという商品の特性・強みを活かして、ウェブと連動した面白い企画です。
TwittEarth Live Twitts all over the world
twitterと3Dの地球を組合せたもの。昔ここでも取り上げたことがありますが、こちらはデザインがかなり洗練されています。かなりかわいい…。
地球のテクスチャーもきれいだし、たぶんランダムでキャラアイコン付きでふきだしがでます。見始めてからどんどんキャラアイコンが増えていくので繋がってる感が増します。キャラアイコンは座標だけ3D。あとは足元が中心に向くように処理されてます。縦の潰し具合と回転のプロパティーだけであんまり違和感なく擬似的に3D表現できてます。
よくみるとこの地球昼と夜の境もちゃんとあっていて見る時間によって変化してます。Yahoo APIを使っているようなので、Yahoo APIに含まれてる機能なのかな。
WILLCOM｜Ultra Mobile WILLCOM D4 スペシャルWEBサイト
willcomの新機種D4のプロモーションサイト。
セレブなイメージを打ち出しているようです。
Last.fm + YouTube = music tv goodness
Last.fmの再生トラックリストから近い映像をYoutubeから引っ張ってくるマッシュアップサービス。自分の好きなアーティストのPVなんかがランダムで流れます。正規の映像とは限らないので、個人が撮った演奏ムービーが流れたりもします。自分の趣味に近いけど知らない曲にであったりしておもしろいかもしれませんね。
マイストーリー - ハワイ州観光局（Hawai‘i Tourism Japan：HTJ）
興味があってじっくりゆっくり見てもらいたいサイトなんでしょうね。パッパとシーンを切り替えて見ることができません。
ゆっくり写真にコピーがのっかっていき、全部出ないと次へ進めない…。この制限には意図があるんでしょう。こんだけインターフェイス制限しても効果は逆に上がったりするのか、結果が気になるかんじです。
SHIMANO Promotion DVD SHIMANO TV
釣道具メーカの映像サイト。
Youtubeなどをマッシュアップするのではなく、オリジナルで映像サイト作ってやっています。デザインに制約がない分とても統一感がある映像サイトになっています。かなりボリュームがあるんですが、釣好きにはたまらなさそうなかなり掘り下げた映像が大量にのっているようです。クーラーボックスの商品紹介ひとつとっても、かなりこだわりが伝わってきます。
GO FOR IT !
かわった操作感ナビゲーションです。
go for ＿＿＿＿ というキャッチコピーを認知してもらう目的なのでこうなってるのかもしれません。
Delphys RECRUIT 2009
TOYOTA関連のマーケティング会社さんのリクルートサイトのようです。
社員さんの声・仕事の流れ・海外での動きなどをインタラクティブに紹介されてます。
とにかくドットのフィルターがキレイ（'u'）
360°Snap｜ヴィダルサスーン｜FASHION, MUSIC, VIDAL SASSOON
360°カメラを配置して全ての角度同時に瞬間を撮影…１枚ずつパラパラマンガの要領で映像にする、マトリックスでよく用いられた手法を体験できるイベントが開催され会場に来た人達の「ぐるぐるまわる瞬間映像」をウェブに公開するというおもしろい企画。たしかにどんな仕組みで撮影されているのか興味ありますし、そんな機材で撮影されて見たい人も沢山いそうです。
HELLO, WORLD! - SoftBank
なんかテレビで見たきがしますが、いまSOFTBANKって一番人気なんですね。高級路線のブランドイメージチェンジに成功したことがわかるキレイなサイトです。
なんかほのぼのしててすごく前向きなデザイン。みんなバラバラにうごいていてるけど、決まったタイミングの時、画面に入る全員でぴったり同時に手を叩きます。フラッシュの制作よりも撮影やレタッチなどの作業に時間とお金がかかっていそうなサイトです。すご素材の作り込みです。インターフェイスとしてはかなりシンプル。
どこまでも続いてますが、後に出てくるものほどattachが奥のレイヤーになる造りなので、depthが0以下になったときremoveできない不具合とか心配ないのかな？とかちょっときになりました。
Portal The Flash Version Armor Games
XBoxで日本版がリリースされるミニゲームのウェブ版のようです。
操作はとてもシンプル。ワープホール（？）を産み出す銃のマウス操作と、矢印キーでの移動だけ。シンプルなアクション操作を駆使して、コールを目指すゲームです。シンプルだけどそれもでいろいろ考えると、発見があります。たとえばジャンプしても届かない高いところまで飛びあがりたい時、地面に二つワープホールをつくって、いきおきよく飛び込むと、落下の慣性がそのままジャンプ力になります。ちょっとずつテクニックを発見しないとクリアできないステージなどがあり、ちょっとづつ操作が上手になっていくゲームバランスなんかもかなりいいかんじ。今のところいけたのはステージ30まで。31がどうしたらいいのやら…。一度クリアしたステージから始められるので、一度ブラウザ切っても大丈夫。こういうの好きな人はやり込み甲斐がありそうでおすすめです。
Get Out And Play
Nokiaのバイラル（？）コンテンツ。
流れとしては、ムービー前半→ピンボール→ムービー後半→商品紹介となっていて、表現のタッチは一貫していてまとまっています。バイラル用に趣味サイトのような雰囲気をだしつつな感じのようです。同じ手法でインベーターゲームやテトリスなんかをやってみても面白そうですね。
歩いてないのに進んでいく。
浮いたままの人。
扉から一瞬で隣の扉に。
実写化したピンボールを作ったら、こうなるんですね。
こういう映像って結構人に教えたくなるだろうという意図でチョイスされた手法なんでしょね。
YouTubeで広がるように意図的にアップしてあるっぽいですが、評価のレートは「5」と公表かですが、閲覧数は1100と少なめでした。長期間でじわじわ広がるとはおもいますが、紹介している商品が新鮮なうちに広まってくれるかどうか、むずかしそうではあります。
everyday icons Creative
春なのでロンTいち枚のヤンプーです。おはようございます。
ベクターがきれいなフリーランスデザイナーさんのサイト発見とおもいきや、
グラフィカルな部分だけじゃなくて、フラッシュのエフェクトとかもすごく参考になるさいとでした。
のぞいてみて一番のインパクトは、ナビゲーションのインターフェイス。
縦に並んでいる実績リストを一回クリックすると選択（ここまでは普通）。
もう選択している部分をさらにクリックすると、同じ実績のべつのサムネイルにスライドします。
マウスを移動させなくてもいろいろ見れてとてもらくちんです。
冬のめんどくさがり屋さんのコタツライフ的に楽な操作感です（'u'）
DAKARA サントリー
DAKARAのサイト。バレリーナのブタじゃなくなってました。
ドラッグ・ほおりなげ・クリックなどの操作でおじさん3人をいじりたおせます。キャラクターのアニメーションコマ数が少ないですが、脱力系のタッチなのもあって違和感ないです。動きの種類は結構豊富でいじったり見てたりしてて楽しいコンテンツです（'u'）
bungalow50 JUN 50th Anniversary
タレントやアーティストが作っTシャツデザインを3D空間に散らばめて紹介。パーマリンクに飛ばしてウェブ上で販売までできるサイトです。この前までは、Tシャツのデザインが地球儀状にならんでましたが、今見たらタレント・アーティストの写真に変わってます。こっちの方が訴求力あるってことで変更したんでしょうか（'u'）
NODERA.TV, INC. 株式会社ノデラドットティーヴィー
FlashMediaServer3ではじめて実現したという、ウェブカメラで仲良く仕事中の風景を同時に写せるコンテンツ。
ログインしなくてもはたからログイン全員の映像が見れるので、のぞいてみるだけでも面白いです。同業者のが集っているんでしょうね。知り合いだけで使うこういうのあれば、いいなと思った今日この頃です。
NHK MOJA-MOGI by Yugo Nakamura
昨日のNHKプロフェッショナルはウェブ業界から。中村勇吾さんだったようです。番組用に作ってきたフラッシュが公開されていてひそかに人気のようです。
SCR DROPCLOCK
http://scr.sc/products/dropclock/
ハイスピードカメラで撮影された「数字が水に沈む瞬間」の映像を４桁並べて時計にしたスクリーンセーバーにのようです。意識していない人にはぱっとみ時計に見えないけど、次官を知りたい人には認識できるので、オシャレ空間で垂れ流しとかしててもかっこよいすばらしいツールです。ぼくは今、白に設定して試しに使ってみてます。
最近、ハイスピードカメラ機能付きのデジカメなんかも市販されてますよね。まだテレビに映し出すには画素が足りないなーと思ってましたが、こうやって個別に撮影したものを組み合わせても面白いものができるんだなーと、目からうろこ。もうちょいまったら、メガピクセルなハイスピードカメラ内臓のなにかも市販されだすのかなと、個人的にはちょっと待ち状態なわくわく気分です。
FUJIFILM FinePix 顔キレイナビタワー
http://www.kaokireinavi-tower.com/
顔画像（友達？）を100人集めるブログツール。集まるとプロモーションしているFinepix F100が当たります。顔検出機能が搭載されていること、F100という名前を認知させる目的だとおもうんですが、うまく盛り込めれられいる企画ですよね。ためしにやってみたところ、自分の顔をアップすると恥ずかしいので、なんか顔ですらないイラストとかアップしてみたんですが…アップするのに顔検出機能があって無理でした。絶対顔写真をアップしないといけないということになります。考えられてますね！
顔をクリックすると、オートでウェブリング内をジャンプしだします。顔ナビが貼ってるブログをランダムで回って行き、自分のアバターが登録ユーザーの顔写真を集めていくという流れのようです。
Get the Glass!
http://www.gettheglass.com/
キャンペーン大成功事例でよく取り上げられるGot Milkの新しいキャンペーンゲームコンテンツ。ミルクの形をしたお宝を狙う泥棒家族と警察のカーチェイスをスゴロクにしてハラハラするけど、誰でも楽しめるコンテンツに仕上がっています。サイコロをドラッグしてほおり投げるインターフェイスがとても心地よい感じです。ムービーも豊富でゲームとのシーン切り替えもシームレス。昔のプレステのゲームよりもハイクオリティーといっていいグラフィックの質です。
サイコロの動きがリアル。６面と角８面分のビットマップで3Dテクスチャーの処理をしてるのかもしれませんねー。
monoface
http://www.mono-1.com/monoface/main.html
スタッフ写真で福笑いコンテンツ。
写真のクオリティが高いのもあって面白いコンテンツです。
液晶テレビ BRAVIA 〈ブラビア〉 ソニー
http://www.sony.jp/products/Consumer/bravia/
カラフルなCMでおなじみのSONY-BRAVIAのサイト。超メジャーブランドですがフラッシュ部分の作りがflash5デモ作れそうな勢いの簡単な作りになっています。なのにおしゃれ。「斬新だから」「誰もやったことがないから」とかじゃなくても、インパクトのあるいいサイトは作れるんですねー。
カトリーヌの小部屋｜エンジョイ！テイジン｜「カトリーヌの不思議な冒険」
http://www.teijin.co.jp/catherine/enjoy/enjoy05.html
遅くなってしまいましたー。おつかれさまですヤンプーです。
今日のナレッジはダケジャナイテイジーンのカトリーヌが昔なつかしの8bitファミコン風ロールプレイングゲームとして公開されていた件につて（'u'）そもそもロールプレイングっていうと、主人公がモンスターと戦って強く成長していったり、町の人の話しをヒントにナゾを解決したりとファンタジーの世界を体感する部分に魅力があるのだとおもいます。
こちらのゲームの場合、目的は「テイジンが色々な分野に関わっている」ということをさりげなくユーザーに認知してもらうため、謎解き要素の中にテイジンが広告として伝えたい内容を含めてしまっています。バランスが難しいところですよねこういうのって。ゲームの魅力がないとプレイしてもらえない。逆に広告要素が強いとプレイしてもらえない…。その辺、こちらは「ゲームを楽しみたい」ので広告内容をじっくり読んでもらえそうなバランスをうまくまとめれていると思います。ゲーム好きなヤンプーとしては、個人的にはもっとゲームよりなバランスでもOKなくらいです。広告要素を含むゲームの企画を立てる際に参考になりそうです（'u'）
タイトー スペースインベーダー30周年公式サイト
ヤンプーですこんばんはー。
今日のナレッジはこれ。
タイトースペースインベーターゲーム。30周年なんですね。
8bitなデザインをポップにしてキャラクターとして押し出していろいろケータイゲームなんかもやっているようです。そんあ「スペースインベーター」の公式（？）サイト。いろいろイベントやグッズなどニュースに取り上げる出来事も多いことからゲーム性のある動きでニュース記事をみてもらう仕組みが考えられています。9999以上クリックしたらなんかあるんでしょうか…。きになる…。
100チアガール｜転職応援サイトイーキャリア
こんにちはーヤンプーです。
今日のナレッジは転職サイトの口コミ用誘導サイト。
最近筒状のテクスチャー3D表現がなどもありますが、こちらの場合扇状になっています。これくらいにしといたほうが、3Dであるインパクトと使いやすさが両立できると思いました。
100人全てみると特典ムービーがあるようです。見てない女のこのサムネイルは口元までしか見えない感じになっていて、一度見たら顔がちゃんとわかるトリミングに変化するようになっています。これだと、まだ見てない女の子がだれとだれかわかるので全員見見ようとしているユーザーにもやさしい作りです。100ガール全部見たよ！という方御報告お待ちしてます（'u'）
ヒゲチェン
こんにちはヤンプーです。３月下旬っていうのは毎年忙しいかんじで、今年もやっぱり忙しくなっています。そんなわけで余り詳しくナレッジできてませんが、それでもナレッジしたいサイトはたくさんあるので、箇条書きとかメモ的なかんじで更新していこうと思います。
・ビットマップ変形をポリゴンテクスチャー的に使う。
・1000種のヒゲパーツをジャンル別に絞り込める機能。
・画像読み込み
フラッシュの最新技術だったピットマップ3Dテクスチャー系のスキル。いままではインパクト重視のサイトで使われていましたが、このサイトだとかなり実用的に使われていると思います。自分の顔に似合うヒゲをシミュレーションできるというのは、便利ですから。高いスキルを身につけて、なおかつ、使って便利なサイトを作って見たいものです（'u'）がんばろっと！
Creative License. Take as much as you want.
おつかれさまですヤンプーです。
今日のナレッジはAdobeのパッケージ商品のプロモーションサイトについて。トランプをモチーフにしたオープニングムービーがかなりハイクオリティーです。下のタブをドラッグすることで、ムービーを再生・巻き戻しできます。再生が留まっていても、魚や鳥、兵隊などは動いています。独立したアニメーションが作れるフラッシュならではの構造を活かした作りになっています。
DESIGN SHOWCASE
こんばんはー。ホットペッパーのグルメサイトトップページを有名ウェブクリエイターが作ったらどうなるか！？ほんとに有名どころが集まっちゃってます。参考になりますねー。タウン情報サイト最大手ですから作り甲斐ありますねー。沢山のお店のなかから希望のお店に出会いたいユーザーにとって、使いやすそうなものから興味を引きそうなものからいろいろなインターフェイスが公開されてます。
Kanebo ALLIE カネボウ アリィー
徹夜明けのヤンプーですおはようございます。
今日のナレッジはカネボーのUVカット商品アリィーのプロモーションコンテンツ。シンプルなサイトだなーとおもいきや、ご覧の通り、フラッシュ内でページ（？）を移動する際にシームレスに3Dで「ぐるっシュッ」って移り変わります。
The Complete Bedroom
引越しして1ヶ月立ちますがまだまだ片付かないヤンプーですおはようございます。
4/14に神戸のIKEAがオープンしますねー。広島からドライブ圏内についにIKEAが…（'u'）
映像データを回転軸パラメータにしてインタラクティブ化したIKEA同じ手法のシリーズ化第3段(？)です。昔から継続されているテーマは、IKEAのインテリアで生活する家庭的ワンシーンを、アート的インタラクティブ表現でみせるという部分でしょう。そして今回はハイスピードカメラ。
Adobe - EDGE Now!
ヤンプーですおはようございます。
なんでしょうか。
ADOBEからウェブ制作者向けのなんかのコンテンツが立ち上がるみたいです。
導入ムービーとユーザー仮登録だけできるみたいです。
91TV - クノイチＴＶ
こんばんはヤンプーです。
今日は美禅のプロモーションコンテンツのナレッジ！みなさんThe Golden EGGSのセンスって好きですか？ぼくはすごい好きです。でもDVD買ってもどういうときにみようか悩むジャンルですよね。軽いかんじでみたいのにおもしろくて集中してしまいそうで…。家で作業しながら流しといたりはできなさそう…。そんな魅力的な映像を産み出すクリエイターさんの最新作は、コスメのプロモーションの仕事みたいです。
パナソニック オリンピック スペシャルサイト
おはようございますやんぷーです。
オリンピックまであと161日だそうです。こちらオリンピック開催までのカウントダウンをみんなが作った人文字をOOPやウェブで展開する企画をナレッジ！ユーザーに人文字を募集しています。これ…OOPも毎日貼り変わってるんでしょうか？？？夜中に貼り変えてるんでしょうか？？？ウェブだとありえますが紙だと、どういう工程なのか気になりますねー。今はユーザーが投稿した写真じゃないので、白バックのに黒ジャージとかわかりやすい写真になってるので、きれいにみせれていますが…一般の人が撮影した写真がちゃんと見える数字になるのか結構不安なところ。今後どうなるのかが楽しみです（'u'）
アップル - Mac+iPod 学生キャッシュバックキャンペーン - Macおねだりメール
こんばんはヤンプーです。まだ寒いですが、もうすぐ春ですよねー。進学の季節です。
今日のナレッジはAppleのキャンペーンMacおねだりメールについて。
学生がMacとiPodを同時に買うとiPod nano4GB相当の金額がキャッシュバックされるキャンペーンを6月まで開催しているようです。ターゲットにしているシーンは、春に進学して大学生になる高校生でしょう。新生活でパソコンが必要になりMac買ってほしいなーとおもっているニーズ層に、おもしろ半分に親へおねだりするきっかけを与えてくれるツールのようです。
CASIO W61CA activoo
ヤンプーですこんにちはー。
今日はauのケータイ W61CAのプロモーションサイトのワンコンテンツ、Activooをナレッジ！
au smart sportsというGPSサービスをユーザーに認知してもらうためのゲーム・ブログツール配布コンテンツのようです。機種のデザインからみて女の子層にau smart sportsでダイエットするという使い方をイメージしてもらう目的でから組み立てられたアイデアなんだろうなと思います。W61CAをもって「スピードや消費カロリーを見ながらランニング」というエクササイズしたいスポーティーな女の子のツボをくすぐるゲームビジュアルのデザインに仕上がっているようです。3Dでモデリングして滑らかなモーションを作りこんだものを、アクションごとに映像にしているんだとおもうんですが、かなり滑らかです。
ゲームに入るまでのドレスが入らないというシナリオも共感要素が強くてかなり上手な作りですし、ディスプレイにうつったメールの文章で、オープニングを展開させる流れもまとまっています。かなり完璧なコンテンツな気がします。すごいーー。
朝日広告社-Recruit2009-
明日は友達の結婚式があるヤンプーですおつかれさまです。
今日のナレッジは朝日広告社リクルートサイトです。
ウェブで成果がはっきり現れるリクルートコンテンツ。ゴージャスなものから面白いものまで、いろいろなコンテンツが登場していますが、こんな手法をやってる会社がありました。 「逆面接」 採用される側が会社を選ぶ時代なんですねー最近。いい人材・合う人材にめぐり合うために、そして会社がPRするためにウェブは有効なツールのようです。
会社と採用される側の立場が逆転するという表現がされているこのコンテンツは、昨今の採用の世界を象徴しているのかもしれませんね。
FUBUKI Graphics
最近、沢山の情報を整理して見やすくするにはどうしたらいいのかを研究しているヤンプーですおはようございます。今日はサムネイルを並べる機能とカテゴリで絞り込む機能がインタラクティブなFUBUKI Graphicsさんをナレッジ。画面のリサイズに合わせて並びを調整する表現やカテゴリを絞ると検索し直す機能も好きです。
MUJI Life - 無印良品 ひとり暮らし。ふたりの部屋。
今週仕やることがたくさんあるヤンプ－ですこんばんは。
先日引っ越したマンションが照明がレール式なのでスポットライトを探してハンズとかうろうろしてたんですが、売ってるところが少なく…見た中で一番種類があったのは無印良品でした。さすが無印！…と言うわけで今日のナレッジは、無印良品の新生活提案サイト。今は寒いですがもうすぐ春ですからね。洗濯機からお菓子まで統一デザインでなんでもそろう無印良品ってすごいなーとあらためて思いました。
明治製菓：100％チョコレートカフェ - 2008年ホワイトデー『100％スマイル』!
昨日分をこそこそアップヤンプーですこんばんわ。バレンタイン終わってデザインがホワイトデー仕様になってますが、見せ方上手なサイトでかつ、インタラクティブにチョコの買い物ができるおもしろいこころみをナレッジ！
ロゴのシールっぽいエフェクト表現もおもしろいです。
PRIUS Channel プリウスチャンネル
昨日分をこそこそアップヤンプーですこんばんは。旅行番組名ノリで作られたウェブ配信の映像をニコニコ動画風にコメント投稿機能をつけて双方向にしています。これはもう、地デジのデータ通信を超えるクオリティになってしまってますね。文章を投稿して認証中ってのもわかりやすく作られています。認証中はじぶんだけみれるかんじなんでしょうね。
ひろぎんマイ ライフ プラス 「願いを星に」
ヤンプーですこんばんは。
今日はかなりつくりが細かい参加型サイトをナレッジ！
星座って、夜空を見上げた昔の人は、星の数が決まっている制限の中で想像を膨らませていたのでしょう。そんな星座を描く楽しみがあじわえるコンテンツが登場したようです（'u'）広島銀行のマイライフプランというサービスのサイト内にあるスペシャルコンテンツ。内容としては、タイピングゲームをし、評価に応じて星がもらえ、その星を自由に配置しつつ線で結びつつ、名前を決めつつ夜空に浮かべられるというものです。
MyMiniCity
出張してきました。広島松江間のバスの中で企画書類作り始めてしあげれたぎりぎりばたばたなかんじだったヤンプーですこんばんは。今日のナレッジはこれ。ひとことでいえば、ブログでオートシムシティー。ブログがはやるほど街が成長するほっといて、たまに見に来て楽しめるお遊びなゲームサービスです。なにもしなくていいのに楽しいってのはかなり長期間遊べそうですね。
EDWIN│DENIM（デニム）・JEANS（ジーンズ）のエドウイン
やっと落ち着いてきたヤンプーですこんにちは。
今日のナレッジはデジムジーンズのエドウィンのサイト。サイトマップ的にスペシャルコンテンツも通常ページも商品ページも全部並列にして同じサイズのサムネイルを並べています。サムネイルが全て動いているのでスカパーでテレビを選ぶ感覚みたいです。ユーザーにチャンネルを選ばせてレイアウトも変更可能にすしていますし、お気に入り機能もあります。ユーザーごとに必要なチャンネルを、簡単にドラッグインしてショートカットを作れるようになっています。
情報が多いサイトにうまく組み込めば使いやすいものになりそうですね。
Play with Honda! closeup! Yahoo!
こまごま仕事してたら夜になりましたやんぷーですこんばんは。
なんだか忙しいです。
今日のナレッジはポータルサイトバナー広告のすごいのです。
ヤフーインターネットクリエイティブアワード2007で広告主の部金賞になったHONDAのポータルサイトバナー広告。占いやゲームなど、人が集まるポータルサイトのジャンルにあわせたテーマで複数作られていて運営側としては扱いやすい内容だなろうなーと思いました。
HONDA車をスポットライトに当てて得点を競うゲームや、都道府県がそのままパズルゲームになっていたり、RPGをモチーフにしたゲームがあったり、楽しめるものがたくさんあり、かなり参考になります。このサイトバナー広告たちトータルで2億PVをたたきだしたそうで…広告を押し売りしないけど、遊んでもらう内容の中に伝えたいことが隠されている、程よい距離感でみんなに親しまれるバナー広告になっているっぽいです。
LogoYes
イラレが急に動かなくなってビックリ（ﾟ回ﾟ）イラレがなかったら仕事ができないことを昨日再確認したヤンプーですこんにちは。
こちらウェブ上でロゴを買えるサービス。実際やって見ると、作るというよりは選ぶというかんじですが、大量にあるマークの中から、ユーザーが選びやすいようにわかりやすいインターフェイスになっています。マークを選び終わると、社名などのロゴタイプを打ち込みフォントを選べます。配置を自由にドラッグでき、購入できるようです。EPSとかで届くのでしょうか？注文がオペレーターに届いて手動でベクターファイルを組み合わせて納品するのかもしれません。
デザイナー的には、ロゴをつくるときのアイデアに詰まったときにみると参考になりそうです。
デザイン会社に頼まずに安くロゴ作っちゃいたいと思うニーズをターゲットにした隙間産業ですね－。
BEYES Watch the world RECOMMEND 60 BEYES EDIT STORE
18:00にやっとお昼ごはんが食べれたやんぷーですこんばんは。
リビング・キッチン・デスク・腕時計・ステーショナリー・趣味雑貨・トイグッズ・皮小物・ライフスタイルグッズなどを揃えるセレクトショップBEYES。その商品の中で時計だけをインパクトある手法で紹介しているワンカテゴリコンテンツ。
トップページのメインビジュアル部分から入れるこのコンテンツは、ひとつの商品を選ぶと、結局たどり着く先は商品の詳細ページ。トップページから選ぶカテゴリや商品が多くなってしまうと、ひとつの商品の詳細ページにたどり着くためには沢山のクリック数が必要になり、商品の閲覧にかかる労力が増えてしまいますよね。訴求したいものをこういった別コンテンツを経由させて導線をスムーズにする方法はかなり有効的かもしれません。今ユーザーは何を見たら喜ぶのかを判断した結果、作られたコンテンツなのでしょう。ブランド・国・価格・タグから商品を絞り込めるの時計を探してきた人には使いやすいどうせんになっているっぽいですね。
こういうコンテンツを提案してさくっと作れるようになりたいものですねー（'u'）
「冷え知らず」さんの生姜シリーズ
生姜だいすきヤンプーですおはようございます。こちら、生姜が入っていてあったまれるという永谷園のヌードルのプロモーションサイトです。ミスキャンパス16人がステージを薄着で元気に動き回ってますが、なんだか白い吐息が…。息が白くなるくらい寒い冷凍庫の中での撮影のようです。温まれるというイメージを訴求するため考ええられたアイデアコンテンツ。
Japan.illbe.net
昨日分の記事を遅れて更新しているやんぷーですこんにちは。
昨日はかなりばたばたしていました…。
こちらデザイナーさんの個人サイトのようです。少々読み込みが長いですが、ロード中の筆文字エフェクトを見ていると、使っている画像の画質を落としたくないくらい細部にこだわりたい方なのかもしれませんね。サイトが開くとまず、水墨画がぼわーっと現れ背景になりつつ、マウスにあわせてコラージュされた風景グラフィックが登場します。西田幸司さんがよく使っていた手法を使っているようです。同じ手法でも濃淡がはっきりするレタッチでまとめられたグラフィックに置き替わるとこうなるのか…と、興味深いです表現です。作者さんは日本好きのようで個人ポートフォリオサイトにもこういった「自分が好きなもの」をつき詰めて、アートオリジナル手法を確立していく貪欲さなど、見習いたいなと思います。
CLUB KEIBA：みんなで競馬！-JRA
もう週末ですね。仕事が立て込んでて頼まれごとや自分のことができずに先送りになってしまっているヤンプーですこんばんは。
こちら、競馬ユーザーを増やすため、今まで競馬に興味がなかった人に向け発信するCM連動型のウェブサイトのようです。競馬に興味がない人達が集まってできたクラブ競馬。絞ったターゲットのユーザに向けて寄り『共感してもらえるように、かつ面白く人物設定がしてあるなーと思います。
よく練られたドラマストーリーをCMならではの展開で30秒に凝縮し、まずは視聴者に人物設定を紹介しつつ登場人物に共感してもらう流れのようです。映像・展開のクオリティも高くすごく好きなかんじです（'u'）
ミルクって、サプリかも┃J-MILK：社団法人 日本酪農乳業協会
最近牛乳あんまり飲まなくなったヤンプーですこんばんは。
このサイトいきなり書いてあるのは「牛乳ってサプリかも」と次へ進むためのボタン「なんでサプリなの？」…この流れでさくさく読み進められます。ユーザーに興味を持ってもらうこの構成はコピーの力が大きいですね。最終的にたどり着くのは…
OMRON Industrial Automation Japan × 面白法人KAYAC 謹賀新年おめでとうキャンペーン
引越しの準備が全然進まないヤンプーですこんにちは。
次の人も見に来るかも知れないしそろそろ部屋を片付けないと…。
さて今日はちょっと時期遅れちゃいましたが、カヤックさんの正月コンテンツについて。毎回色々勉強熱心に新しいアイデアのコンテンツを産み出し続けているカヤックさん。今期正月の社内コンペ（？）最優秀コンテンツはなんとウェブ経由で誰でも動かせるラジコン！干支にちなんでネズミの形をしています。
UMEDA PORTAL｜あした「うめだ」でなにしよう？うめだポータル
正月明け4日に届いた年賀状で翌日に同窓会があることを知り、仕事を片付けて方道260kmを里帰り、先週はそんな週末でした。そしてもう金曜日…アクティブな年になりそうな予感（'u'）鳥取出身広島在住のヤンプーです。こんばんは。
鳥取市民はよく大阪に遊びに行くんです。岡山行くのと変わらないくらですし…大阪は鳥取市民の遊び場なんですねー。そんな大阪・梅田にスポットを当てたサイトを発見。あした「うめだ」でなにしよう？というタイトル通り梅田周辺のマップからイベントやスポットを紹介しています。都会でて遊ぶぞ！とだけ決めている人は、これでチェックしていくとより梅田を楽しめることでしょう。
ものづくりの仕事をやっていると、自分の身の回りで役に立つものを、ボランティア的に作ってみたいなーという漠然と思ったりします。そのノリで10年住んでいるここ横川を、この梅田ポータルのようなコンテンツに落として見てもおもしろいかな。とかイメージが膨らむきっかけを与えてくれる刺激的なサイトです。調べものサイトとしては検索などの情報を絞り込む機能が物足りないのが残念なところ。スタシアカードの誘導コンテンツと言う目的が強いサイトなのかもしれませんね。
Cursor10 (nekogames)
更新と晩御飯が遅くなってしまっているヤンプーです。こんばんは。
このゲーム最初、ルールがわかりませんでした…。それというのも、楽しみ方が"新しい"からなんです。
とにかく階段をクリックして上の階へ進み、その途中の三角のスコアをクリックして取っていくゲ－ムなのですが、100回クリックしないと開かない箱や、押しっぱなしにしないといけない床スイッチなど、マウスひとつが先に進めない障害がたくさんでてきます…。
一定の時間が過ぎるとまた初めから。10回チャンスがありますが、初めからになるたびに前回の自分の行動をそのまま真似るマウスが登場します。再チャンスごとにどんどん真似るマウスが増えていくので、過去の自分や次回の自分の動きを考えながら、自分と協力し合って、上へ上へと進んでゴールを目指しましょう！なんだか哲学的なテーマのゲームに見えてきました。すごいアイデアですね（'u'）
株式会社 リテック・コンサルタンツ
空き室がでたら教えてくださいと、不動産屋さんに伝え1年待ってやっと希望していたデザイナーズマンションに引っ越せることになったやんぷーです。こんにちは。来月からは出勤徒歩１分です。
こちらのサイト。賃貸マンションの物件を紹介→空き室状況→お問い合わせできるサイトです。とにかく写真がきれい。物件を質で選びたい人は、かなり惹かれるデザインになっていると思います。都会のマンションやオフィス・スタジオはすごいオシャレですねー。まず見た目できになった物件を見て、次に自分の条件に合うかどうか詳しく見る人には最適な流れになっているとおもいます（'u'）広島にもこんなに色々オシャレ物件があればいいのに…。
MEFILAS [メフィラス] Media Field Language
今月末に引越しが決まったヤンプーですこんにちは。
今日気になるウェブサイトはこちら。フリーランスの方でしょうか？個人的な記事から実績まで色々ごち混ぜでき時をアップしているサイトです。記事には絶対画像があり、インデックス部分にはサムネイルが並んでいます。サムネイルが並ぶ系のサイトってサムネイルに使われる画像が全体のデザインに大きく影響してきますよね。でもどんどん更新されていく場合、見に来るたびにサイトの印象が変わっちゃったりするので、印象を与える意味ではあんまりよろしくないなーと思うわけです。
でもこちらのサイトの場合、ロゴとストライプ画像と記事のサムネイルを均等に並べることで、1画面のトータルの印象が確立できるわけで、効果的な手法だなー！と納得。
背景に大きな画像を読んでいるのに、動作もかなりスムーズでとても見やすいサイトです。
今年はAIRを扱えるようになりたいヤンプーです。あけましておめでとうございます。
AIRの特徴である、ウェブの開発環境がそのままアプリケーション開発環境になるという部分が、ウェブコンテンツ開発してる身としては、かなり可能性が広がるなーと感じています。うちの社内でのワークフローを手助けするアプリケーションなど開発することも有意義だと思いますし、そうしているうちに、公にリソースとして確立して、クライアントさんの問題解決アプリ・作業効率化アプリなどいろいろ開発できるようになるのではと想像しています（'u'）ﾜｸﾜｸ
そのあたりを今年はアクティブにやってこうと思いますのでみなさんよろしくお願いいたします。
Suitsupply
冠婚葬祭でしかスーツはきないヤンプーです。おはようございます。
スーツがほしくて見つけたサイトではないんですが、こんなフルフラッシュサイトがありました。
フルサイズででてくるスチールのクオリティが高いのと、演出が面白いです。霧や蜘蛛などスチールに1部分ムービーを重ねていたりしているところなんか遊び心がありますね。
Orisinal Morning Sunshine
先日彼女の実家に遊びにいったヤンプーです。こんにちは。
彼女の実家はフランクなおうちで、向かいの若いご夫婦さんの4歳児のお子さんが朝から家に入ってきて騒いでたり、スズメにえさをあげてたり、ネットのゲームしたい！とせがんだりしています。
最近は、ウェブ上で検索するだけで、たくさんのフリーゲームが遊べるすごい便利な世の中になったもんです。その子は、マウスクリックで跳びはねるスケボーアクションゲームなんかがおきにいりらしいのですが、それもすぐに飽きてしまい、新しいゲームをせがんでくるらしいのです。ネタがつきてしまったらしく「なんかゲームないかね？」と彼女父に相談されました。
ZOOKEEPERとかどうかなと思ったんですが、カラフルなデザイン好きそうだけどパズルゲームははまだ理解できなさそうということでした。たしかに…。ゲームといっても幼児が楽しめる、マウスクリックだけで遊べて楽しいゲームって結構ニーズがあるのかとふと納得。そういえば、そんなニーズ対象っぽい面白いゲームサイトがあったなとおもってブックマークを掘り返して見ました。
ホーム ソフトバンクグループ通信3社 2009年度新卒採用
年末ですねー。昨日分をいまごろせかせかアップしてるヤンプーです。おはようございます。
大企業がウェブでお金をかけるコンテンツといえばリクルートコンテンツです。
これは、結果がはっきりしているから…なのでしょう。結果というのは"良い人材に出会たかどうか"。ですから、使った制作費予算と見返りの比較が具体的にでき、費用対効果がはっきりわかることになります。手法や質にこだわったリクルートサイトが多いのはそういった理由からなんでしょう。
そういった背景を考えつつSOFTBANKのリクルートサイトをみてみましょう（'u'）
Grow a Xmas Tree
最近お歳暮の煎餅がごなんになっているヤンプーですこんばんは。
今日御紹介するウェブサイトは、クリスマスのグリーティングメールが送れるメッセージカード（？）コンテンツ。書いたアルファベッドがクリスマスツリーのデコレーションのごとくらせん状に張り付いていく光景は文字打ってて楽しくなります。
ブログ分析レポート - emo[エモ]
レポートネタがなくならないかハラハラしながら毎日更新してるヤンプーですこんにちは。
ナレッジブログにお越し頂ありがとうございます（'u'）
このブログ公開してからはまだ半月ですが、去年の3月から毎日ブログを更新続け、はや1年9ヶ月になりました。何でこんなブログの始めたのかというと…当初はメモがわりにするためでした。フラッシュサイトの提案やブレストそする機械が増え「あのサイト参考に見たいけどどこだっけ？」とかよくなることがあり非効率的だーと思ったんです。なので仕事で参考になりそうなサイトや面白いものなんかをレポートしてメモして蓄積していけば、後後、役に立つぞ！じゃーブログで作ってみようと思ったわけですね。そして今でも「あ、えーとあのサイト…どこだっけ」というときよく使います。サムネ付きブックマークみたいなもんですね。そういう時使うのは右のナビゲーションの下の方にあるList of Thumbnail を使っみてください。普通にブログを使っている方も、昔の記事を振り返りたくなったり、どういう印象で診られているか気になるときもありますよね。
ちょっと前置きが長くなってしまいましたが、今日御紹介したいのは、ブログツールと解析を組み合わせたサービスemo。あなたのブログでの口癖、傾向、成分なんかを分析して、顔を作るサービスです。
March of Dimes Campaign Site
こんにちはーじゃない…あーこんばんはー…今日は遅くなってしまいました。
今日御紹介したいサイトは、子育てポータル系サイト（？）大量にあるシチュエーションを文章にまとめ、シチュエーション別文章から、それらにマッチした詳細ページへ誘導する役割のフルフラッシュトップページ。機能的と言うよりはアート的。ぱっと見、シチュエーションワード文で埋め尽くされた文章でタイポグラフィーアートを表現しているっぽく見えます。しかも動画（ﾟ回ﾟ）
omonbakaru.com
いわゆるウェブでめしくってるヤンプーです。こんにちはー。
週明けましたね。今日は月曜日。仕事たまってますよ。やばいやばい。
ぼくの場合、会社員としてウェブデザイナーをやっているので、ウェブサイトの制作をしてクライアントさんから会社を通して給料をいただいて毎日を食いつないでいるわけです。ビジネスなので…。お金にならないことを毎日やってしまっていては、会社も自分も生きていけないわけです。ですが、せっかく手に職があって、他の人では作れないものを作れるぼくらは、ウェブの技術でなにか社会に役に立つものを作ってもいいんじゃない？ともおもったりします。
ウェブサイトは、ひとりでも作れちゃいますよね。
今日は、そんなひとりとか少人数で作れちゃうものにも、沢山の人を救う力があるかもしれない…そう思えるウェブサイトの御紹介です。
実況ジェネレーター2008 project Blue
休日はサッカーやってますこんにちはヤンプーです。
休日サッカーを楽しんでいる人って結構いますよね。最近ではフットサルとかはやってますし、広島のサッカーリーグでも一番多いところでは140チームもあります。息子のサッカー部の試合をハンディーカムで映像に残したり、友達同士でフットサルチームを作って試合を録画している…そんな人達も増えてきていることでしょう。そんな人達にもっとハンディーカムライフを楽しんでもらうための、よくできた面白いサービスがありました。今日はそんなサービスのご紹介です。
ウェブ上に映像をアップできるSONYのEYEVIOと言うサービスがあります。
YouTubeのSONY版といってしまえばイメージしてもらえ易いと思います。
自分がEYEVIOにアップした映像を使い、プロの実況ボイスアテレコして編集して行くことができる、遊び感覚のサービスです。内容はサッカー限定。インターフェイスがかなり使いやすいのでその辺に注目してみました。
映像を編集する画面では、実況ワードを選び、ドラッグでタイムライン上に置くことができます。置いた後、ずらしたり、消したりもできます。実況解説者が二人とベース「ゴーーール」などの声合わせて3トラック用意されています。２人でしゃべれば声がかぶることもあるから、トラック分けもちゃんとつくったんだなーと関心。細かいところまで気配りしてある作りになっているっぽいです。
お気に入りの実況ワードをドラッグで登録でき、映像を再生しながら、キー操作でタイムラインに置いていくこともできます。
完成したアテレコ映像はサービスサイト内でいつでも観ることができるようです。
パントマイムのやつとかルーツのやつとかのコンテンツに近い仕組みですが、なかでも一番ユーザーが楽しく使ってくれそうなサービスですね。
これってSONY商品を使ったライフスタイルの提案として、より面白くしてくれるウェブサービス…なわけですよね。ハンディーカムの普及のためのサービスでなければYouTubeでこれができても面白いんですが、ユーザーを囲い込まないといけないのでこうなってるんでしょう。ニコニコ動画はそういうしがらみはなく純粋にテロップをいれれる類似な手法だとも言える気もします。
EYEVIO自体については、雪吹さんが講演を聴いたそうなので何か補足があればお願いします。
T Y P E F L A S H
いろんなサイトをみては良いところを探す癖をつけたいヤンプですこんにちは。
Flash7でマウスホイールの信号を受け取れるようになり、Flash8でぼかしやオーバーレイなどのレイヤーー効果が使えるようになり…いつのまにかいろいろな機能が充実しているフラッシュですが、AIRやFlexではなくてもダイアログボックスってもう出せたんですか？知らなかった…アプリケーション実行ファイルとかにしなくてもできるんでしたっけ？
画像ファイル参照のダイアログボックスがでて、ローカルファイルを読み込んでウェブ上にアップ、そのまま表示されます。○アイコンUploadPhotoボタンで操作。これはすごいですよ。何事もなかったかのように普通に作ってありますが、ダイアログボックスってどうやって出すかまだよくわかってませんし画像をFTPってどうするんでしょう（汗汗）こんな仕組みが作れたいろいろできちゃいますよね。仕事にかなり活かせるのに…勉強不足です。フラッシュ単体ではつくれないのかも…。PHPの連携必須な気もしますね。テキストを打ちこめれます。変わった動くフォントばかり。VJ系の動画制作が目的になるんでしょうか？不明です…。
xpo -- réalisateur & directeur artistique freelance -- Film & Art director
こんにちはヤンプです。もう年末も中盤に差し掛かかろうとしていますよ。いつのまにか。
時の過ぎるのが早いですね。つい4、5年前までは、フラッシュの読み込みファイル容量などの32kアナログ回線での検証もしていましたが…。いまじゃ、ローカル・USBでもウェブでもデータのやり取りはあんあまり大差なくなってきました。むかしは「なったらいいな」と思ってたことはいまじゃあたりまえなんですね。
そんなネット環境の変化でじんわり当たり前になってきた動画の表現。YOU TUBE・ニコニコ動画などのストリーミングでのサービスが認知されています。昔は目新しかった動画の組み込まれたフラッシュサイトも、いまでは動画も表示すればおもしろいコンテンツになるわけでもなく、使いやすさや映像自体の質がどんどん要求されていくでしょう。
ウェブ業界に映像業界のノウハウが必要になって来てますね。
今日紹介するのは、こちら。映像制作のポートフォリオサイト。
サムネイルがあってクリックしたらその映像をじっくり見れるという構造ですが、サムネイルをマウスオーバーするとサムネイルがもう動画として動いています。どんな内容なのかがこの時点でけっこうわかっちゃいます。このサイト、映像作品自体のクオリティーも高いのでぜひぜひみてみてください。
ベリテ -VERITE-
こんにちはー、ナレッジブログが公開になり初めての記事となります。
そんな記念のエントリーを今日かいているわけですが、そんなときはやっぱり選りすぐりのものが良いですよね。そこでこちら。フラッシュで制作したからこそ作れた、操作性や高級感の演出、さらに絞込み検索機能を感覚的にわかりやすく操作できる、注目すべき点が沢山あるお手本なサイトです。
こちら、アクセサリーブランドのサイトのようですが、まず、これはキレイなイラストですか(！？)と思うよな統一感のあるグラフィック部分での洗練さでまずあぜん。とにかく写真がキレイ！サムネイルアンチエイリアスもきれい！マウスオーバーでハードライトアニメーションされています。フェードインフェードアウトの変化も滑らかな動きです。
サムネイルワンボックスをマウスオーバー中に、右下にハードマークが…お気に入りに入れる操作とアイコンを両立している明確でわかりやすい作りです。ちなみにお気に入りアイコンがチェックされているサムネイルはマウスが離れても♥マークに色がついて表示が継続されます。
ウインドウサイズが変わったらどうなるか…サムネイルの並び直しの処理が行われて、画面に収まるように変化します。縦に長すぎる場合は「次へ・戻る」のナビが表示される作り込みがシンプルかつ丁寧なサイトです。
サムネイルリストの表示中、ひとつずつ順番に読み込みと表示を行っていますが、全てが表示されるまではクリッカブルになりません。そういう制限はぼくはかけたことがなかったのですが、そういう新設設計の考え方もあるんだ（ﾟ回ﾟ）と新しい発見でした。
基本的に羅列してあるサムネイルからひとつ選び、商品詳細を見るという流れ。そこからは関連商品への誘導か、お気に入りしておくか、彼氏におねだりするか…という流れが用意されていますね。ただのメーラーのが立ち上がるだけのリンクなんですが「おねだりメール」というコトバに帰ることで、このサイトから先への誘導が明確になっています。すご。
そして商品検索。サイト全て「サムネイルリスト→詳細ページ」というすべて同じ流れで構成されていますよね。商品検索もそう。種類や価格帯などの項目を複数選んでいくと、絞込み検索され、関連商品だけのサムネイルがでてきます。ひとつ残念なのは、検索が絞込みしかできないこと。2項目選ぶとすぐに検索0件になっちゃうので、「～または～」というOR演算の絞込み検索の機能もあればもっと商品を検索しやすくなるのではないかなと思います。とはいえANDとORの絞込みを両立したインターフェイスってデザインするのが難しいですね。うちで検索案件があったときには、色々考えてみようと思います。
MAKIBISHI COMIC マキビシコミック
いろんな場所をクリックすることでストーリーが進んでいくアドベンチャー系のウェブゲーム。ウォーリーを探せにRPGの要素をいれたかんじです。制作会社のサイトの1コンテンツでイラスト、BGM、SEもきれいにまとまっていてかなりの完成度です。クリックするだけじゃなく、アイテムをドラッグするなどのひねり要素もあり、展開も面白い。最終的にクリアするとクリアタイムのランキングベスト100の結果がみれます。一通りプレイすることで、メカシノビたちの生まれる過程や生活、故障して死んでいくまでの、シュールでポップなマキビシコミックの世界を知ることができます。
Munetaka Tokuyama Photographer
ほんとシンプルですね。必要なものだけしかないサイトです。スライドショーの仕組みがきれいに動いているフォトグラファーのポートフォリオサイト。アメリカのファッションフォトグラファーの登竜門らしいSurface Magazine's Avant Guardian Isuueに選出されたすごい人のようです。FICCさんと深いつながりなのか、右下にリンクが…。
サムネイルリストをずらしていくボタンなんかクリックプレスし続けるたり連打したりしても機能していて、感覚的に使いやすいよう細かいところも考慮してあります。サムネイルの機能、フェードのバランスなど、シンプルですがとてもきれいなフラッシュ機能美なハイクオリティーサイトです。
ドースルオナカ。 -おなか引き締める体操、まだ続いていますか？-
はいて歩けばおなかが引き締まるというwacoalのおなかウォーカーのレポートサイト。
「ほんとに引き締まるの？」「どのくらい使えばいいの？」という購入前のユーザーにみてもらって購買意欲をそそるツボを刺激している上手な手法が取り入れられています。
Kongregate Play Anika's Odyssey
気になるポイントをクリックしていくだけで、物語が進んでいくゲームです。学生作品かなにかでしょうか。謎解きのバランスがじょうずです。
日本郵政グループ｜一年目の決意。
日本郵政グループのリクナビへの誘導に仕掛けてあるサイト。
現在２種類のコンテンツが公開されています。
まずは、日本郵政グループで働くとはというコンテンツ。メッセージをまとめて分割して、数カットに分けてイラストと混ぜて上手に見せています。カットの切り替わりがスムーズです。こういうギミックは必要なさそうで、じつはけっこう印象に残るもの。企業のイメージに影響するスパイスだと思います。
Napkin Notebook
ナプキン生地のメモノートのプロモーションサイト。SKECHコンテンツで実際の商品にバーチャルメモを描いて遊べます。フラッシュコンテンツでよくメモや落書きができる機能が付いているものがありますが、リアルに「体感」に結びつくほどマッチした実例はめずらしいですよね。使いどころが上手ですね。
Know your World
地名を見て地図上にフラグを刺していく、英語が読めて、世界の地名に詳しい人が有利なゲームです。フラグを刺すと、刺した位置と答えが何km離れているかが結果として表示されます。アタリかハズレかどちらかではなく、近いほど高得点になります。
世界は丸いので、判定も右端と左端がループしていて細かい作りになっているなと思います。
KASHIWA SATO
佐藤可士和さんのサイト。
こんなんだったんですね。
thaさんの実績に載っていました。
文字の出方…ぽいですね。
このサイト、実績紹介が表紙になっています。
実績のサムネイルから色の統計を自動で（たぶん）抽出してアイコンにしています。
アイコンというかカラーチャートみたいなかんじ。
画像とテキストをアップするだけで間単に更新できて楽なのに
面白い表現で表示されるので更新する人は楽しいだろうなと思います。
自動化しているぶん、表示までにいろいろ生成いないといけないようで
ロードに時間が掛かってしまっているのが難点。
Flash Physics Engine Box2DFlashAS3 1.4.2
バウンドやドラッグ、衝突、振り子やキャタピラの物理計算のFlash ActionScript3.0のオープンソースがあるようです。その精密さはサンプルでチェケラしてください。すごいとわかる注目点は、もの同士の衝突。角ばったものの衝突判定エリアもかっちりリアルです。さらに、ドラッグしたときの操作感について注目すると、ほおり投げたときの加速や、つかんだポイントの重心から、ほおり投げた時にひねりもリアルに計算されています。
UNIQLO_GRID
UNIQLOのロゴを覚えてもらうたのコンテンツでしょうか？
遊び要素しかないコンテンツです。
接続されているユーザー全員の操作が反映しているようです。
50人制限のFlash Media Serverを使っているようです。
TOTO：トイレ・ユニットバス・システムキッチン・洗面所・リフォーム・増改築
TOTOといえば水周りのものを作っている会社ですね。
そのイメージをサイトのメインビジュアルでインタラクティブに表現しています。商品画像が横にスクロールし、その前面にマウスに反応する水面のエフェクトをおいています。マウスの反応の仕方がスムーズ。すごくきれいです。
±0 kashitsuki.jp
±0ブランドの加湿器のデザインコンセプトから使い方までを紹介するコンテンツ。
ナレーションと映像で構成されてます。ナレーションの質・映像の例え方すごいわかりやすいし清潔感あるし魅力的です。
映像・ナレ・テロップ・BGM全てがわかりやすさと商品の上質さを表現できている映像コンテンツのお手本的ウェブサイトなきがします。見てるとほしくなるので危険です（'u'）
京都造形芸術大学 TOP KUAD-TV
京都造形芸術大学のフルフラッシュのコンテンツ。3Dインターフェイスで表現されています。オープニングのビンタムービーがすごいインパクト。でも１度しか見れません。何度も見たい人は、右クリック→設定→フォルダのアイコン→ローカル記憶領域の設定を一番左にして「なし」にしましょう。保存されていたデータが消えて、一度きたことがとあるというデータがなくなり、毎回初めてきたことになります。
3Dコンテンツ部分もホイールやドラッグで操作できるので新鮮で使いやすい操作感です。
株式会社ココノヱ coconoe inc.
岡山にある制作会社。制作実績を見てもわかるようにかなりデザインディティールのクオリティーが高い会社です。システム・デザイン・イラスト・フラッシュ・コーディングと社内のリソースがバランスよくそろっているなーという印象。最近サイトをリニューアルしたようで、めちゃ縦長のフラッシュとhtmlスクロール、シュールなイラスト。バスキュールとリスペクトしてそうな第一印象です。
ABC LAND
ペーパーマリオの世界観をモチーフにしてそうな、ペラペラでメルヘンなサイト。
イメージがわきませんが、不動産のサイトです。実際、スタッフは女の子しかいない変った不動産みたいで、サイトでも、タレント事務所のようなスタッフ紹介の手法で作られています。
フルフラッシュで飛んだりはねたり走ったり建物の上に上ったりできる小人をマウスで操作。あちこちスタッフがいて会話もできます。会話の内容は一方的。スタッフの個人ブログの最新記事をしゃべります。
タレント事務所のように、スタッフの個性をかなり表に出したウェブの展開になっています。
建物の屋根や葉のふさふさした部分、雲などを足場に上っていくと、雲の上に建つ城があります。いろいろ探索できるゲーム的ツボも万歳のサイトですし、参考になるポイント万歳です。
Ｊストリーム - スペシャルサイト 「もっと素敵な伝え方を。」
グリーティングメールのサイト。
モチーフはパントマイム。メッセージをデコレーションして相手に伝えやすくしてくれるのがグリーティングメールの一般的なメリットですよね。なので声がでるグリーティングカードっては、今のところみかたことがありません（前回紹介したの読み上げ機能をつかえばかのうですが）
そこでパントマイム。
パントマイムをモチーフにグリーティングメールサービスをやれば、声が出せないのは当たり前。メッセージを入力したら、テロップがでます。パントマイムの動きを入力すると、ピエロがパントマイムします。それと、効果音、BGMなども入力して作れます。
メッセージ入力後のインターフェイスが優れていて、ドラッグでパントマイム・効果音・BGMが配置でき、さらに位置を変更できます。トラックに当てはめていく方法で選んだパントマイムの長さとか、ひと目でわかってわかりやすい表現です。
あと、大切にしたいことというコンテンツがあるんですが、サービスへの思いをテキストだけで伝える、ボリューム的には小さいコンテンツですが、音と動きでうまくみせれています。読みたくなる味つげが上手。
IKEA Dream Kitchen
シームレス映像のウェブ配信の元祖IKEA。今まで通り「生活の瞬間」の中を通り過ぎたり戻ったりできる表現がなされていて、さらにボリュームが大幅アップしています。やっぱりこういう表現は、皿の中身をこぼした瞬間や、ブランコに揺られる瞬間、フリスビーや鳥が飛んでいる瞬間の時間が止まっている空間を動きながら見れるへんがおもしろいわけです。さらに今回は、方向が２通り選べて今まで死角になっていたカメラの裏側もみれちゃいます。この動きのコンテンツ、とりあえず色々見て見たくなっちゃいますけど、ほんとの目的は、登場するインテリアなどの商品に、ユーザーの購買意欲をどんだけくすぐられれているか…その辺の効果が上がってるものかどうかきになりますね。
歌え！ルーツ飲んでゴー！
入力した文書が音声とテロップになってＣＭのワンカットになる。
自分で作詞してCMを作れるサイト。
濁りのあるお茶「あやたか」のプロモーションサイト。
濁りの良さの解説や、CM、ユーザーの声などのコンテンツがあります。
フルフラッシュなんですが、コンテンツの移動があるたびにURLが変化します。
#がついているので、フラッシュ内アンカーです。
キラーコンテンツがフラッシュ内の一部にある場合などでは、かなり有効な手法。
コンテンツ直飛びのURLをメールやメッセで、送ることができます。
コンテンツの読み込み開始のとき、きれいな画像を読み込むため長いロード時間が発生します。読み込み前から荒く軽い画像を代替画像として用意しておくことでよりスムーズな流れになってます。細やか！
口コミで普及させる注目コンテンツはこれ。
家紋ジェネレーターコンテンツ。
自分の名前と生年月日を入れると自分の家紋がでてきます。
柳谷：栗
大志君：サボテン
でした。
自分の家紋ができると、占い的解説文がみれて、スクリーンセーバーがダウンロードできます。シンプルなので使いやすいとおもいます。家紋が真ん中にあるだけのがほしいくらい。
クオリティーも高く、占い要素もあります。
人に教えたくなるコンテンツからの誘引を促進するために、こまやかな配慮がされてる勉強になるサイトです。
「ジャンプスクエア」を検索されたみなさまに
マンガ雑誌月間ジャンプが6月に休刊し、11月から新しく創刊されるジャンプスクエアという雑誌のウェブサイト。最近よくCMからの誘導のために使う「詳しくはウェブで」の手法をアレンジした裏技を使っています。
CMで「ジャンプスクエアと検索しないで！」と告知。
検索されると何かまずいことがあるのか？と思ったり、
お、新しい誘引手法だ、ひねってあるなと思ったりして、
逆に心理的に気になってしまう、誘導のすばらしいアイデアだと思います。
アイデアはそこで終わりではありません。
ジャンプスクエアでぐぐると"「ジャンプスクエア」を検索されたみなさまに"というページを用意…というかそれがトップページになっています。検索された人達へのメッセージと検索ボタンがあります。検索ボタンアは実はただのエンターボタン。下階層に入ると見慣れたレイアウト…グーグルの検索結果のレイアウトで表現されています。キャッシュ - 関連ページとかの表現。一本筋を通してデザインを殺したまとまったサイトです。
"もしかすると：～"の表現なんか結構ツボ。
ユーザーの誘導が斬新納得な手法です。
CM→検索エンジン→サイトトップ→コンテンツ全般→深く認知…発売日
あとの注目コンテンツ
・発売日までのカウンターブログパーツ
・月間ジャンプからの引継ぎ数作品を1話丸ごと見れるウェブブック
・創刊号に掲載される数作品の内容の冒頭がケイタイでみれるコンテンツ
【MAZDA】プレマシー
MAZDA PREMACY全員集GO!!!!!!!のキャッチをだしつつ、メタリックな家族が空とんでPREMASYに突っ込んでくCMと連動したウェブ。各コンテンツを選択するごとにこのCM特有の「！」文字がいろいろな動きをします。文字が両側スライドドアを通り抜けたりしてます。下部には、ちゃっかり写真投稿のキャンペーンが。
DEMIOでもありましたが、ケータイからの写真投稿を企画すると、うちの場合、ノイアンドコンピューティングさんとかに頼むことになりそうですが、いまのところ大規模キャンペーンでないと金額が合いそうにないかんじです。意図と企画と規模にマッチしたらぜひやって見たいギミックですねー。
日本郵政
10月も半ばすぎちゃいましたね。
10/1から郵便局が民営化したわけですが、ウェブサイトはどうなったんだろう…と思ってみてみたところ、いまどきのきれいなビジュアルに統一されたサイトになってました。沢山の人が利用している日本最大規模の会社なわけで、今の時代のデザイン基準のサンプルにもなりそうなわけですし、ディティールのデザインとしてもかなり参考になるなとおもいます。
個人的には、「文字の大きさを変更するには」が仕組みで動くのかと思ったら、ブラウザの操作が丁寧に解説したるページにリンクされているだけなのがちょっと目からうろこ的ショックでした。わざわざ島根県商工会連合会のように文字サイズ変更のギミックを作らなくても、世の中アリなのかと（ﾟ回ﾟ）ｿｯｶ
民営化を機にどういうイメージを打ち出していくのか、いわゆるブランディングの転機で、どんなウェブコンテンツを作っていくんだろうときになるところ。こんなコンテンツが登場してました。
あなたの近くにある会社
ロゴから赤の1色の色エンピツが登場して、ラクガキ的動きで、郵便局のサービスでの人のつながりを表現しているようなコンテンツになってます。人と人との繋がりのなかで関わるストーリーに関連する「雷門」などのモチーフのラクガキをクリックすると郵便局関連のページにリンクされています。そのボリュームの大きさは、さすが郵便局だけあって、大量に作り込んであります。
色エンピツでしだいに描かれていくのですが、全て描かれるまでに９分以上かかっています。みているだけでも、まー楽しいコンテンツのできですが…このボリュームや見せ方は、今までに無いかんじだなと、関心です。一店舗ごとに詳細ページもあり、マップとかもあったりするわけで…郵便局ウェブサイトの総ページ数どんだけなのかわかりませんけど、すごいがっぽりな仕事だったろうとおもいます。
こんな仕事に関われても楽しそうではありますね（'u'）
デザイナーズポータル エキサイト
エキサイトのポータルを面白くするアイデアを公募したアワード。
有名どころのクリエイターさんが優秀賞とってるみたいです。
記事のテキスト、サムネイル、TBやカテゴリなどをフラッシュに読み込んでまとめています。
ブラウザのHOMEがこういうインターフェイスだとたのしいかもしれませんね。
MilleVoce(ミッレヴォーチェ) ：： ～今よりちょっとだけここちいい明日へ～
エコで健康な生活の提案をビジュアル重視・雰囲気重視で読んでもらうコンテンツ。
コスメ販売・プロモーション・ライフスタイルの提案の事業を行っている会社のオフィシャルサイトなんだと思いますが、結構大胆ですね。
green・water・body・foodの4つのカテゴリがありそれぞれのモチーフ葉っぱや水滴がきれい。さらにぼかしをつかって遠近感により臨場感を持たせていて細かいところまで作り込まれている感じです。
別ドメインで運営しているライフスタイル情報サイトNatulifeもきれいにまとまっているサイトです。
【MAZDA】MPV Second Seat Story
MAZDA MPVの後部差席についてのショートムービーコンテンツ。ムービーを3見せるだけのコンテンツですが、映像の作り込み、選択画面の背景イラストの作り込みなんかをみてみると上手に作ってあるナーと思います。ブロードバンドナローバンドをユーザーに選択してもらいつつすんなり見れる部分のきれいに流れが組んであって上手。
Art Decor - Pentru clipe de neuitat
野外イベント・フェスティバル・ウエディングなどのトータルコーディネートの会社かなんかのサイトっぽいです。花火や氷の彫刻までリソースがあるみたいで、野外イベントなら何でもやっちゃいますというような雰囲気のようです。なので結構ボリュームが多いサイトなんですが、実績や設備の紹介がフラッシュに収まっています。たまにトカゲや蝶が画面を横切ったり、動きとイラストでVIを定着させるのが目的なんでしょうか…。
STUDIOKOWSKI - ROBIN KIRCHNER & MATHIAS KUTT, ZWEI FOTOGRAFEN, BERLIN
フォトグラファー2人のポートフォリオサイト。
マウスカーソルが、次ぎの写真を見るアイコンになったり、ロードバーになったり…滑らかに変化します。サイトの動き全てがなめらかです。同カテゴリのサムネイルのナビゲーションと、カテゴリのナビゲーションが、下に隠れていて慣れると回遊しやすい作りです。
The World in panoramic - ViewAt.org
施設紹介や不動産物件紹介やスポット紹介などでたまに見かけるドラッグして全ての角度を見渡せる静止画コンテンツ。このサイトでは、さらに、撮影場所をgoogleMapと連携してマップ上に表示しています。
この3Dパノラマの手法、どうやって作っているのか理解できませんでしたが、今回見てたらわかりました（'u'）きっかけはロード中に空がかけていたこと。上下前後左右6方向同時に撮影し立方体の裏面にイテクスチャーとして貼り付け、ビットマップの透視投影で計算しているようです。いままでJavaScriptで作られてましたが、これはFlashで動作しています。FlashがBitmap処理に強くなってきたからなんでしょう。
6枚の画像の継ぎ目が合わないと違和感が出るので、同時に撮影しないといけません。なので時間が止まった空間になります。それを任意で見渡せるから面白いですね。
arflex 2007 new model
インテリアブランドarflexの新商品紹介コンテンツ。
自社ウェブサイトでもニューモデルを紹介をしていますが、それとは別に、ニューモデルをリッチコンテンツで紹介しています。検索エンジンや別マスからの誘導をリッチコンテンツにした方が良い場合もあるでしょうから、うまく使い分けて広報活動してるのかもしれません。
商品の見せ方を変えて、回り道させてる良い事例だと思います。
TOKYO FIBER ’07 SENSEWARE—JAPAN CREATION応援企画展
繊維業界の大規模なイベントTOKYO FIBER '07。イベントは6月に終了していますが、イベントを記録した書籍が発売されていて、その告知としてサイトも残っているようです。シンプルなサイトですが、動きやエフェクトにこだわることで、強さや凛とした空気感がデザインされているサイトだなーと感じました。
芝浦工業大学／スペシャル学校情報／リクルート進学ネット
芝浦工業大学のリクルート内コンテンツ。
８種類のオブジェクトを配置するシミュレーションゲームです。
配置する順番によってはどんどん連鎖でオブジェクトのレベルが上がっていきます。
最良の配置の順番を割り出すために、何度も試行錯誤して繰り返し試して試すことで、いろいろ条件を理解していく部分が楽しいゲームなので、そこが楽めないとめんどくさいだけのゲームです。モチーフを「分野の相互関係」で表現することで、「将来やってみたいことに関わる分野はひとつじゃない」「やりたい分野が複数あっても、全てに関わる学科も存在するかもしれない」ということを伝えられるようにもなっているのかなと思います。
相互関係の連鎖で起こるストーリーが上手に作りこまれてるなーとおもいます。色々予想外で見てて面白かったです。派手さあり、恋愛ありでマルチストーリー展開的楽しみ方要素もあり、やりこみ要素もあり。
全てのレベルがMaxになる組合せにすればクリアです。
1-click Award
毎年面白いコンテンツを集っている1-click Award。
オフィシャルサイトも、作品に負けないユーモアなサイトになっています。
今年のギミックは、ブログシールと自動でサイトを回遊する仕組み。
お尻を向けているおじさんが立っていて、おじさんのお尻にマウスをさす（クリック）すると、おじさんは痛さで走り出します。ウェブページを飛び出して、別のウェブサイトを何枚か通り過ぎてオフィシャルサイトに戻ってきます。途中通り過ぎたサイトは、ブログシールを貼って参加している別サイトの中からランダムで選ばれるようです。
今までブログシールやポータルの広告で、このような飛び出し系の手法はたまにありましたが、数秒置きに自動で回遊する仕組みと組み合わせているのは始めて見ました。なるほどってかんじです。リアリティーがます方法ですね。
【カゴメの通信販売】カゴメ健康直送便
大手飲料品・食品メーカーであるカゴメの通販サイト。今回注目したのは、大手の企業のサイト上でFlashの上にFlashを配置するギミックが使われている部分です。
html上でFlashをレイヤーを分ける感覚で二重に配置すると、Macでちらつき現象が発生します。これは、両方のFlashが「俺が！俺が！」って交互に最善面に来るため。これはバグと言うよりは特性。レイヤー関係なくアニメーション描画があった瞬間そのFlashは最善面に出てきてしまう特性なのでしょうがないわけですが…。この問題を克服して、しかも大手企業の大きなサイトで使っているのに驚きました。
手法について解析というか予想してみました。
今回Flashがかぶっているのは2つポップアップ型のものとメインのビジュアルです。
よく見たらポップアップ型が出たときにはメインビジュアルのフラッシュは真っ白になっています。
ポップアップが立ち上がったときにLocalConnection()でメインビジュアルの描画をやめるように遠隔操作をしているのだと思います。使えそうですね。ポップアップに限らず。
TARNICA Taichi Ito Portfolio
イラストレーター個人のポートフォリオを紹介するサイト。HTMLのような構成をFLASHでサクサク展開していますね。全体がざらざらしたノイズのエフェクトで覆われています。ビットマップ処理をうまく使ってサイトの雰囲気を作り出していて結構高度なことをしているサイトだとおもいます。
マウスホイールの操作が実装されていないのがちょっと残念ですが、スクロールのドラッグ操作もなめらか。キャラクターがしがみついていたりするのはFLASHならではですね。しがみついているキャラクターをクリックしたら落ちちゃいます。
HBO VOYEUR
アメリカのケーブルテレビの映像制作をメインで行っていた制作会社が自分達の得意な分野を活かし、ウェブコンテンツを作り運営しています。HBO VOYEURというこのサイト。意味としては「のぞき」。マンションの中に住んでいる住人のドラマを壁を取っ払ってのぞくことができます。透明アクリルの中のアリの巣をのぞいているみたい。それぞれの部屋でドラマがあり、かつ、どんどん部屋をまたいで展開していきます。あちこちの部屋を見てまわっていると、いつの間にかすごい展開になってたりするので、じっくりみてもあきません。
ようはマンションがひとつのFLV映像なのですが、映像自体の面白さや綺麗さのクオリティがとてもたかいうえ、テレビでは展開できない複雑な展開が演出されされています。テレビ媒体では表現しきれない企画をウェブを使って完成させた新しい試みだとおもいます。
マンションも複数あり、かなりのコンテンツボリュームで、じっくり楽しめます。
DesignMyRoom - Preparing...
ソファー・ラグ・棚・テレビなどいろんな商品を選んで部屋にドラッグしていって自分の好きな組合せをチェックできるサイト。ドラッグした後の削除、移動、回転、反転、スケール変更などができます。さらに遠近方を変えれる3D的な回転までできて、それらすべての操作が感覚的にできるように、インターフェイスバウンディングボックス状に構成されています。
RUSS-K
ファッションブランドのサイト。
NEWSをキャラクターに起用し、メンバーのイニシャルをキーにしてウェブ、ポスター、CM、雑誌上でキャンペーンを展開していくようです。ウェブサイトでは、2文字のアルファベットの塊が画面を埋め尽くします。特定のアルファベットを複数選び揃えることでコンテンツを見ることができます。
BR+AN+DH+IS+TO+RY ブランドヒストリー
CA+MP+AI+GN キャンペーンの説明
IT+EM アイテム
CM CM
ON+LI+NE+SH+OP オンラインショップ
SH+OP 販売直営店
上記のように公開されているコンテンツ以外に、NEWSメンバーのイニシャルを見つけ出して選択すると、選んだメンバーの着こなしコンテンツにいくことができます。ロックされた扉を空けるみたいで楽しいですが、女性感覚だとあまり興味を引かないコンテンツかもしれません…。
メンバー全員を選ぶ場合YM+KY+ND+KT+MD+TGを全て見つけて選択。
メンバー着こなしコンテンツの直リンクもゲットできるんですが、フラッシュ内で完結しているコンテンツでなおかつ、全画面表示しているため、ユーザーはお気に入りにいれることができません。せっかく苦労して見つけた隠しコンテンツをいつでも行けるようにするために、どうしているかというと…。
このサイトでは結構複雑な作りでしているようです。
メンバー着こなし隠しコンテンツで直アドレスをゲットすると、以下のアドレスがもらえます。
http://russ-k.com/#/UQW2kBj8/
このアドレスでアクセスして見ると、ポップアップ前の画面に…。
ポップアップすると隠しページに直行けるようですが、ちょっとわかりにくいですね…。
フルポップアップだとユーザーがお気に入りに入れたりとかを考慮したコンテンツがうまく作れなくなるんだと言うとこがあらめてわかりました。
artless Inc.
デザインユニットnull関連のサイトです。
シンプルでカッコイイ。
メインの球体の色も変化するので色での印象は固定ではないのに、シンプルなのに印象に残ります。
商業デザインもやりつつこういうところで現代アートにもかかわっていってるかんじですね。…null。
FICC inc. Creative Solutions
制作会社FICCのウェブサイトがリニューアルしてました。前回のデザインはこちら。HTMLっぽくつくられたFLASHです。スクロールバーもFLASH。処理軽減を有せインしているようで、スクロールして画面街に出た画像を非表示設定したりしてバランスよく作ってあるっぽいです。
Mother Earth ～母なる地球～ - 旭川市旭山動物園
旭山動物園にいる動物について地球儀ナビゲーションで紹介する3D技術が含まれたウェブサイトです。一見フラッシュっぽいんですが、まだ普及していないMicrosoftの最新インタラクティブ系プレイヤーWPF (Windows Presentation Foundation) で動作しているコンテンツです。制作環境も異なり、Expression BlendというMicrosoftがリリースしたアプリケーションで開発されています。
フラッシュと違いスクリプトを使わなくても3Dモデリングなどができるようです。MacroMedia Directorみたいな感じな気がします。まだVista出しか動作しません。XPだと.NET Framework 3.0を手動でインストールすれば動きます。Macは除外。
ウェブページにアクセスしてすぐ見れない人がおおそうです。だかからだと思うんですが、トップページはコンテンツの説明やFrameworks3.0のインストール方法などがじっくり書かれています。制作されたコンテンツ自体はクオリティー高いのでインストールして見てみる価値はあります。
きれいにテクスチャーが張られた地球を右ボタンドラッグできます。
ウインドウズ機で3D表現をがっつりみせたい場合にはよさそうです。
まー動作環境が少ないので、制作側も提案しづらそうです…。
コンテンツのデザインについてはすごくきれいで動きもいいんです。でも、たまに登場するライオンなどのパスイラストがちょっとシロートっぽいのがちょっと残念。
BBmedia inc.
西麻布にあるCMやWEBなど制作しているクリエイティブの会社BBmedia。
コンテンツ間の動きをキューブ状にして表現しています。
Action_Script3.0のビットマップのドット画像処理を投影透視で演算している完全テクスチャー3Dですね。さらに実績コンテンツでは、実績サムネイルがナビゲーションキューブの周りにばらばらでてきます。ちゃんと投影透視表現。完成されてますねー。
右下の隅っこにあるスカイプのアイコンのコンテンツがあるんですが、社内的ななんかなんでしょうか、色々メッセージが集まってますが入力する部分がみあたりません。社内共有でスカイプを使っていて、チャットのログのタイトルを自動で表示してたりするのだろうかと勝手に想像しています。コンテンツの用途と使い方だれかわかりますか？
スカイプのログを抽出できるのなら新しいビジネスの予感（ﾟuﾟ）
Natureza Viva
コンテンツの詳しい目的がよくわかりませんが、クリックでクロスステッチをしていくサイトです。
布が現れて、マウスをクリックするとその場所をクロスステッチします。アクセスしたユーザーのマウスが全員同時に動くので、他のユーザーの作業状況を見ることもできます。"I♡何とか"など描く人がいたりその文字を塗りつぶす人がいたり上から１クロスずつ縫っていくユーザーもたり、見てても楽しいコンテンツです。
怪盗プリン Pudding the phantom thief
かわいいキャラクターを操作して、画面の端っこまで歩くと別ページへ進む、アクションゲームの操作でページを進めていくものです。ユーザーによってはじっくり文章を読んでもらえる表現だなーと思います。
MadeThought
画面全てのエリアを使ったダイナミックな実績紹介サイト。ナビゲーションと作品しか出てきません。写真勝負で際立たせるのには良い手法です。
UNIQLOCK
ダンスのリズムを時計にしたもの、5秒単位で流れる映像はランダム。キャストがいいのもありますが、みててあきません。癖になる系です。ブログパーツとしてはったり、スクリーンセーバーもあります。タイム表示と映像を交互に繰り返すアイデアは、映像読み込みバランスと、視覚的に時間・リズムを感じやすいということと両方メリットがあっていいバランスだなーとおもいます。
ブログパーツを貼った世界中のRSSと連携したマップも自動で管理されているみたいで、世界中でブログに貼られてるのがわかります。すごい。
YouTubeにダンサーのオーディション映像がアップされています。今回はしなやかで清楚な感じの人達が選ばれてますね。でもやっぱり上手な人が選ばれてるのがわかります。こうやっていろんな人のダンスを見比べてみると上手さの違いがわかって、ほうほうってかんじです。いろんなジャンルのダンスを見比べてバレーのしなやかさの魅力がちょっとわかった気がします。
制作は広工大卒+39さん。時間で制御するflvの読み込みとフレームに影響してタイミングがずれてイかないようにプログラミングする部分が難しかったようです。
時間の取得はサーバ時間を取っているみたいで狂わなくなってます。
あと見るタイミングによってベースの色がかわるのに、複数同時に貼りつけてみると同じ色になるので、時間帯によって色を変えているんだろうなと思います。
*追記：音がうるさいことに気づいて消音モードに変更しました。
Publicité & Communication Responsables
サイトをオリジナルOSっぽいデザインと機能性にしてるサイト。ウインドウのRや色、背景の壁紙などいろいろ変える設定もあります。フラッシュで作った場合、ブラウザの枠の制限がありましたが、ADOBE AIRが正式に発表されると、アプリケーション構築などできるようになるみたいなので、こういう手法も役立つようになってくるだろうなと思います。
Triworks.net - Design Studio
全画面フルフラッシュのクリエイティブコーポレートサイト。情報量は少なく実績もアイコンとテキストだけですが、サイトの動きなど、細かいところで難しいことやってたりと、そのへんでアピールしている感じのサイトです。SONY PSPのナビゲーションに近い動きとデザインだなーとおもいます。スタイリッシュ系ですね。
HYBRIDWORKS
とにかく質感がきれいなイラスト出構成されたサイトです。パスで描かれてるっぽいですが、りたい感とか質感とか隙がない感じですね。きれいなイラストがフラッシュ上で動くスクリーンセーバーや、icoデータやなどがダウンロードできます。
Rich Internet PC Online PC Store
グラフをドラッグすると関連商品の優先順位が変化します。
Scion Culture Calendar
機能的に参考になりそうなサイト。カテゴリごとの表示/非表示ができるカレンダー。
かいてある内容はわかりませんが、昨日をパクれば使いやすいものが作れそうな作りです。
電通CR＆P塾 電通クリエーティブ塾
学生を対象にした電通のセミナー申し込みへの導線になるコンテンツです。
自分の考えたキャッチコピーが世の中に出たときの楽しさを体感してもらうコンテンツと申し込み用紙ダウンロードボタンで構成されたシンプルなサイトです。
キャッチコピーを考えて入力。世の中に出すボタンを押すとムービーが始まります。会議で自分のコピーのできのよさに驚いているシーンや、ラーメン屋でＣＭをみて自分の考えたコピーに釘付けになるお客さんなどいろいろなシーンが登場。それらを見終わってきもいよかったかどうか質問されます。
コピー描くのが楽しくなりそうな、この仕事に向いている人達にセミナーに来てほしい意図があるんだと思います。
【MAZDA】NEW TARGET. NEW DEMIO
MAZDA DEMIOのプロモーションサイトです。
商品がいて、その周りにタレントがいて、その周りにターゲットになる消費者先導になるユーザーがいる…というバズの手法を想定するときの図を、そのままインターフェイスにしているものらしいです。
11人の女性タレント達や企業家イラストレーターなど今輝いている女性が、これからの自分のNEW TARGETについてインタビューをうけている映像をみることができます。ユーザーは自分なりのNEW TARGETをケータイかＰＣから映像・画像・テキストをメールで送ると、タレントの周りを取り囲むユーザー層に加わります。一般の人達が参加して、"自分の「NEW TARGET」を宣言できる場"のようです。
応募の中からメインタレント玉木宏さんが1名選んで、NEW TARGET宣言を実現するための資金100万円がもらえるそうです。
台風前線 - 参加型メディアが可視化する最前線の台風情報
トラックバックすると選んだ台風にコメントできる、参加型台風情報コンテンツのようです。
・表示中の台風に関するトラックバックと発信元の位置情報を表示
・台風の経路を点で表示
・台風の強さを色で表示
・ヘクトパスカル等の詳細表示
・マップズーム機能（マウスホイール操作対応）
・マップドラッグ移動機能
・過去の台風のタイムチャート
・過去の台風をメイン画面に切り替えて表示
などができます。
= Cactus =
製作実績だとおもうのですが、WEB、TV、BRAND CAMPAIN、PRINT、DESIGN、RADIO、OUTDOORと色でカテゴリ分けして、アイコンをばらばらに並べて閲覧してもらう形のサイトです。
右上には整列モードの機能のボタンもあります。
デザイナーズ家具のインテリアショップ hhstyle.com
hhStyleリニューアルしていてメインビジュアルがいいかんじになっています。
ニューアイテムとレコメンドアイテムの二つのカテゴリ商品を、上段は左に下段は右にスクロールさせながら表示しています。２段のスクロールのさせ方、スピード、選び方などインターフェイスもきれいに作ってあります。
adidas Japan Impossible is Nothing.
GPSを主軸で使ったもので、ケータイ持ってランニングすることで、走った累計距離や走った軌跡が記録でき、ダイエットやフルマラソン完走などいろいろな個人の目標を達成してもらう手助けをするキャンペーン企画。「それぞれのジャンルのアスリートの練習に参加できる」という景品（？）が珍しい企画なきがします。
表参道あいうえお -【magabon】
あいうえお順に表参道でであった人達のライフスタイルや紹介をしていくサイト。人間にスポットが当たっているからか、運営しているCMプランナーのコピーが影響しているのか、表参道がとても暖かな街に見えてくるサイトです。仕事が忙しいらしく、あいうえおかきくけこさしすせそたちつてと…更新が止まっているようです。文字を1行ずつふんわり表示している仕組みは更新にはむかなそうですが、逆にテキストへのこだわりを感じます。
つなぐ～TSUNAGU～｜三井不動産レジデンシャル
三井不動産の「つなぐ」というコンセプトを認知してもらうブランディングサイト。
コンテンツ内の全てのページのサムネイルだけを並列に波のような表現で並べています。導線としてはごちゃごちゃしてるんですが、興味ある人にはマックスの内容ボリュームがわかりづらいぶん好奇心くすぐるつくりなのかもしれませんね。
Air Jordan XX2
ナイキのバスケット用シューズのプロモーションサイト。
画面の上下左右に画面をスクロールできるナビゲーションあります。ナビゲーション操作やドラッグで、商品・場面（静止画）・シーン（動画）など12パターンをみることができます。海外でよくある黒バックの重々しい雰囲気の広告デザインを素直にインタラクティブ化したかんじです。
BBH
美女暦（BIJO ごよみ）
アトリエm4
EPOS
Sixstation Workshop
SERAQUEST
Umbrella Today
引越し奉行
trick7.com blog ブログパーツ「ジョネレーター」の取説
Ars Thanea - Works Showcase ’08 WORKS
iiiflow
静観荘
ポカリスエット
Publicis & Hal Riney
Apoteket
日本の暮らし二十四節気めぐり 言の葉草 伊勢志摩の旅 よいとこせ
SANKEI EXPRESS -サンケイエクスプレス-
kailash web
ＳＯＹＪＯＹ(ソイジョイ) 大豆でダイエット 大塚製薬
a.flat
LUPIN STEAL -ダイヤを盗みだせ！-
NTT西日本 つながるよろこび
DODGE QUEST
カルピス：カルピスソーダ
めくり番長 NIGORO
EVE
NIKEiD JASARI
ライラの冒険 黄金の羅針盤｜パソコンテレビGyaO［ギャオ］
Hotpepper Beauty Blog Parts
岡山一番街 - 2008 VALENTINE
地下鉄がおもしろくなる 東京メトロこども大学
月の湯 〜福岡空港すぐ近くの温浴施設〜
12design
GYRE
schematic
メリットデメリット
REC YOU.
mokuva
CLAUDIO COLUCCI DESIGN
Lee Japan
衡山毛筆フォント
ナイスの森
dnabox
Carol