１１月中旬。忙しかったのもありますが、ブログのリニューアルのためしばらく更新をストップしようと考えています。

Abduzeedo - design inspiration & tutorials

フォトショップのチュートリアルサイトらしいです。
作り方をしるためじゃなくても、いろんなビジュアルがみれるので、勉強になりそうです。

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つかってあります。

BBH

国別のエントランスページが面白い！
地球が一周するアニメーションを作り、マウスの動きに合わせて回転させています。
黒のシルエットと変わっていく原色のバランスがカッコイイです。

Turn Your Name Into a Face

脳内メーカー的画像生成の遊べるサイト。
名前をドット絵の顔に変えることができます。
何度でも同じ文章は同じ画像になります。
顔が変わってるのもおもしろいですね。
ネットゲームのキャラクターっを作るときに、この方法でできあがるようなゲームがあると、趣味に偏らない、個性溢れるゲームができそうですね。参考になります（'u'）

phollage フォ・ラージュ

フォトグラファーのポートフォリオでしょうか。
サムネイルがばーーっと並んでます。ブラウザのサイズにもよると思いますが、1ページに大量に200以上並んでます。ひとつ読み込みが終わったら次…読み込み終わったら次…の繰り返し。しかも順番がバラバラです。こんだけ綺麗な作品がたくさんあったら並べるのが爽快ですね。

美女暦（BIJO ごよみ）

カレンダー型ナビゲーションをメインにした取材コンテンツ。
１日一人、いろんなカフェや美容院のお店の美人スタッフにインタビュー。
お店のブックマークアーカイブになっています。

アトリエm4

MovableTypeでつくられらた家具工房のサイト。
老舗のようです。
シンプルで、熟練さがでていてまとまっているサイトですよね。
galleryなどクライアントが更新しているのでしょうか。
正方形のサムネイルとかトリミング位置もばらばらです。
トリミングできる更新の仕組みが導入されてるのだろうか？ちょっときになりました。

EPOS

ものすごく動きに負荷がないです。AS3でしょうね。
実際に100種のデザインがあるようで、選んで申し込めるようですね。

THE SHAKA v1.0 sonicjam Inc.

こちら。ウェブ制作のかたわら、Flashでの3Dをオリジナルエンジンを作っていろいろ研究しているみたいです。
かなりすごい技術がいろいろ研究されているようです。
その実験結果としてのスペシャルコンテンツのひとつがこちら。
最初四角のテクスチャーが次第に顔の輪郭に変化していきます。
マウスのいちで顔の角度が変化するのでインタラクティブ性もあります。なのでただのアニメーションではないですね。
社歌をつくったというストーリのようですが、音声によって口パクが自動で変化する仕組みの実験のようです。
音声から文字へ変換するAPIがあるんですねー。

みんなでしりとりするサイトです。味付けが上手！
しりとりなんてブログのコメントでもつくれちゃいますが、
こちらのサイトプラスαなしっかりし要素がちりばめられています。

アセロラドリンク。ブランドチェンジのようです。
横長で、ナビをくりっくすると、選んだコンテンツがふんわり移動してくる。
「恋」がキーワードのようですね。
ＣＭやポスターが欧州風でおしゃれです。
グラフィックデザインのレベルが高くて、それをうまくフラッシュに組み込んでいる感じ。

BLACKOPERATOR

ファッションブランドのサイトのようです。
モデルが商品を着ている写真を見せるだけ。シンプルです。コンテンツボリュームもそれほどないサイトですが、サムネイルをクリックすると画面いっぱいになります。

Photographer 筒井義昭 Tsutsui, Yoshiaki

写真家のポートフォリオサイト。
フォントもかっこいいです。
カテゴリを選ぶと、サムネイルをだすことができるんですが…

hakuhodo brand design

博報堂の自社PRサイトでしょうか？ブランドを作る会社のブランドを見せるサイトですね。
リクルートサイトのようなつくりですが、その先の導線がないので、入社希望者、社内スタッフ、クライアント、ブレーンスタッフへ向けた、会社の考えかたを伝えるためのサイトなんでしょうか。3つのカードをドラッグして、ひとつのイメージにしてキャッチコピーで伝えるインタラクティブコンテンツのようです。

ブルースタジオ：blue studio

家づくりの会社のサイトのようです。
キャッチをみて、最初の印象はいろいろインテリア家具とか作る会社？って印象でしたが。
よくみてみると、新築・売買物件・賃貸物件ってなってました。家作りの会社なんですね。
HTMLみたいなつくりのサイトですが、フルフラッシュ。
サービス紹介コンテンツなんかはフラッシュじゃなくてもイイっぽいつくりですが、シンプルなサイトだけあって、フラッシュにすることで軽快に閲覧できるようになってますね。
メインの「作る・買う・借りる」のコンテンツは、検索機能が充実いています。こっちはフラッシュで作ることで画面いっぱいサムネイルが並び、画面幅に合わせてテーブル方の並び列の数を自動判断して調整しています。絞込みをした際の切り替わり方も軽快。

RaNa extractive, inc.

実績のスクロールの操作感があたらしいです。
センスが必要な実績をたくさんこなしている会社さんのようです。

Working Empire ©2008

名刺とかシンプルでオシャレ（'u'）

British Heart Foundation - Annual Review 2008

ハートをかたどったタイポグラフィーがナビゲーションになっています。
コンテンツは深くないようですが、おもしろいです。

AnotherBookmark™

かっちりしたふつうのデザインアーカイブサイトかと思ったら、フルフラッシュのサイトでした。
ブログパーツがカッコイイ。

Kusudama

料理のサイト。パスタをゆでているかなにか、ぐつぐつしたイメージをバックグラウンド映像にした、オシャレインパクト系のフルフラッシュサイト。料理サイトの場合使いやすさ探しやすさを考えると、やっぱりCMSでフラッシュを使わないほうが無難なきがしますが、イメージ先行のサイトのようです。このぐつぐつ映像は料理が好きな人にはけっこういい効果じゃないかなと思います。料理をしていて幸せに感じるヒトコマをうまくトリミングした映像なのではないでしょうか。
肉・野菜・ごはんなどの食材。和食・中華などのジャンル。焼く・煮る・揚げるなどの調理法。いろんな角度からレシピを探すことができます。さらに、旬の食材から選ぶ場合、もっと細かい食材を選び、その食材が使われているレシピを探すことができます。

30 Brilliant Vector Logo Designs, Deconstructed - VECTORTUTS

バランスがとてもいいマイナーなロゴデザインがけっこうあったので、めも。

Sixstation Workshop

墨を水にたらして、水の中に広がっていく様子を撮影した動画が、サイト全体のイメージとしてバックグラウンドで再生されています。背景との間にドットをしくことで、前面においてある文字が見えやすいようになっているみたいです。

FLOW フロウ建築デザイン事務所 - All the Work Architectural and Interior Design.

建築会社のポートフォリオサイト。
クライアント名はイニシャルにして伏せ、出来上がった家の写真を沢山公開しています。
フルフラッシュにして、スライドショーとしての機能を作りこんでいるようです。背景は黒。他のものを視界に入れず写真をじっくり見てもらえる作りになってますね。
お金あったらこんなの建ててもらいですねー。

booing.jp｜全日本ご不満放出選手権

単純な仕組みですが、書いたボヤキを吐き出しながら飛ぶブタをみていると、気持ちが安らぐ効果がありそうです。

tutuanna　♡　チュチュアンナ　♡

商品の方向性にマッチしていて、遊び心があるのにわかりにくくない。
かなりの完成度ですね。
たくさんあるそれぞれの商品からはループ音が鳴っていて、選んだ3つの組み合わせた音がBGMになり、ケータイにダウンロードできるという流れになっているようです。下着の上下それぞれの音はマッチしていて、変わった商品は変わった音のようです。下着は上下揃えたほうがいいということが勉強できるサイトともいえますね。
ほぼ動きがないフラッシュですが、流れているリズムに合わせて選んだ商品が跳ねたり、後ろの商品のどらかが動いたりしていて、観賞用になりそうです。

SERAQUEST

ウェブ制作会社のスタッフブログ。
１８人もいるようなので、一日ごとに登板しても月2回弱。趣味が多彩なスタッフがたくさんいてワイワイ楽しい職場というイメージが伝わってきます。ヘッダーとフッターがフラッシュになていて、質感の暖かいイラストがポップに動いています。

CCCグループ2009年度新卒採用サイト

大手ですが、結構シンプルなリクルートサイト。
トップページのビジュアルにサービスのアイコンや、スタッフの丸いサムネイルがバラバラとならんでいます。社名のcccをモチーフにしているので丸サムネイルの白枠をずらしているようです。
グループ会社のサービスとヒトが組み合わさることで、様々な企画が生まれるというメッセージのようです。

DBL　CAFE DINER × BAR LOUNGE こだわりぬいた最高のイタリアン料理を提供

大阪のおしゃれなカフェレストランとバー。
インテリアの特徴をデザインに活かして入るようです。
オープニングがすごくインパクトあります。

ウサビッチ｜USAVICH.TV

ウサビッチおもろいです。音なしでみててもおもしろい。国籍が関係ない作品っていいなーっとおもいました。
テクスチャーの質感がすごいすきです。3D特有の暗さがないのもすき。

Umbrella Today

とてもシンプルです。

Adobe MAX Japan 2009

Adobe MAXのイベント告知サイト。
AdobeにはIllustrator、PhotoShop、Flash、Flex、AIRなどいろいろ商品がありますが、その商品の特徴をキャラクター化して、クリックしてストーリーを進めるアドベンチャーゲームと融合しているコンテンツのようです。

ストーリー内に自分の名前がはいった絵本がつくれます。

SHINKANSEN&LOVE (シンカンセン&ラブ) 〜女の子が新幹線で東京に行くためのファッションマガジン　｜トーキョー☆ブックマーク

トーキョー☆ブックマークっていろいろやってるんですね。雑誌を発刊したみたいです。
サブタイトルが、女の子が新幹線で東京に行くためのファッションマガジンということで、すごくテーマが絞られてますね。とにかくセンスがよさそう…。
フラッシュコンテンツをみると写真が3Dでふわふわしてます。いまとなってはよくある手法ですが、写真1枚にフォーカスするときの動きが、とても有機的です。いままでのサイトだと「しゅっ」「ピタッ」って動きが多かったと思いますが、それに比べこちらは、微妙にふわっと動いてるんでしょうか、なんか映画やドラマのオープニングとかのクオリティーに近いというか…クオリティーが高いと感じました。
スクリプト制御っぽいのに、写真を選んでみたりというような操作はできないのが残念。

米倉涼子がいなくなりました!! 三菱東京UFJ銀行グループ CASHONE キャッシュワン

DCキャッシュワンネット支店サイト。
キャラクターに起用したタレントさんを使ってウォーリーを探せみたいなおまけゲームコンテンツを作っているようです。
大きな画像を拡大縮小するGoogleMapの手法をとりいれれば、詳細な画像閲覧ができるわけで、こういうおなじみのゲームにも使えちゃうんですね。GoogleMapの手法だけあって、マウスホイールでもズームができたり操作も直感的にできちゃいます。
ゲームにはネット支店のかずだけステージがあり、それぞれの支店トップページに行かないと遊べないというながれ。ゲームバランスもよく、だれでもはまれそうですし、プレゼントもあるようです。ゲームしたい人は支店ごとのサービスの特徴などの説明エリアを横目に遊ぶので、みてほしい部分の閲覧数がかなり高くなりそう。

ワンクリックアワード。アワードのサイト自体も毎年面白いですよね。今年は売った文字が人文字ドット絵になるようです。オリンピック開会式とかでよくありそうなあれですね。動きのバリエーションが沢山あって作りこまれています。それよりなにより、打った文字がなんでも出てくるのがすごいですね。
うったもじのフィールドをキャプチャーしてビットマップ化、1ドットずつ色を識別して、黒いドットだけおじさんを上に向けるようなしくみなんでしょうか。おもしろいですねー。

靴下専門オンラインストア Tabio(タビオ)

複数ブランドがある靴下専門ショップのウェブサイトのようで、それぞれのブランドウェブサイト全て同じサイト内に統合しているようです。それぞれのブランドイメージはメインのビジュアルが大きく影響する、シンプルなデザイン。
複数のブランドすべてが、商品が「靴下」ということで専門的な分、商品を具体的に仕分けして紹介できています。商品の詳しい説明と関連書品への誘導などCMSの利点を活かした設計で、かつ、ECサイトなので、そのまま購入までしっかりお客さんの要望に応えられているできのよいサイトですね。

Gold Coast Web Design by South Creative

ここがつくるロゴすきなかんじです。
実際見たら普通なウェブサイトのデザインかもしれませんが、実績の見せ方が上手だなーと思います。

ホームページ制作とシステム構築 - デジタライズ -

先週末まで結婚のため、忙しくなってしまい更新が途絶えてました…（ﾟ皿ﾟ）
今日から再会しようと思います。
再会しょっぱなは、取引先でもある広島のウェブ制作会社デジタライズ。週明けサイトリニューアルしたようです。
メインビジュアルには受注に繋がりそうなクライアントの悩みをスッキリまとめていてるようです。チョークの粉が落ちるあたり、コミカルで面白いですね。
下を見ていくと、デジタライズサイトリニューアル記念ということで10%OFFとかすごいことしてます。ウェブ制作のお問い合せにフリーダイヤルを導入していますね。ビジネスの信頼感第一印象がぐっと上がりそうなのでいいですねー。シックでシンプルな式町にまとめてありますが、質感のあるアイコンを多用しているので、暗い感じでもありません。落ち着いていてセンスの良い会社というイメージにうけとれます。仕事のやり取りをしていても確かにそんな感じですしマッチしてますね。

MEFILOG

ひとこと感想が入ってるのがいいですよね。

あんじょうできてはる

京都発信の優れたウェブデザインアーカイブサイト。
国別・ジャンル別・月別から絞り込めます。
どこの国のかわからないとかないんでしょうか。
更新頻度も高いし、チョイスのセンスがとても優れたサイトです。

Webデザインリンク集　WEB SITE ARCHIVEウェブサイトアーカイブ

めもめも。

Web Design Clip [WEBデザインのクリップ・リンク集]

回遊できるようにめもめも。

@nifty：デイリーポータルZ：ロールケーキプレイングゲーム

３つ揃えたらきえるよくある落ち物パズルゲームがリアルな物理系さんになったらどうなるか。こうなるみたいです。
３つくっついたら食べていいってことでしょうか（'u'）

引越し奉行

ActionScript3.0の物理計算のライブラリを使ったデモゲーム。
物を投げて目標の位置に近くなるようにホオリ投げるゲームです。

trick7.com blog ブログパーツ「ジョネレーター」の取説

ウェブカメラを使ったブログツール。ウェブカメラの映像の1コマを切り取って、コミックならではの集中線や効果音の文字などを勝手に入れこむという、難しい処理のブログツールのようです。

nateflood

写真からいろいろ加工していくんでしょうか？イラレでシェイプをいじって作ってってもなかなかこの質感は出せなさそうですが、どうやって作ってるんだろう？Mazdaの作品とか2カットあるので、CMとか動画なんでしょうか。このクオリティーで動くとすごくきれいでしょうね。

Ars Thanea - Works Showcase ’08 WORKS

印象的ですね。
動きがあって光りの線が綺麗です。
オリジナリティーがすごくしっかりしてますよね。
他では見れないものがつまったポートフォリオ。

企業・旅館・ショップへ向けたアートディレクション・グラフィックデザイン 有限会社デスク DESC. 東京・中目黒

中目黒にあるクリエイティブの会社さん。実績の紹介のしかたがすっきりしてるなーとおもいました。
ページタイトル見ると、「企業・旅館・ショップへ向けたアートディレクション・グラフィックデザイン」となっています。ウェブも実績にあるし、旅館以外もいろいろやってるようですが、自分の得意なものをちゃんとタイトルタグに入れてるのをみて、しっかりしてるなーと思っちゃいました。どういうお客さんに一番自分の力が発揮できるか自分を見つめて絞り込めてりるんでじょう。すごいですね。

FONTPARK 2.0 MORISAWA

モリサワのこれまた新しいサイトです。イラレでフォントをアウトラインしてグループ解除した時みたいな状態を「遊び」にしたようなかんじです。掴んで投げたり、振り回したりマウスホイールで拡大縮小したりと直感的に色々できます。外にほおり投げたら削除だそうです。他の人の作品もいじってる工程からみれて楽しめます。
ドラッグした時のパーツの引っ張られ具合がかなり有機的で楽しさを倍増させています。ビットマップテックスチャー化して表現してるのかなと思います。

ケータイの2・4・8・6のキーを操作して、世界中みんなひとつの画面で釣をするウェブコミュニケーションゲーム。
バスキュールの展示会用の作品のようです。
展示会の模様と、展示会で遊んでいる人とウェブ出参加した人がごっちゃになって同じ場所で同じゲームを共有している不思議な感覚を体感できます。ケータイがコンとラ－ラーなので、ひとつのＰＣから沢山の人が同時に参加できます。
FlashMediaServerで操作状況を共有しているようです。ケータイの操作インターフェイスもフラッシュですが、通信はphpだそうです。ゲームに限らず実用的なコンテンツでも提案できそうなおもしろい仕組みですね。

Advanced Flash Components

googlemapAPIを使えるようにしたActionScript2.0用のフラッシュコンポーネント。
制作画面をムービーキャプチャーしたチュートリアル映像になってたり、関数がサンプル付きでのっていたりと、戸手もわかりやすくて使いやすい無料コンポーネント。

iiiflow

ポップなイラストで第一印象すごくインパクトあるサイトです。
まだCOMING SOONが多いですが、今後の実績とかきになるところです（'u'）

Spectra Visual Newsreader msnbc.com

ビジュアルニュースリーダーだそうです。
ニュースデータをフラッシュが参照して、記事見出しを3Dテクスチャー化したり、ウェブカメラをエフェクト化した背景ビジュアルにして、動きがあったところからあふれ見出しがあふれ出てきたりとかわった動きを自動的に作り出しています。斬新さだけではなく、興味がった記事をブックマークしていったりできるようです。

Decoy is Ryan Rothermel

クリエイターさんのポートフォリオサイト。センスすきです。

KIMDULANEY.COM

ウェブデザインをしていて、写真ベーススッキリしたものをつくるのも好きなのですが、そうではなくオリジナリティーのあるグラフィックを混ぜ込んだデザインって、印象に残りますよね。デザインには、極力こういう要素もできる限りいれていきたいものです。

Nike ACG - Sweetspots

3Dで掴んでまわせる地球儀。回転軸がひとつだったら、アニメーションを読み込んで作ってあるのかもしれませんが、これはドラッグできるのでテクスチャーちゃんと作ってあるようです。
スポットごとに番号アイコンがあり宇宙にに浮いていています。なので、地球に直に刺さっているよりも、わかりやすいですよね。かっこよくてわかりやすいサイトです。すごい。

rhizomatiks co.,ltd. - 株式会社 ライゾマティクス

すごくシンプルに□と×の図形だけがフヨフヨ浮いています。シンプルなモチーフですが、動きがすごくいいです。規則正しくないからでしょうか飽きずにみてられます。カフェのスクリーンとかに流れてたらいいなーってかんじです。マウスに反応もしています。水槽に手を入れてかき混ぜた余韻のような演算のようです。

Mokuji：あなたのブログに目次をつけよう！

ブログを自動で解析して目次を作るサービス。
よく使われているキーワードを分析して、まとめなおしているようです。
結果ページでは、目次っぽさを出すために、見出しのテキスト部分はフラッシュになっていました。文字をだすだけのフラッシュ…。ぎざぎざフォントをぼかしてジャギーを消してアウトラインフォントに近いみためにするためのようです。かなりのこだわりようですね。

BeInteractive! [巴さん - Flashで手書き文字認識]

手書きをでかかれた書き順やベクトルから文字を認識する仕組みをフラッシュで再現したもの。ひらがなオンリーのようでです。オープンソースのマッシュアップのようです。

ごはんとFlash ～おいでやす京都～ presented by teraco

KAYAC主催で開催されたごはんとFLASHというイベントが広まり関西でも同じ名前でカフェイベントが開催されたようです。
同じ仕事をしている人達が集まるイベントってたのしいですね。勉強会とかではないようです。仲良くなれれば、教え合いや、仕事の流れも沢山生まれてくるものなのでしょう。
広島でもFLASHの仕事をしている人の交流が深まるようなイベントとかやったりもしますが、もっと盛り上げってやっていきていもんですね。京都ごはんとFLASHの場合、運営スタッフさんの10人でやっとられるんですねー。大きな規模だなぁー。

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付きで観てみてください。

Lacoste 75th anniversary - Let's reinvent the game

すごい迫力のムービーです。
サイトタイトルは、75周年祝いにさぁ、ゲームを考案しなおしましょう。ってかんじみたいですが、これは、近未来のテニス？弾道を予測したりスマッシュのバウンドの力を測定したりすごく高く飛んだりしてます。75周年のポロシャツメーカーラコステのサイトのようです。古いイメージになのかどうかわかりませんが、そういったブランドイメージを払拭したい意味で作られてるんでしょうか？

Paola Cattaneo

白バックに水着の人が立ってるだけとシンプルなつくりですが、スライドさせる動きや、光に埋もれて消えていく効果など気持ちいい動きになっています。光に埋もれて行く処理はやっぱり同じ画像を重ねて上の画像のブレンド設定を加算にしていくんでしょうか。

Publicis & Hal Riney

澄んだ水中に絵の具をたらしたような綺麗なエフェクトのサイト。
ウェブカメラでジェスチャーするとコンテンツを操作できます。
ウェブカメラの上下左右４点に判定があり、動きを認識する仕組みのようです。

Tiled backgrounds designer

背景連番パターンの画像を最低限の操作で作れ、ダウンロードできるウェブアプリサイト。
色を選んで図形を選んで角度とサイズを選んでApply Backgroundを押したら生成画面の背景が今つくったものに更新されます。自分で図形がアップできたらさらに便利なのに…。

資生堂 ＡＮＥＳＳＡ

フルフラッシュサイトで、全面映像。負荷かかりそうですがサクサク動いてます。引き伸ばして汚く見えるはずが、ディスプレイを接写したときのような表現で、黒線のタイルを敷くことで荒い画像を綺麗に見せる手法です。フルサイズで映像を再生するときはやってみたい手法ですね。

DVEIN 2008 - Art Direction · Motion & Interactive

3DCGとインタラクティブ系の制作を行う、大手の実績が沢山あるたぶん有名なクリエイターの方のサイト。
円状に重なるサムネイルを感覚的にドラッグしたり選んだりして、大量のサムネイルからピンポイントで気になる作品の詳細を見ることができます。サクサクで気持ちいいインターフェイス（'u'）

RSS・Widget・APIソリューション 株式会社フィードフォース

ピタゴラスイッチみたいに転がるロゴを中心に、フルフラッシュで業務内容を紹介するサイト。
にぎやかでポップで眺めてしまう表現なので、業務も一緒にみてしまいます。
説明に長時間必要でも、疲れさせないこういった配慮があれば診てくれる人も多くなるだろうし、ビジュアルやアニメーションのデザインって重要だなとかんじられるコンテンツです。

YURAKUCHO MARUI

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

Apoteket

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

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が動いています。デザインとプログラムをかなり高いところで両立している方ですよね。すごいです。

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

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

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

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

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空間を自由にドラッグ。

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

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

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

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

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

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

岡崎乾二郎 Kenjiro Okazaki

画像のズームのインターフェイスがスムーズです。
作品の下にある小さすぎて見えない文章をマウスオーバーすると隣に大きな文字で作品についてのコメントが現れます。なんだか抽象的なコメントです。menu > Architectureの庄原の木の上の建造物がかなり気になります…ヒノキ林にツリーハウス！

日本の暮らし二十四節気めぐり 言の葉草 伊勢志摩の旅 よいとこせ

日本の伝統的な言葉をアーカイブ化したコンテンツ。
まず季節は24の言葉から分けられるそうで、サイトに訪れるとまず、縦に並んだ季節表が動き、日付から今日の季節名が画面の中心に来るようになっています。

SANKEI EXPRESS -サンケイエクスプレス-

デザインがオシャレで読みやすそうな新聞。

Asylum Agence d'infographie pour l'architecture, l'urbanisme, le paysage et l'ingénierie. Lyon, Paris, Marseille

写真でしょうか？写真じゃないような気もします…。植物とか人とかの色味を合わせてテクスチャーをキレイに貼ったパースのイラストと組合せているのかなーとおもいますが、すごくキレイなグラフィックです。見せ方のインターフェイスもズームやスライドや隣の写真を見る操作が感覚的にできるようになっていてよくできてるなーと思いました。
同じような流れでムービーを見せるコンテンツもありわかりやすいです。

ALBERTA FERRETTI

写真を順番に閲覧してもらう時、隣の写真も見れ、見たい写真は大きく見れるという動きをしています。
全て比率統一で全て縦写真だから収まりがいいのかもしれません。

The PRADA phone by LG

日本では6月にdocomoから発売になるらしいPRADA phone。iPhoneみたいなタッチパネル式で、かなりオシャレっぽいです。そしてサイトもおしゃれですね。

smart cafe

あのちっちゃなスマート。個性的な分コアなファンも多いんでしょう。スマートの気に入るポイントをユーザーの声やインタビュー機能的メリットを雑誌風記事にまとめたサイトです。

Lumiebre

日傘ブランドのサイト。
連絡先とコンセプトとブログツールだけを1ページにおさめた、めちゃシンプルなサイトです。
もしかしたら、場合によってはこれだけで事足りる案件ってほんとにいくつかあるかもしれませんね。
オシャレを身につけたいという顧客の意識をそのまま活かしたブログツールですし、このブランドのファン層をぐるぐる回るウェブリングの機能も大きな相乗効果を生みそう。シンプルですが、厚みを感じるサイトです。
使って見るとほんとに1匹が他のブログに導いてくれてる感覚になる完成度です。ツールの配置場所が透明になってるのもいいですね。いろいろブログに訪れてて見ると、ユーザーさんみんなが、良い位置にツールを置いていて、みんな気に入ってるんだなーというのがわかります。作業量ではなくセンスの勝ちといえますね。

安い・高品質なホームページ制作なら札幌市 株式会社forstar（フォースター）

札幌のウェブ制作会さんのようです。
価格をパックにしてとっつきやすいサービスを提供しているみたいです。ロゴ・サイトデザインもキレイですし、社内の表情もうかがえて、繁盛しそうな会社さんですね。

ハジケル・ジャクソン

最北端から最南端案できぐるみが日本縦断するウみたいです。
各所でリアリティーな映像を公開していくだけなのか、ほんとに会えるのかわかりませんが、きぐるみって一日中着ててもいいんですしたっけ？なんだか江頭2：50っぽい動きですね。

Slicciコレクション

ペンメーカのキャンペーン企画サイト。
告白されたい言葉を応募するというものなのですが、応募までの流れが変わっています。
オリジナルのシートに手書きで言葉を書きケータイで撮影して送るのですが、シートはダウンロードとかプリントアウトとかではなく、全国の文具店に設置された商品オリジナルの棚に置いてあるようです。もともと全国各地に設置してあるものがあるという商品の特性・強みを活かして、ウェブと連動した面白い企画です。

TwittEarth Live Twitts all over the world

twitterと3Dの地球を組合せたもの。昔ここでも取り上げたことがありますが、こちらはデザインがかなり洗練されています。かなりかわいい…。
地球のテクスチャーもきれいだし、たぶんランダムでキャラアイコン付きでふきだしがでます。見始めてからどんどんキャラアイコンが増えていくので繋がってる感が増します。キャラアイコンは座標だけ3D。あとは足元が中心に向くように処理されてます。縦の潰し具合と回転のプロパティーだけであんまり違和感なく擬似的に3D表現できてます。
よくみるとこの地球昼と夜の境もちゃんとあっていて見る時間によって変化してます。Yahoo APIを使っているようなので、Yahoo APIに含まれてる機能なのかな。

kailash web

世界中のエコな情報地球の回りに浮かべて見せています。エコ情報誌のオフィシャルサイトと連携してgreenzの記事へ誘導される流れになってるようです。

WILLCOM｜Ultra Mobile WILLCOM D4 スペシャルWEBサイト

willcomの新機種D4のプロモーションサイト。
セレブなイメージを打ち出しているようです。

ＳＯＹＪＯＹ(ソイジョイ) 大豆でダイエット 大塚製薬

イチゴが降ってきて画面全部イチゴで埋め尽くされます。
長期間置いてもらうのではなく、インパクト重視なのでしょうね。

Last.fm + YouTube = music tv goodness

Last.fmの再生トラックリストから近い映像をYoutubeから引っ張ってくるマッシュアップサービス。自分の好きなアーティストのPVなんかがランダムで流れます。正規の映像とは限らないので、個人が撮った演奏ムービーが流れたりもします。自分の趣味に近いけど知らない曲にであったりしておもしろいかもしれませんね。

一般的なひとマス空ててスライドして絵を合わせて行くパズルと広告が組み合わさってます。
マスの奥面は全てマクドナルドのロゴが…空いてるマスに絶対ロゴが出るようになってるわけですね。
電車待ちとかで時間つぶしたくなるスペースに置いてあると効果的っぽいですねー。バラバラの時はせっかくの写真の広告の効果はなくなってしまいますが、そのかわりじっくり触ってくれる人にとっては、すごく印象に残る…ものになってるのではないでしょうか。

マイストーリー - ハワイ州観光局（Hawai‘i Tourism Japan：HTJ）

興味があってじっくりゆっくり見てもらいたいサイトなんでしょうね。パッパとシーンを切り替えて見ることができません。
ゆっくり写真にコピーがのっかっていき、全部出ないと次へ進めない…。この制限には意図があるんでしょう。こんだけインターフェイス制限しても効果は逆に上がったりするのか、結果が気になるかんじです。

a.flat

インテリアショップのショッピングサイト。
アンカーポイント増やしたり扉パーツをつけたりして自分の部屋の間取りを作ることができるサービス。さらに、サイト内のリスト（カートのようなかんじ）に入れた商品を配置したり、向きを変えたりと、自分の部屋に収まるかどうかシミュレーションできます。アンカーポイントを動かしたり増やしたりしますが、フィットする機能がしっかりしていてまっすぐな線が簡単に作れたり、慣れたら色々細かくできる、使えるサイトですね。

Super Screenshot!

ページURLをいれると、ページの画面をキャプチャーしてJPGにしてくれるフリーサービス。フラッシュも日本語も表示可能。結構便利かも。

SHIMANO Promotion DVD SHIMANO TV

釣道具メーカの映像サイト。
Youtubeなどをマッシュアップするのではなく、オリジナルで映像サイト作ってやっています。デザインに制約がない分とても統一感がある映像サイトになっています。かなりボリュームがあるんですが、釣好きにはたまらなさそうなかなり掘り下げた映像が大量にのっているようです。クーラーボックスの商品紹介ひとつとっても、かなりこだわりが伝わってきます。

GO FOR IT !

かわった操作感ナビゲーションです。
go for ＿＿＿＿　というキャッチコピーを認知してもらう目的なのでこうなってるのかもしれません。

Delphys RECRUIT 2009

TOYOTA関連のマーケティング会社さんのリクルートサイトのようです。
社員さんの声・仕事の流れ・海外での動きなどをインタラクティブに紹介されてます。
とにかくドットのフィルターがキレイ（'u'）

360°Snap｜ヴィダルサスーン｜FASHION, MUSIC, VIDAL SASSOON

360°カメラを配置して全ての角度同時に瞬間を撮影…１枚ずつパラパラマンガの要領で映像にする、マトリックスでよく用いられた手法を体験できるイベントが開催され会場に来た人達の「ぐるぐるまわる瞬間映像」をウェブに公開するというおもしろい企画。たしかにどんな仕組みで撮影されているのか興味ありますし、そんな機材で撮影されて見たい人も沢山いそうです。

アルバイトマッチングのサイトのブログツール。
ゲームとしてシンプルで絵もカワイく貼ってくれる人多そうなツールです。
貼ってあるこれを遊んだユーザーが自分も貼りたい！と思えば、ダウンロードしに行くので、クライアントネームの認知には繋がりますよね。自分のブログに貼らなくても人のブログで遊んで完結してしまうシーンが想定されます。こちらは「遊びたくなる」ツボ万歳ですが。遊びたくなるツボと広めたくてブログに貼りたくなるツボの共存なかなか難しいなとあらためて考えてしまいました。

LUPIN STEAL -ダイヤを盗みだせ！-

カチッ　カチッカチッカチッカチッカチッカチッ　チャラららー
明朝フォントが一文字出てくるみんなが知っているルパン三世のタイトルの動き。ブログのタイトルを参照して自動でルパン風タイトルを全画面表示するブログパーツがありました。パチンコ関係のプロモーション用みたいです。

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と少なめでした。長期間でじわじわ広がるとはおもいますが、紹介している商品が新鮮なうちに広まってくれるかどうか、むずかしそうではあります。

NTT西日本 つながるよろこび

こんにちはヤンプーです。
今日のナレッジは万華鏡を作って、保存してグリーティングメールできるサイトです。
オブジェクト構造に強い、フラッシュの特性がフルに活かされているサービスだなーと思います。
作ってみると沢山パーツを置いて複雑にしたほうがきれいになりそうです。
真ん中に花を置いてみるのもかなりありですよ。

DODGE QUEST

男らしいワイルドなイメージと8bitなロールプレイングってなかなか結びつきませんけど、こういう組合せってありなんですね（'u'）好きな女の子に告白するという理由でDODGEを買う目標がある主人公が。お金をためるために困っている人の問題を解決しては報酬をもらっていきます。ロールプレイングゲームとして成り立っています。

[CG Textures] - The worlds largest free texture site

イラレなどベクターグラフィックを作っているとべったりしたものになってくるので、テクスチャーをしいたりしてクオリティーをあげるぞとおもってググってみると、このサイトすごい量のテクスチャー写真がダウンロードできるっぽいです。ipごとに24時間で15Mbまでみたいです。

everyday icons Creative

春なのでロンTいち枚のヤンプーです。おはようございます。

ベクターがきれいなフリーランスデザイナーさんのサイト発見とおもいきや、
グラフィカルな部分だけじゃなくて、フラッシュのエフェクトとかもすごく参考になるさいとでした。
のぞいてみて一番のインパクトは、ナビゲーションのインターフェイス。
縦に並んでいる実績リストを一回クリックすると選択（ここまでは普通）。
もう選択している部分をさらにクリックすると、同じ実績のべつのサムネイルにスライドします。
マウスを移動させなくてもいろいろ見れてとてもらくちんです。
冬のめんどくさがり屋さんのコタツライフ的に楽な操作感です（'u'）

DAKARA　サントリー

DAKARAのサイト。バレリーナのブタじゃなくなってました。
ドラッグ・ほおりなげ・クリックなどの操作でおじさん3人をいじりたおせます。キャラクターのアニメーションコマ数が少ないですが、脱力系のタッチなのもあって違和感ないです。動きの種類は結構豊富でいじったり見てたりしてて楽しいコンテンツです（'u'）

カルピス：カルピスソーダ

カルピスソーダがこんなふうにパッケージ変わりましたよ。ってことがすごい伝わるCMと連動したウェブサイト。男子新体操のチョイスもすごく面白いですね。ブルーの「ハジケル」イメージのエフェクトの動きもきれいです。

bungalow50 JUN 50th Anniversary

タレントやアーティストが作っTシャツデザインを3D空間に散らばめて紹介。パーマリンクに飛ばしてウェブ上で販売までできるサイトです。この前までは、Tシャツのデザインが地球儀状にならんでましたが、今見たらタレント・アーティストの写真に変わってます。こっちの方が訴求力あるってことで変更したんでしょうか（'u'）

めくり番長 NIGORO

スカートめくりをするゲームです。
マウスを忠実に操作できる人ほど上手なゲームのはず。むかしながらのドット絵表現や、コマ数が少なくても滑らかに動いて見える表現などもあり、ゲームのセオリーが詰まったがあってスピード感があるゲームです。

EVE

ナチュラル・リラックスからゴージャス・セクシーまでの「印象カテゴリ」が存在。一つ一つの写真はどれかの印象カテゴリに属するだけではなく、中間的なレベルまで把握しているっぽいですよね。これ。どの印象に近いのかを２次元的データとして登録されているようです。
素材写真に限らず、データの持ち方を工夫することで、膨大なアーカイブでも探しやすい検索システムとしていろいろ提案できうるものですよね。かなり参考になります（'u'）

NODERA.TV, INC. 株式会社ノデラドットティーヴィー

FlashMediaServer3ではじめて実現したという、ウェブカメラで仲良く仕事中の風景を同時に写せるコンテンツ。
ログインしなくてもはたからログイン全員の映像が見れるので、のぞいてみるだけでも面白いです。同業者のが集っているんでしょうね。知り合いだけで使うこういうのあれば、いいなと思った今日この頃です。

NHK MOJA-MOGI by Yugo Nakamura

昨日のNHKプロフェッショナルはウェブ業界から。中村勇吾さんだったようです。番組用に作ってきたフラッシュが公開されていてひそかに人気のようです。

NIKEiD JASARI

ブログツール配布+ウェブリング+ブログ画面キャプチャー+3D。最新機能を豊富に取り入れて、シンプルなのに超インパクトあるすごいです。ブログパーツはこんなかんじ。

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以上クリックしたらなんかあるんでしょうか…。きになる…。

ヤンプーです。おつかれさまです。
今日はソニーの一眼レフアルファのサイトをナレッジ（'u'）

100チアガール｜転職応援サイトイーキャリア

こんにちはーヤンプーです。
今日のナレッジは転職サイトの口コミ用誘導サイト。
最近筒状のテクスチャー3D表現がなどもありますが、こちらの場合扇状になっています。これくらいにしといたほうが、3Dであるインパクトと使いやすさが両立できると思いました。
100人全てみると特典ムービーがあるようです。見てない女のこのサムネイルは口元までしか見えない感じになっていて、一度見たら顔がちゃんとわかるトリミングに変化するようになっています。これだと、まだ見てない女の子がだれとだれかわかるので全員見見ようとしているユーザーにもやさしい作りです。100ガール全部見たよ！という方御報告お待ちしてます（'u'）

ヒゲチェン

こんにちはヤンプーです。３月下旬っていうのは毎年忙しいかんじで、今年もやっぱり忙しくなっています。そんなわけで余り詳しくナレッジできてませんが、それでもナレッジしたいサイトはたくさんあるので、箇条書きとかメモ的なかんじで更新していこうと思います。
・ビットマップ変形をポリゴンテクスチャー的に使う。
・1000種のヒゲパーツをジャンル別に絞り込める機能。
・画像読み込み
フラッシュの最新技術だったピットマップ3Dテクスチャー系のスキル。いままではインパクト重視のサイトで使われていましたが、このサイトだとかなり実用的に使われていると思います。自分の顔に似合うヒゲをシミュレーションできるというのは、便利ですから。高いスキルを身につけて、なおかつ、使って便利なサイトを作って見たいものです（'u'）がんばろっと！

メガネのナガタ

なんだかきれいなサイトですよね。
長野のメガネ屋さんのようです。
長野のウェブ屋さんがつくったんでしょうか？

Creative License. Take as much as you want.

おつかれさまですヤンプーです。
今日のナレッジはAdobeのパッケージ商品のプロモーションサイトについて。トランプをモチーフにしたオープニングムービーがかなりハイクオリティーです。下のタブをドラッグすることで、ムービーを再生・巻き戻しできます。再生が留まっていても、魚や鳥、兵隊などは動いています。独立したアニメーションが作れるフラッシュならではの構造を活かした作りになっています。

DESIGN SHOWCASE

こんばんはー。ホットペッパーのグルメサイトトップページを有名ウェブクリエイターが作ったらどうなるか！？ほんとに有名どころが集まっちゃってます。参考になりますねー。タウン情報サイト最大手ですから作り甲斐ありますねー。沢山のお店のなかから希望のお店に出会いたいユーザーにとって、使いやすそうなものから興味を引きそうなものからいろいろなインターフェイスが公開されてます。

GlassBox

おそくなりましたヤンプーです。
これフラッシュ？ってくらいのコンテンツがcssとjsで作れるんですねー。
ナビドラッグ・透過、ボックスエリア透過・リサイズ・ボックス内スクロール、アンカー式ページジャンプ、背景写真の差し替えなどの動きがあります。なにかでつかえるかもしれないのでめもめも。

ライラの冒険 黄金の羅針盤｜パソコンテレビGyaO［ギャオ］

こんにちはヤンプーです。
今日のナレッジは「ライラの冒険黄金の羅針盤」のブログツールコンテンツについて。こちらのブログツールの要素は大きく二つ。「占い」と「ウェブリング」のようで、本作の世界観とダイモン（動物の形をした自分の分身）というストーリー上の設定をうまく取り入れた企画になっています。

Hotpepper Beauty Blog Parts

鳥取から両親がやってくるやんぷーですこんばんは。今晩は豆腐料理です。お店で。
今日のナレッジはみなさんおなじみのホットペッパー。ホットペッパーの美容院検索コンテンツの誘引をアップさせるためのブログツールです。

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買ってほしいなーとおもっているニーズ層に、おもしろ半分に親へおねだりするきっかけを与えてくれるツールのようです。

au Smart Sports Run&Walk

こんにちはヤンプーです。
昨日のナレッジの続きとしてau Smart Sports Run&Walkを詳しく使って見てレビューっ仕様かと思ったのですが、僕のMedia skinは対応機種外でした…。登録しないと使えないと思うので、このサイトは機種変してからということで、また今度にします…。
大まかには去年紹介したadidusGPSRUNと同じようなサービスだと思います。残念ながらサービスが終了してしまいました。ケータイ持ってランニングすることや、サイトでユーザーのプロフィールや状況がみれたりする部分は、結構一緒です。同じところが開発してるのかもしれませんね。GPSの機能を使ってランニングコースをマップに記録したり、カロリー消費量がわかったり…。面白そうです。

CASIO W61CA activoo

ヤンプーですこんにちはー。
今日はauのケータイ W61CAのプロモーションサイトのワンコンテンツ、Activooをナレッジ！
au smart sportsというGPSサービスをユーザーに認知してもらうためのゲーム・ブログツール配布コンテンツのようです。機種のデザインからみて女の子層にau smart sportsでダイエットするという使い方をイメージしてもらう目的でから組み立てられたアイデアなんだろうなと思います。W61CAをもって「スピードや消費カロリーを見ながらランニング」というエクササイズしたいスポーティーな女の子のツボをくすぐるゲームビジュアルのデザインに仕上がっているようです。3Dでモデリングして滑らかなモーションを作りこんだものを、アクションごとに映像にしているんだとおもうんですが、かなり滑らかです。
ゲームに入るまでのドレスが入らないというシナリオも共感要素が強くてかなり上手な作りですし、ディスプレイにうつったメールの文章で、オープニングを展開させる流れもまとまっています。かなり完璧なコンテンツな気がします。すごいーー。

Creative And Live

家の中を目メジャーで計りまくってるヤンプーですこんばんはー。
無印良品でキッチンの棚を買ってやっとキッチン周りが整理できてきそうな予感です（'u'）
さて今日のナレッジはめちゃレベル高い海外のデザイナークリエイターが集まる、登録型のアーカイブサイトCreative And Liveについてナレッジ！時間ができたらゆっくりみてまわりたいサイトです。いろんな刺激をもらえそうですよねー。

朝日広告社-Recruit2009-

明日は友達の結婚式があるヤンプーですおつかれさまです。
今日のナレッジは朝日広告社リクルートサイトです。
ウェブで成果がはっきり現れるリクルートコンテンツ。ゴージャスなものから面白いものまで、いろいろなコンテンツが登場していますが、こんな手法をやってる会社がありました。　「逆面接」　採用される側が会社を選ぶ時代なんですねー最近。いい人材・合う人材にめぐり合うために、そして会社がPRするためにウェブは有効なツールのようです。
会社と採用される側の立場が逆転するという表現がされているこのコンテンツは、昨今の採用の世界を象徴しているのかもしれませんね。

FUBUKI Graphics

最近、沢山の情報を整理して見やすくするにはどうしたらいいのかを研究しているヤンプーですおはようございます。今日はサムネイルを並べる機能とカテゴリで絞り込む機能がインタラクティブなFUBUKI Graphicsさんをナレッジ。画面のリサイズに合わせて並びを調整する表現やカテゴリを絞ると検索し直す機能も好きです。

やんぷーですおはようございます。世の中なんでも広告にできちゃうんですね。

MUJI Life - 無印良品　ひとり暮らし。ふたりの部屋。

今週仕やることがたくさんあるヤンプ－ですこんばんは。
先日引っ越したマンションが照明がレール式なのでスポットライトを探してハンズとかうろうろしてたんですが、売ってるところが少なく…見た中で一番種類があったのは無印良品でした。さすが無印！…と言うわけで今日のナレッジは、無印良品の新生活提案サイト。今は寒いですがもうすぐ春ですからね。洗濯機からお菓子まで統一デザインでなんでもそろう無印良品ってすごいなーとあらためて思いました。

明治製菓：100％チョコレートカフェ - 2008年ホワイトデー『100％スマイル』!

昨日分をこそこそアップヤンプーですこんばんわ。バレンタイン終わってデザインがホワイトデー仕様になってますが、見せ方上手なサイトでかつ、インタラクティブにチョコの買い物ができるおもしろいこころみをナレッジ！
ロゴのシールっぽいエフェクト表現もおもしろいです。

グルメ：OSAKA-INFO 大阪観光情報

いつの間にか２月半ば…引越ししたけどダンボールのまま荷物を置いていて半月たってしまったヤンプーですこんばんは。今日はソララさんから教えてもらった大阪のタウンポータルサイトをナレッジ！マップ機能をかなり考え抜いてつくられているようで、スクロールにくっついているこの動作はかなり使いやすいです。

PRIUS Channel プリウスチャンネル

昨日分をこそこそアップヤンプーですこんばんは。旅行番組名ノリで作られたウェブ配信の映像をニコニコ動画風にコメント投稿機能をつけて双方向にしています。これはもう、地デジのデータ通信を超えるクオリティになってしまってますね。文章を投稿して認証中ってのもわかりやすく作られています。認証中はじぶんだけみれるかんじなんでしょうね。

PicLens Immersive Slideshows Across the Web

久しぶりにPicLensを使ってみてショックを受けたヤンプーですこんばんは。
Firefoxのプラグインで、Flickrやグーグルの画像検索と連携したインタラクティブ画像ビューアーなのですが、ここ最近Firefoxを立ちあげると良くアップデートするなーと思っていましたが、使わずにほっておいたんですが、何かの拍子に使って見てびっくり！ものすごい操作感と読み込み速度が実現していました（ﾟ回ﾟ）フラッシュっぽいけど、マウス左ボタンクリックできるしちがうのでしょうか…？実用的でリッチな完璧なビューアーですね。

引っ越したんですが、まだもってきた荷物は全部ダンボールに入ったまま整理できてないヤンプーですこんにちは。最低限前の家を引き払うまでできて、そこから全然進んでないかんじです。うーん、やることたくさんです。
今日は、公共のスペースを汚す「ガムのポイ捨て・壁にこすり捨てる」行動をアートに転換する広告をナレッジ。

ひろぎんマイ ライフ プラス　「願いを星に」

ヤンプーですこんばんは。
今日はかなりつくりが細かい参加型サイトをナレッジ！
星座って、夜空を見上げた昔の人は、星の数が決まっている制限の中で想像を膨らませていたのでしょう。そんな星座を描く楽しみがあじわえるコンテンツが登場したようです（'u'）広島銀行のマイライフプランというサービスのサイト内にあるスペシャルコンテンツ。内容としては、タイピングゲームをし、評価に応じて星がもらえ、その星を自由に配置しつつ線で結びつつ、名前を決めつつ夜空に浮かべられるというものです。

MyMiniCity

出張してきました。広島松江間のバスの中で企画書類作り始めてしあげれたぎりぎりばたばたなかんじだったヤンプーですこんばんは。今日のナレッジはこれ。ひとことでいえば、ブログでオートシムシティー。ブログがはやるほど街が成長するほっといて、たまに見に来て楽しめるお遊びなゲームサービスです。なにもしなくていいのに楽しいってのはかなり長期間遊べそうですね。

株式会社 光波

今日は島根出張のヤンプーですおはよございます。
今日ナレッジしたいのはLEDの光波のサイト。最近よく見かけるすっきり系白ベースのサイトなのですが、ビジュアルの入れ方、表の扱い、ナビゲーションの構成など、すごくわかりやすいです。はやっている作りだとしても、やっぱりクオリティーには差があっていいモノはいいですね。と思えるサイトでした。

EDWIN│DENIM（デニム）・JEANS（ジーンズ）のエドウイン

やっと落ち着いてきたヤンプーですこんにちは。
今日のナレッジはデジムジーンズのエドウィンのサイト。サイトマップ的にスペシャルコンテンツも通常ページも商品ページも全部並列にして同じサイズのサムネイルを並べています。サムネイルが全て動いているのでスカパーでテレビを選ぶ感覚みたいです。ユーザーにチャンネルを選ばせてレイアウトも変更可能にすしていますし、お気に入り機能もあります。ユーザーごとに必要なチャンネルを、簡単にドラッグインしてショートカットを作れるようになっています。
情報が多いサイトにうまく組み込めば使いやすいものになりそうですね。

Play with Honda! closeup! Yahoo!

こまごま仕事してたら夜になりましたやんぷーですこんばんは。
なんだか忙しいです。
今日のナレッジはポータルサイトバナー広告のすごいのです。
ヤフーインターネットクリエイティブアワード2007で広告主の部金賞になったHONDAのポータルサイトバナー広告。占いやゲームなど、人が集まるポータルサイトのジャンルにあわせたテーマで複数作られていて運営側としては扱いやすい内容だなろうなーと思いました。
HONDA車をスポットライトに当てて得点を競うゲームや、都道府県がそのままパズルゲームになっていたり、RPGをモチーフにしたゲームがあったり、楽しめるものがたくさんあり、かなり参考になります。このサイトバナー広告たちトータルで2億PVをたたきだしたそうで…広告を押し売りしないけど、遊んでもらう内容の中に伝えたいことが隠されている、程よい距離感でみんなに親しまれるバナー広告になっているっぽいです。

岡山一番街 - 2008 VALENTINE

こんばんはおはようございますもうAM5:30になってしまいました…やんぷーです。
今日のナレッジコンテンツはこちら。岡山一番街のバレンタイン企画コンテンツ。ハートの弓を射って木になっているブランドごとのハート型のボーナスエリアにぶつけると得点が入るミニゲームです。イラストの質感がすごくでていてきれいです。

ホームページ制作マッチング - 「案件」と「人材」のビジネスマッチングサービス

引越し最終日ですヤンプーですこんにちは。
19：00までに不動産に鍵を返して10年住んだマンションを空にします。
引越し手伝ってくれた悠介まきちゃんエコちゃんありがとー（'u'）

そしてナレッジの話題は引越しとは全然関係ないんですが、マッチングサイトについて。ウェブ業界限定の外注先と孫受け制作会社とのマッチングを促進するためのサイトみたいです。ウェブに限定することで求めているユーザーが気安くなっていそうですね。ウェブの仕事がほしい人やウェブの仕事を外注したい人が集まるサイトに「オススメレンタルサーバー」というタブがさりげなく目立つようにありますね。こういうふうにちゃんと便利だから人が集まるようになり、ユニークユーザーが上がる部分と専門的な部分を踏まえてピンポイントなサービス告知や広告を出すのが効果的なんですね。
すごく上手だなー効果的だなーと思うのですが、実際どのくらいこのサイトからレンタルサーバーの契約がとれているんだろうかなと気になるところです。かなり参考になる視点でした（'u'）
ウェブ屋さんは登録してみとくといい仕事に出会えるかもしれませんね。

I Believe in Advertising Advertising Blog & Community » Friends of the Earth The sticky poster

やんぷうですこんばんは、４時になりそうな感じです。
忙しさもピークナ今日この頃眠いので今日は手短に…。
今日のナレッジは日に日に勝手に変化する広告。真っ白な広告ですが素材が部分ごとに違うようで、排気ガスで汚れる材質だけが日に日に黒ずんでいくというもの。朝の出勤中、日常の風景の一部として気に止めていなかった広告なのに、ふと変化してることに気づいたとき、この広告のメッセージは心に残るものになるんだろうなと思います。

地下鉄がおもしろくなる 東京メトロこども大学

タンス、本棚、冷蔵庫、レンジ、コタツをリサイクル屋さんに引き取ってもらって10000円の支払いも、まー正がないかなと引越しで太っ腹になってしまったヤンプーですこんばんは。今日きになったナッレジサイトはこちら。地下鉄東京メトロの子供向け図鑑系啓蒙サイト。こういったジャンルの代名詞として地球ガイドが挙げられますね。SEもここちよく、好奇心くすぐるツボを踏まえてあるなーと勉強になるサイトです。

窓の杜 - Lhaplus

今週は決算月の最後の週、かなり仕事が詰まっていて更新が遅れてしまってます…すみませんヤンプーですこんにちは。今日は簡単に。アイコンデザインがキレイで使いやすい圧縮解凍のフリーアプリケーションを見つけたのでめもめも。デスクトップに置いても嫌じゃないLhaPlus！

LogoYes

イラレが急に動かなくなってビックリ（ﾟ回ﾟ）イラレがなかったら仕事ができないことを昨日再確認したヤンプーですこんにちは。
こちらウェブ上でロゴを買えるサービス。実際やって見ると、作るというよりは選ぶというかんじですが、大量にあるマークの中から、ユーザーが選びやすいようにわかりやすいインターフェイスになっています。マークを選び終わると、社名などのロゴタイプを打ち込みフォントを選べます。配置を自由にドラッグでき、購入できるようです。EPSとかで届くのでしょうか？注文がオペレーターに届いて手動でベクターファイルを組み合わせて納品するのかもしれません。
デザイナー的には、ロゴをつくるときのアイデアに詰まったときにみると参考になりそうです。
デザイン会社に頼まずに安くロゴ作っちゃいたいと思うニーズをターゲットにした隙間産業ですね－。

BEYES Watch the world RECOMMEND 60 BEYES EDIT STORE

18:00にやっとお昼ごはんが食べれたやんぷーですこんばんは。
リビング・キッチン・デスク・腕時計・ステーショナリー・趣味雑貨・トイグッズ・皮小物・ライフスタイルグッズなどを揃えるセレクトショップBEYES。その商品の中で時計だけをインパクトある手法で紹介しているワンカテゴリコンテンツ。
トップページのメインビジュアル部分から入れるこのコンテンツは、ひとつの商品を選ぶと、結局たどり着く先は商品の詳細ページ。トップページから選ぶカテゴリや商品が多くなってしまうと、ひとつの商品の詳細ページにたどり着くためには沢山のクリック数が必要になり、商品の閲覧にかかる労力が増えてしまいますよね。訴求したいものをこういった別コンテンツを経由させて導線をスムーズにする方法はかなり有効的かもしれません。今ユーザーは何を見たら喜ぶのかを判断した結果、作られたコンテンツなのでしょう。ブランド・国・価格・タグから商品を絞り込めるの時計を探してきた人には使いやすいどうせんになっているっぽいですね。
こういうコンテンツを提案してさくっと作れるようになりたいものですねー（'u'）

タダコピ

今週末もう引越しです。引越してもタクデンの権利を残しとこうか、残すのやめようかどうしようか悩み中のヤンプーですこんにちは。
前回永谷園の「冷え知らず」さんの生姜シリーズのプロモーションサイトをご紹介しました。この生姜シリーズ、訴求したいイメージとはたぶん「冬でも薄着で、でも冷え性に悩んでいる女子大生をポストにしてその回りの人にも食べてもらう」というものなのかなと思います。そこでたぶん代理店さんは、女子大生とその周りの2次ターゲットにピンポンとで広告展開できるツールを探していて、今日紹介するサービスを使うことになったんじゃないかと思います。

「冷え知らず」さんの生姜シリーズ

生姜だいすきヤンプーですおはようございます。こちら、生姜が入っていてあったまれるという永谷園のヌードルのプロモーションサイトです。ミスキャンパス16人がステージを薄着で元気に動き回ってますが、なんだか白い吐息が…。息が白くなるくらい寒い冷凍庫の中での撮影のようです。温まれるというイメージを訴求するため考ええられたアイデアコンテンツ。

Japan.illbe.net

昨日分の記事を遅れて更新しているやんぷーですこんにちは。
昨日はかなりばたばたしていました…。

こちらデザイナーさんの個人サイトのようです。少々読み込みが長いですが、ロード中の筆文字エフェクトを見ていると、使っている画像の画質を落としたくないくらい細部にこだわりたい方なのかもしれませんね。サイトが開くとまず、水墨画がぼわーっと現れ背景になりつつ、マウスにあわせてコラージュされた風景グラフィックが登場します。西田幸司さんがよく使っていた手法を使っているようです。同じ手法でも濃淡がはっきりするレタッチでまとめられたグラフィックに置き替わるとこうなるのか…と、興味深いです表現です。作者さんは日本好きのようで個人ポートフォリオサイトにもこういった「自分が好きなもの」をつき詰めて、アートオリジナル手法を確立していく貪欲さなど、見習いたいなと思います。

CLUB KEIBA：みんなで競馬！-JRA

もう週末ですね。仕事が立て込んでて頼まれごとや自分のことができずに先送りになってしまっているヤンプーですこんばんは。

こちら、競馬ユーザーを増やすため、今まで競馬に興味がなかった人に向け発信するCM連動型のウェブサイトのようです。競馬に興味がない人達が集まってできたクラブ競馬。絞ったターゲットのユーザに向けて寄り『共感してもらえるように、かつ面白く人物設定がしてあるなーと思います。
よく練られたドラマストーリーをCMならではの展開で30秒に凝縮し、まずは視聴者に人物設定を紹介しつつ登場人物に共感してもらう流れのようです。映像・展開のクオリティも高くすごく好きなかんじです（'u'）

ミルクって、サプリかも┃J-MILK：社団法人 日本酪農乳業協会

最近牛乳あんまり飲まなくなったヤンプーですこんばんは。
このサイトいきなり書いてあるのは「牛乳ってサプリかも」と次へ進むためのボタン「なんでサプリなの？」…この流れでさくさく読み進められます。ユーザーに興味を持ってもらうこの構成はコピーの力が大きいですね。最終的にたどり着くのは…

OMRON Industrial Automation Japan × 面白法人KAYAC 謹賀新年おめでとうキャンペーン

引越しの準備が全然進まないヤンプーですこんにちは。
次の人も見に来るかも知れないしそろそろ部屋を片付けないと…。

さて今日はちょっと時期遅れちゃいましたが、カヤックさんの正月コンテンツについて。毎回色々勉強熱心に新しいアイデアのコンテンツを産み出し続けているカヤックさん。今期正月の社内コンペ（？）最優秀コンテンツはなんとウェブ経由で誰でも動かせるラジコン！干支にちなんでネズミの形をしています。

月の湯　〜福岡空港すぐ近くの温浴施設〜

連休明けから出先で打ち合わせ満載の柳谷です。こんにちは。
今日御紹介するのは、京都のデザインオフィスサブトニックさんが昨年末にリニューアルした、福岡にある上質庶民派スパ月の湯さんのウェブサイト。
フリーランスのデザイナーさんが、個人でこれだけのこまやかな気配りが行き届いたサイトを作られています。しかも広島出身のようです（'u'）

UMEDA PORTAL｜あした「うめだ」でなにしよう？うめだポータル

正月明け4日に届いた年賀状で翌日に同窓会があることを知り、仕事を片付けて方道260kmを里帰り、先週はそんな週末でした。そしてもう金曜日…アクティブな年になりそうな予感（'u'）鳥取出身広島在住のヤンプーです。こんばんは。

鳥取市民はよく大阪に遊びに行くんです。岡山行くのと変わらないくらですし…大阪は鳥取市民の遊び場なんですねー。そんな大阪・梅田にスポットを当てたサイトを発見。あした「うめだ」でなにしよう？というタイトル通り梅田周辺のマップからイベントやスポットを紹介しています。都会でて遊ぶぞ！とだけ決めている人は、これでチェックしていくとより梅田を楽しめることでしょう。
ものづくりの仕事をやっていると、自分の身の回りで役に立つものを、ボランティア的に作ってみたいなーという漠然と思ったりします。そのノリで10年住んでいるここ横川を、この梅田ポータルのようなコンテンツに落として見てもおもしろいかな。とかイメージが膨らむきっかけを与えてくれる刺激的なサイトです。調べものサイトとしては検索などの情報を絞り込む機能が物足りないのが残念なところ。スタシアカードの誘導コンテンツと言う目的が強いサイトなのかもしれませんね。

Cursor10 (nekogames)

更新と晩御飯が遅くなってしまっているヤンプーです。こんばんは。
このゲーム最初、ルールがわかりませんでした…。それというのも、楽しみ方が"新しい"からなんです。
とにかく階段をクリックして上の階へ進み、その途中の三角のスコアをクリックして取っていくゲ－ムなのですが、100回クリックしないと開かない箱や、押しっぱなしにしないといけない床スイッチなど、マウスひとつが先に進めない障害がたくさんでてきます…。
一定の時間が過ぎるとまた初めから。10回チャンスがありますが、初めからになるたびに前回の自分の行動をそのまま真似るマウスが登場します。再チャンスごとにどんどん真似るマウスが増えていくので、過去の自分や次回の自分の動きを考えながら、自分と協力し合って、上へ上へと進んでゴールを目指しましょう！なんだか哲学的なテーマのゲームに見えてきました。すごいアイデアですね（'u'）

TM-R

こんばんは忙しく仕事中ヤンプーです。おつかれさまです。
ウェブやグラフィックのデザインを頼まれたけどもらったロゴ素材がベジェデータじゃない…デザインをしていてたまにこういうケースってありますよね。そういうときに便利なサイトがありました（ﾟ回ﾟ）大手企業のベジェロゴファイルのデータベースサイトです。クライアントの承諾がいるので、勝手に取ってはだめですが、このサイトがあって良かったーとありがたい時があるかも知れないのでメモメモ。

株式会社 リテック・コンサルタンツ

空き室がでたら教えてくださいと、不動産屋さんに伝え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

こんにちはーじゃない…あーこんばんはー…今日は遅くなってしまいました。
今日御紹介したいサイトは、子育てポータル系サイト（？）大量にあるシチュエーションを文章にまとめ、シチュエーション別文章から、それらにマッチした詳細ページへ誘導する役割のフルフラッシュトップページ。機能的と言うよりはアート的。ぱっと見、シチュエーションワード文で埋め尽くされた文章でタイポグラフィーアートを表現しているっぽく見えます。しかも動画（ﾟ回ﾟ）

年末忙しい中こんにちはー今日も書きますよ。まだなんとか3日坊主にならずに毎日更新続いてるヤンプーです。
さて今日衝撃を受けたウェブサイトは…というかこれはウェブサイトだけに注目するべきではないものなので、もうちょっと大くくりに御紹介。ひとことでいうと「集める楽しさ」がうまく形になったアートトレーディングカ－ド「トレカレ」についてです。

omonbakaru.com

いわゆるウェブでめしくってるヤンプーです。こんにちはー。
週明けましたね。今日は月曜日。仕事たまってますよ。やばいやばい。
ぼくの場合、会社員としてウェブデザイナーをやっているので、ウェブサイトの制作をしてクライアントさんから会社を通して給料をいただいて毎日を食いつないでいるわけです。ビジネスなので…。お金にならないことを毎日やってしまっていては、会社も自分も生きていけないわけです。ですが、せっかく手に職があって、他の人では作れないものを作れるぼくらは、ウェブの技術でなにか社会に役に立つものを作ってもいいんじゃない？ともおもったりします。
ウェブサイトは、ひとりでも作れちゃいますよね。
今日は、そんなひとりとか少人数で作れちゃうものにも、沢山の人を救う力があるかもしれない…そう思えるウェブサイトの御紹介です。

STUDIO E-SPACE INC.

最近ツイッターはじめてみたヤンプーですこんにちは。

都内でクリエイティブ向けの書籍やウェブ・コンテンツ制作を行っているスタジオさんのサイトです。こちらのサイト、イラストを軸にレイアウトされています。なんだか新鮮に感じます。それは、周りのウェブサイトと違う部分が多いからナのではないでしょうか？オリジナリティーが高いレイアウトですよね。斬新だからといって情報の詳細にたどり着きにくいわけじゃありません。これはわかりやすくてあたらしいですよね（'u'）

最近は一般的なウェブのデザインっていうと、すっきり白ベース、ボタンはひと塊に並べ光沢エフェクトを入れる…というようなビジュアルが多くなってきました。いわゆるウェブ2.0的デザインというんでしょうか。無機質ですっきりしててカッコイイ。そんなサイトが今も毎日どこかでリリースされています。
「世に出てくるサイトのデザインがみんな似てきてしまっているんじゃないか」という声もちらほら聞くようになりました。業界的に作り方のセオリーが確立してきたからかもしれません。
SEOに適したコーディングやBLOG・CMSのテンプレートなどが主流になったことで、「レイアウト・デザイン部分」と、「内容テキスト部分」のワークフローが分かれてないといけないことが多く、「分けて作りやすい方法」が模索されてきたことで、すっきり！みやすい！構造的！な形が主流になったのかなーと個人的にはおもったりおもわなかったり…（'u'）

デザインする立場としては、ページ構成のナビゲーションやページ内のレイアウトなどをよりわかりやすくするにはどうしたらいいかなーと日々考えてサイト制作しています。ですが、より沢山のユーザーに使いやすいものというのは、やはり「慣れ」になるでしょう。
自動販売機のボタン部分のインターフェイスがどの会社でも同じように、説明が入らないわかりやすいインターフェイスというのは、やはり「一般的なもの」を作るのが安全パイです。

「一般的」からはずれても、わかりやすい。

それができているこのサイトはすばらしいとおもいます。

実況ジェネレーター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の絞込みを両立したインターフェイスってデザインするのが難しいですね。うちで検索案件があったときには、色々考えてみようと思います。

社内ナレッジ共有のためのブログだったCANDO CORPORATION KNOW LEDGE BLOGのブックマークコンテンツを公開することになりました。今後も毎営業日更新でちょこちょこ更新していきます。サイトの企画やキャンペーンコンテンツの企画などで参考になるよう、面白い手法や新しいアイデアが詰まっているサイトなどを紹介しまとめていきます。ブログの機能やデザインも今後、追加やリニューアルをしていく予定です。MovableTypeとFLASHとの連携などの実験としても活用していく予定です。
今まで社内用のコンテンツを見られていた方、今後見ていただける方、今後ともよろしくお願いいたします（'u'）

MAKIBISHI COMIC マキビシコミック

いろんな場所をクリックすることでストーリーが進んでいくアドベンチャー系のウェブゲーム。ウォーリーを探せにRPGの要素をいれたかんじです。制作会社のサイトの1コンテンツでイラスト、BGM、SEもきれいにまとまっていてかなりの完成度です。クリックするだけじゃなく、アイテムをドラッグするなどのひねり要素もあり、展開も面白い。最終的にクリアするとクリアタイムのランキングベスト100の結果がみれます。一通りプレイすることで、メカシノビたちの生まれる過程や生活、故障して死んでいくまでの、シュールでポップなマキビシコミックの世界を知ることができます。

Munetaka Tokuyama Photographer

ほんとシンプルですね。必要なものだけしかないサイトです。スライドショーの仕組みがきれいに動いているフォトグラファーのポートフォリオサイト。アメリカのファッションフォトグラファーの登竜門らしいSurface Magazine's Avant Guardian Isuueに選出されたすごい人のようです。FICCさんと深いつながりなのか、右下にリンクが…。
サムネイルリストをずらしていくボタンなんかクリックプレスし続けるたり連打したりしても機能していて、感覚的に使いやすいよう細かいところも考慮してあります。サムネイルの機能、フェードのバランスなど、シンプルですがとてもきれいなフラッシュ機能美なハイクオリティーサイトです。

12design

面白いものを作れる会社というイメージを打ち出していく自社サイトなら、このくらいやったほうが技術的にもアピールできますよね。実績のサムネイルには「ぼやけたもの」と「パズル化されたもの」の２パターンの表示方法があるようです。注目したいのはパズルの方（'u'）サムネイルで遊べます。パズル完成させないと詳細を見ることができません…。お急ぎ・せっかちの方はぼかしモードの方でみると普通に見れます。2、3個いっきにずらしたりできてパズルの機能の作り込みもきれい。

ボランティアデザイン運動、日本デザインコミッティーってののサイトです。
SEO以外の面で言えば、１ページ1枚のフラッシュでページを構成したらhtmlとcssでの操作感よりもスムーズに作れる可能性があります。HOME TVと同じように、縦に長いフラッシュを配置することでhtmlのスクロールを活かす手法がとられています。これのほうがかなりスムーズ。

ドースルオナカ。 -おなか引き締める体操、まだ続いていますか？-

はいて歩けばおなかが引き締まるというwacoalのおなかウォーカーのレポートサイト。
「ほんとに引き締まるの？」「どのくらい使えばいいの？」という購入前のユーザーにみてもらって購買意欲をそそるツボを刺激している上手な手法が取り入れられています。

Kongregate Play Anika's Odyssey

気になるポイントをクリックしていくだけで、物語が進んでいくゲームです。学生作品かなにかでしょうか。謎解きのバランスがじょうずです。

日本郵政グループ｜一年目の決意。

日本郵政グループのリクナビへの誘導に仕掛けてあるサイト。
現在２種類のコンテンツが公開されています。
まずは、日本郵政グループで働くとはというコンテンツ。メッセージをまとめて分割して、数カットに分けてイラストと混ぜて上手に見せています。カットの切り替わりがスムーズです。こういうギミックは必要なさそうで、じつはけっこう印象に残るもの。企業のイメージに影響するスパイスだと思います。

Napkin Notebook

ナプキン生地のメモノートのプロモーションサイト。SKECHコンテンツで実際の商品にバーチャルメモを描いて遊べます。フラッシュコンテンツでよくメモや落書きができる機能が付いているものがありますが、リアルに「体感」に結びつくほどマッチした実例はめずらしいですよね。使いどころが上手ですね。

Know your World

地名を見て地図上にフラグを刺していく、英語が読めて、世界の地名に詳しい人が有利なゲームです。フラグを刺すと、刺した位置と答えが何km離れているかが結果として表示されます。アタリかハズレかどちらかではなく、近いほど高得点になります。
世界は丸いので、判定も右端と左端がループしていて細かい作りになっているなと思います。

KASHIWA SATO

佐藤可士和さんのサイト。
こんなんだったんですね。
thaさんの実績に載っていました。
文字の出方…ぽいですね。
このサイト、実績紹介が表紙になっています。
実績のサムネイルから色の統計を自動で（たぶん）抽出してアイコンにしています。
アイコンというかカラーチャートみたいなかんじ。
画像とテキストをアップするだけで間単に更新できて楽なのに
面白い表現で表示されるので更新する人は楽しいだろうなと思います。
自動化しているぶん、表示までにいろいろ生成いないといけないようで
ロードに時間が掛かってしまっているのが難点。

Napkin Notebook

フラッシュではないですが、面白いプログラム。
マウスでラクガキ。丸や四角や線がかけます。
描き終わると重力や衝突判定などの物理計算がはじまります。
公開されているファイルはここまでですが、YouTubeのデモをみると、
階段や曲がった線なんかも生み出せるようになっていたり
こすったらDELETEになるみたいです。
いびつな形の衝突判定ができているがすごいです。
ラクガキ済みの物体の中に丸を描くと回転軸になったりして、
車を作ったり振り子を作ったりもできるでるようです。

タッチスクリーンでやるとさらに面白そう。
YouTubeのデモ版の公開が待ち遠しいです。かなり気になります。

Flash Physics Engine Box2DFlashAS3 1.4.2

バウンドやドラッグ、衝突、振り子やキャタピラの物理計算のFlash ActionScript3.0のオープンソースがあるようです。その精密さはサンプルでチェケラしてください。すごいとわかる注目点は、もの同士の衝突。角ばったものの衝突判定エリアもかっちりリアルです。さらに、ドラッグしたときの操作感について注目すると、ほおり投げたときの加速や、つかんだポイントの重心から、ほおり投げた時にひねりもリアルに計算されています。

UNIQLO_GRID

UNIQLOのロゴを覚えてもらうたのコンテンツでしょうか？
遊び要素しかないコンテンツです。
接続されているユーザー全員の操作が反映しているようです。
50人制限のFlash Media Serverを使っているようです。

GYRE

フラッシュはごちゃごちゃした沢山のオブジェクトの表示に弱かったのですが、画面をビットマップ化しては書き足していく、この手法はサクサク描画できます。
最近のフラッシュは、絵が増えていくものも得意分野になったわけですね。
あとは使い方ですが、上手な表現です。
見習いたい要素たっぷりです。

TOTO：トイレ・ユニットバス・システムキッチン・洗面所・リフォーム・増改築

TOTOといえば水周りのものを作っている会社ですね。
そのイメージをサイトのメインビジュアルでインタラクティブに表現しています。商品画像が横にスクロールし、その前面にマウスに反応する水面のエフェクトをおいています。マウスの反応の仕方がスムーズ。すごくきれいです。

±0 kashitsuki.jp

±0ブランドの加湿器のデザインコンセプトから使い方までを紹介するコンテンツ。
ナレーションと映像で構成されてます。ナレーションの質・映像の例え方すごいわかりやすいし清潔感あるし魅力的です。
映像・ナレ・テロップ・BGM全てがわかりやすさと商品の上質さを表現できている映像コンテンツのお手本的ウェブサイトなきがします。見てるとほしくなるので危険です（'u'）

ITmedia +D LifeStyle：EXIF（2）――JPEG画像を引き立たせる「EXIF」

Sony Cyber-shot GPS-CS1K[GPSユニットキット]
EXIFとは、ファイルにくっついてくる、撮影機種や露出などの情報のこと。このアイテムがあると、サイバーショットで撮影した瞬間に、緯度経度の値がEXIFに自動で書き込まれます。それにより、撮影した場所をデータとして残すことができるわけです。
これを使ったら、撮影するだけで、マップ内に記事を、かなりオートにエントリーするサービスなどが作れそうですね。

京都造形芸術大学 TOP KUAD-TV

京都造形芸術大学のフルフラッシュのコンテンツ。3Dインターフェイスで表現されています。オープニングのビンタムービーがすごいインパクト。でも１度しか見れません。何度も見たい人は、右クリック→設定→フォルダのアイコン→ローカル記憶領域の設定を一番左にして「なし」にしましょう。保存されていたデータが消えて、一度きたことがとあるというデータがなくなり、毎回初めてきたことになります。
3Dコンテンツ部分もホイールやドラッグで操作できるので新鮮で使いやすい操作感です。

株式会社ココノヱ coconoe inc.

岡山にある制作会社。制作実績を見てもわかるようにかなりデザインディティールのクオリティーが高い会社です。システム・デザイン・イラスト・フラッシュ・コーディングと社内のリソースがバランスよくそろっているなーという印象。最近サイトをリニューアルしたようで、めちゃ縦長のフラッシュとhtmlスクロール、シュールなイラスト。バスキュールとリスペクトしてそうな第一印象です。

schematic

フルフラッシュサイト。
注目点
・フラッシュ内アンカー
・すべてのコンテンツが並列
SEO以外ではいいことずくめな表現なきがします。

メリットデメリット

ジャンルにとらわれず、ユーザー目線で商品やものごとの比較がおこなわれるサイト。
意見の塊です。コトノハと似てるコンテンツですね。

ABC LAND

ペーパーマリオの世界観をモチーフにしてそうな、ペラペラでメルヘンなサイト。
イメージがわきませんが、不動産のサイトです。実際、スタッフは女の子しかいない変った不動産みたいで、サイトでも、タレント事務所のようなスタッフ紹介の手法で作られています。
フルフラッシュで飛んだりはねたり走ったり建物の上に上ったりできる小人をマウスで操作。あちこちスタッフがいて会話もできます。会話の内容は一方的。スタッフの個人ブログの最新記事をしゃべります。
タレント事務所のように、スタッフの個性をかなり表に出したウェブの展開になっています。

建物の屋根や葉のふさふさした部分、雲などを足場に上っていくと、雲の上に建つ城があります。いろいろ探索できるゲーム的ツボも万歳のサイトですし、参考になるポイント万歳です。

Ｊストリーム - スペシャルサイト 「もっと素敵な伝え方を。」

グリーティングメールのサイト。
モチーフはパントマイム。メッセージをデコレーションして相手に伝えやすくしてくれるのがグリーティングメールの一般的なメリットですよね。なので声がでるグリーティングカードっては、今のところみかたことがありません（前回紹介したの読み上げ機能をつかえばかのうですが）
そこでパントマイム。
パントマイムをモチーフにグリーティングメールサービスをやれば、声が出せないのは当たり前。メッセージを入力したら、テロップがでます。パントマイムの動きを入力すると、ピエロがパントマイムします。それと、効果音、BGMなども入力して作れます。
メッセージ入力後のインターフェイスが優れていて、ドラッグでパントマイム・効果音・BGMが配置でき、さらに位置を変更できます。トラックに当てはめていく方法で選んだパントマイムの長さとか、ひと目でわかってわかりやすい表現です。
あと、大切にしたいことというコンテンツがあるんですが、サービスへの思いをテキストだけで伝える、ボリューム的には小さいコンテンツですが、音と動きでうまくみせれています。読みたくなる味つげが上手。

IKEA Dream Kitchen

シームレス映像のウェブ配信の元祖IKEA。今まで通り「生活の瞬間」の中を通り過ぎたり戻ったりできる表現がなされていて、さらにボリュームが大幅アップしています。やっぱりこういう表現は、皿の中身をこぼした瞬間や、ブランコに揺られる瞬間、フリスビーや鳥が飛んでいる瞬間の時間が止まっている空間を動きながら見れるへんがおもしろいわけです。さらに今回は、方向が２通り選べて今まで死角になっていたカメラの裏側もみれちゃいます。この動きのコンテンツ、とりあえず色々見て見たくなっちゃいますけど、ほんとの目的は、登場するインテリアなどの商品に、ユーザーの購買意欲をどんだけくすぐられれているか…その辺の効果が上がってるものかどうかきになりますね。

PS3のWii対抗の切り札はVR-3Dコントローラ？ Gizmodo Japan（ギズモード・ジャパン）

大志君の家でみんなでゴルフやテニスをしたコンシューマゲーム機のNintendo Wii。ちまたでもまだまだはやってるようです。
今、海外では手のひらの傾き、指ひとつずつ関節の動きを認識するグローブ型のコントローラーが開発されているようです。このまま普及していけばWiiでブラウジングする人も増えるでしょう。ゲーム機のコンテンツ制作にウェブの技術を用いるのが一般的になる日も近いかもしれません。そうなると、Wiiの最先端のコントローラデバイスとウェブの仕事が絡む可能性もでてきますね。今後が楽しみです。

REC YOU.

SONY WALKMANのプラグイン的ダウンロードサービス。自分の顔をウェブに投稿。投稿は静止画なのに勝手に自分の写真が動き出す。ブログシールなどの展開いがいにWALKMAN自体のアプリケーションとしてもダウンロード可能という斬新な企画。
WALKMAN持って、歩いて曲聴きながら、ふと画面を見ると、流れている曲にあわせてノリノリで歌っている自分が映ったりするわけですね。
赤ちゃんを投稿している人も多いみたいです。自分の子供が歌いだしすってのもかなり面白いすよね。

今年頭に紹介したROXIKの技術と一緒に見えます。同じ人が作ってるかも。

テキストを送信するとmp3をサーバに作成しつつURLを返してくれるAPIがあったので、ブログのエントリーの文書を読み上げてくれる機能をフラッシュで作ってみました。
エントリー右上のふきだしアイコンをクリックすると、無機質な声の人が記事を読み上げ始めます。
情報提供：アフロッグ
API：api.satoru.net

歌え！ルーツ飲んでゴー！

入力した文書が音声とテロップになってＣＭのワンカットになる。
自分で作詞してCMを作れるサイト。

濁りのあるお茶「あやたか」のプロモーションサイト。
濁りの良さの解説や、CM、ユーザーの声などのコンテンツがあります。
フルフラッシュなんですが、コンテンツの移動があるたびにURLが変化します。
#がついているので、フラッシュ内アンカーです。
キラーコンテンツがフラッシュ内の一部にある場合などでは、かなり有効な手法。
コンテンツ直飛びのURLをメールやメッセで、送ることができます。
コンテンツの読み込み開始のとき、きれいな画像を読み込むため長いロード時間が発生します。読み込み前から荒く軽い画像を代替画像として用意しておくことでよりスムーズな流れになってます。細やか！
口コミで普及させる注目コンテンツはこれ。

家紋ジェネレーターコンテンツ。
自分の名前と生年月日を入れると自分の家紋がでてきます。
柳谷：栗
大志君：サボテン
でした。
自分の家紋ができると、占い的解説文がみれて、スクリーンセーバーがダウンロードできます。シンプルなので使いやすいとおもいます。家紋が真ん中にあるだけのがほしいくらい。

クオリティーも高く、占い要素もあります。
人に教えたくなるコンテンツからの誘引を促進するために、こまやかな配慮がされてる勉強になるサイトです。

「ジャンプスクエア」を検索されたみなさまに

マンガ雑誌月間ジャンプが6月に休刊し、11月から新しく創刊されるジャンプスクエアという雑誌のウェブサイト。最近よくCMからの誘導のために使う「詳しくはウェブで」の手法をアレンジした裏技を使っています。
CMで「ジャンプスクエアと検索しないで！」と告知。
検索されると何かまずいことがあるのか？と思ったり、
お、新しい誘引手法だ、ひねってあるなと思ったりして、
逆に心理的に気になってしまう、誘導のすばらしいアイデアだと思います。
アイデアはそこで終わりではありません。
ジャンプスクエアでぐぐると"「ジャンプスクエア」を検索されたみなさまに"というページを用意…というかそれがトップページになっています。検索された人達へのメッセージと検索ボタンがあります。検索ボタンアは実はただのエンターボタン。下階層に入ると見慣れたレイアウト…グーグルの検索結果のレイアウトで表現されています。キャッシュ - 関連ページとかの表現。一本筋を通してデザインを殺したまとまったサイトです。
"もしかすると：～"の表現なんか結構ツボ。

ユーザーの誘導が斬新納得な手法です。
CM→検索エンジン→サイトトップ→コンテンツ全般→深く認知…発売日

あとの注目コンテンツ
・発売日までのカウンターブログパーツ
・月間ジャンプからの引継ぎ数作品を1話丸ごと見れるウェブブック
・創刊号に掲載される数作品の内容の冒頭がケイタイでみれるコンテンツ

mokuva

制作会社か、デザイナーイラストレーターのユニットなのかちょっとわかりませんが、チームのスタッフ名と肩書きだけを紹介しているコンテンツボリュームのすごく小さいウェブサイトです。ですが、かなりのインパクト。一人ひとりの紹介ページをクリックで割って進んでいくエフェクトがかっこいいです。処理重ですが…。ビットマップキャッシュしたら軽くなりそうな作りではあるので、こういう表現も何かで使えるかもしれませんね。

クリッピン・ジャム - クリエーターのこだわりをクリップするウェブマガジン - Clippin JAM

情熱大陸、NHKプロフェッショナルなど、今輝いている人にスポットを当てて紹介する番組がありますが、まさにそんな感じ。ウェブで展開するNHKプロフェッショナルみたいなサイトです。jam-associatesという関西のクリエイティブの会社が運営。取材対象は、アーティストやクリエイター、職人やデザイナー、フォグラファーや浮世絵師やイラストレーターなど。若手ではなく、熟練された職人達を３ページほどにまとめています。

インタビュー形式に近い文章の書き方ですが、名前：……という描き方ではなく、取材されている人の声に「」をつけ、取材側の思いと織り交ぜた構成で表現されてます。ウェブならではの表現方法なんじゃないかななと関心。ウェブの場合、フロートした写真と組み合わせて文章を流し込んでいくので、雑誌と違い、改行するタイミングがかなり早くなりよみにくくなります。この問題をデザインで解消するのではなく、コピーで解消しているのではないでしょうか。

サイトの取材などの出来事をつづったメイキングブログもあります。

ホームページ制作無料 高級ホームページ制作 neosystem ネオシステム

ホームページがただでつくれる。
そんなサービスがあるみたいです。

なんていうかびっくりですね。
ビックリマンのシールみたい。
ほしいモノがおまけでついてくる感覚に近いような…。
サーバーの契約におまけでデザインとコーディングがついてくるみたいです。
システム・サーバー管理からウェブに業種を拡大した会社なのではないかとおもいます。価格帯の希望ターゲットがはっきりしてそうで良いビジネスプランなのかもしれません。うちの場合は、企画デザインからの参入なのでこういう発想には発展しませんねー。
ただということはデザイン費も均一0円、デザインやギミックに掛かる部分やコーディングの正確さ、使用する写真なんかのクオリティーと、価格は比例しませんから、デザイン部署でウェブ制作している人のモチベーションをどう維持しているのかちょっときになります。今後デザイン部署の成長に合わせてサービスも変化していくのかもしれませんねー。

ConceptShare Web-Based Idea and Design Sharing and Collaboration

校正でつかえるウェブツール。
ブレストや企画を練るときに相手にイメージをちゃんと伝えるのにもよさそうです。リアルタイムで反映されるものかどうかは微妙ですがこういうツールがあったら仕事の効率を上げれそう…。リアルタイムでのやり取りができるのであれば、メッセンジャーでやりとりするよりもさらに細かくスピーディーにやり取りができる可能性を秘めたジャンルのツールだなと思います。

飲み物が熱すぎると色で教えてくれる『Smart LID Systems』 100SHIKI.COM

こんなのあるんですね。
熱で色が変わる素材。

【MAZDA】プレマシー

MAZDA PREMACY全員集GO!!!!!!!のキャッチをだしつつ、メタリックな家族が空とんでPREMASYに突っ込んでくCMと連動したウェブ。各コンテンツを選択するごとにこのCM特有の「！」文字がいろいろな動きをします。文字が両側スライドドアを通り抜けたりしてます。下部には、ちゃっかり写真投稿のキャンペーンが。
DEMIOでもありましたが、ケータイからの写真投稿を企画すると、うちの場合、ノイアンドコンピューティングさんとかに頼むことになりそうですが、いまのところ大規模キャンペーンでないと金額が合いそうにないかんじです。意図と企画と規模にマッチしたらぜひやって見たいギミックですねー。

日本郵政

10月も半ばすぎちゃいましたね。
10/1から郵便局が民営化したわけですが、ウェブサイトはどうなったんだろう…と思ってみてみたところ、いまどきのきれいなビジュアルに統一されたサイトになってました。沢山の人が利用している日本最大規模の会社なわけで、今の時代のデザイン基準のサンプルにもなりそうなわけですし、ディティールのデザインとしてもかなり参考になるなとおもいます。
個人的には、「文字の大きさを変更するには」が仕組みで動くのかと思ったら、ブラウザの操作が丁寧に解説したるページにリンクされているだけなのがちょっと目からうろこ的ショックでした。わざわざ島根県商工会連合会のように文字サイズ変更のギミックを作らなくても、世の中アリなのかと（ﾟ回ﾟ）ｿｯｶ

民営化を機にどういうイメージを打ち出していくのか、いわゆるブランディングの転機で、どんなウェブコンテンツを作っていくんだろうときになるところ。こんなコンテンツが登場してました。

あなたの近くにある会社

ロゴから赤の1色の色エンピツが登場して、ラクガキ的動きで、郵便局のサービスでの人のつながりを表現しているようなコンテンツになってます。人と人との繋がりのなかで関わるストーリーに関連する「雷門」などのモチーフのラクガキをクリックすると郵便局関連のページにリンクされています。そのボリュームの大きさは、さすが郵便局だけあって、大量に作り込んであります。
色エンピツでしだいに描かれていくのですが、全て描かれるまでに９分以上かかっています。みているだけでも、まー楽しいコンテンツのできですが…このボリュームや見せ方は、今までに無いかんじだなと、関心です。一店舗ごとに詳細ページもあり、マップとかもあったりするわけで…郵便局ウェブサイトの総ページ数どんだけなのかわかりませんけど、すごいがっぽりな仕事だったろうとおもいます。
こんな仕事に関われても楽しそうではありますね（'u'）

クリエーターズマーケット-東海地区最大の「つくるひと」の祭典-

年に一度名古屋で開催される、プロアマ問わず書家、イラストレーター、ファッション、インテリア、クラフト、ビジュアルデザインなど作る人が集う展示イベントのサイトです。
・出展までの流れがわかりやすい
・開催日までのカウントダウンついててわくわくしそう
・メインビジュアルがは、出展者の作品をトリミングしたものがスライドショーで流れる
・アナログ感、手作り感がイメージできる差ウイとベースデザイン
・インタビュー形式で読ませるいろんな出展者の紹介コンテンツ
・ユーザーのブログを登録することで、トップページからリンクされる

Peter Callesen

ご覧の通り紙で作ったアート。立体のものがほとんど。ペラペラの紙から切り出したシルエットで立体を組み立てていってます。りんごの皮をつなげて剥いたときのような清々しい作品達です。

デザイナーズポータル エキサイト

エキサイトのポータルを面白くするアイデアを公募したアワード。
有名どころのクリエイターさんが優秀賞とってるみたいです。
記事のテキスト、サムネイル、TBやカテゴリなどをフラッシュに読み込んでまとめています。
ブラウザのHOMEがこういうインターフェイスだとたのしいかもしれませんね。

MilleVoce(ミッレヴォーチェ) ：： ～今よりちょっとだけここちいい明日へ～

エコで健康な生活の提案をビジュアル重視・雰囲気重視で読んでもらうコンテンツ。
コスメ販売・プロモーション・ライフスタイルの提案の事業を行っている会社のオフィシャルサイトなんだと思いますが、結構大胆ですね。
green・water・body・foodの4つのカテゴリがありそれぞれのモチーフ葉っぱや水滴がきれい。さらにぼかしをつかって遠近感により臨場感を持たせていて細かいところまで作り込まれている感じです。
別ドメインで運営しているライフスタイル情報サイトNatulifeもきれいにまとまっているサイトです。

gift by nssgraphica

アーティストやデザイナーが作ったオリジナルのTシャツやピンバッジを販売するショッピングサイト。
Tシャツのデザインかっこいいのがたくさんあります。
世間でウェブのスキル水準がどんどん上がってくるとこういうプロジェクトお運営するサイトもしっかりしたカートがついたりしてくるんですね。
全体的につぼだけ押さえてシンプルにきれいにつくたれたショッピングサイトです。

購入までの流れとかわかりやすいです。

株式会社青木松風庵

商品をゆーざーに気に入ってもらうためのデザイン構成がけっこう上手にできていて参考になる和・洋菓子のショッピングサイトです。システムとデザインと導線のプランニングのバランスが取れた制作会社ですね。商品開発のムービーの撮影クオリティーも本格的。商品の末端ページと商品開発のページに横の繋がりがないのが導線的にもったいない。

高性能なオンラインショップ構築システムが低価格で大阪に登場「FLEDEX.pro」

デザインとシステム制作を両立しているメリットを活かし、サーバーインストール型のショッピングサイトを制作ツールのパッケージを作った会社のサービスサイト。
サービスの売り込み方も上手で勉強になります。お問い合わせのフォームの作りなんかとてもわかりやすいです。その他ページもお問い合わせへの導線バナーもバランスよくおいてあります。ユーザーの信頼感を勝ち取れるサイトだなとおもいます。

ホームページ制作のプラルトweb

長野にあるウェブ・ＤTPの企画・製作会社のサイト。
主なコンテンツはウェブの実績コンテンツ。ユーザにわかりやすく見せるポイントをつかんでいるレイアウトと導線できれいに作られていて参考になるサイトだとおもいます。

【MAZDA】MPV Second Seat Story

MAZDA　MPVの後部差席についてのショートムービーコンテンツ。ムービーを3見せるだけのコンテンツですが、映像の作り込み、選択画面の背景イラストの作り込みなんかをみてみると上手に作ってあるナーと思います。ブロードバンドナローバンドをユーザーに選択してもらいつつすんなり見れる部分のきれいに流れが組んであって上手。

Art Decor - Pentru clipe de neuitat

野外イベント・フェスティバル・ウエディングなどのトータルコーディネートの会社�