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

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

引き締めるためには推奨6000歩くらい必要らしく、年齢職業のターゲット別4人をモデルの1日に密着し、「どのくらいで達成できるか」や「使ってみた感想」をレポートしています。早送りとスローの編集も上手。テレビ番組の制作をしている会社だと普通に作れちゃいそうですよね。映像制作のスキルがウェブで活かされるようになってきたことがよくわかる案件だと思います。

1日の生活を早送りし、歩数のカウンターを表示して要所要所でインタビューをするという流れがうまくまとまっていて、わかりやすいし共感しやすいつくりだとおもいます。

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のオープンソースがあるようです。その精密さはサンプルでチェケラしてください。すごいとわかる注目点は、もの同士の衝突。角ばったものの衝突判定エリアもかっちりリアルです。さらに、ドラッグしたときの操作感について注目すると、ほおり投げたときの加速や、つかんだポイントの重心から、ほおり投げた時にひねりもリアルに計算されています。

摩擦の多い物質(？)のキャタピラと2輪の車は別々の物体。車部分を思いっきり引っ張ると、ひっこ抜けれます。基本的な物理ルールで動いているのがわかりますよね。

もの同士を繋げて関節にして人の形にしています。Rキーでリセットするたびに障害物の位置が変化して挟まれたり上に立ったりします。

情報提供：大志君

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スクロール、シュールなイラスト。バスキュールとリスペクトしてそうな第一印象です。

キャラクターを操作して階段下りたりしつつ、いろんなコンテンツを観るのかと思ったら、スクロールは自由。キャラクターを動かさなくても全部見れる流れでした。ユーザに優しいですね。かつ面白いもの作れるんですよ。というPRもできています。
センス良すぎ（ﾟ回ﾟ）!
御近所なのでちょっと知り合いたい感じです。

実績をみていてイラストをふんだんに使っているサイトが目に付きます。
社内でイラストを起こせる強みがかなり活かして仕事してる会社ってことですよね。

schematic

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

メリットデメリット

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

ABC LAND

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

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

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

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

IKEA Dream Kitchen

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