トップ >> 2008/03

ハイスピード撮影素材でオシャレクロック

■■Bookmark■flash■application■■ヤンプー

SCR DROPCLOCK

http://scr.sc/products/dropclock/
ハイスピードカメラで撮影された「数字が水に沈む瞬間」の映像を4桁並べて時計にしたスクリーンセーバーにのようです。意識していない人にはぱっとみ時計に見えないけど、次官を知りたい人には認識できるので、オシャレ空間で垂れ流しとかしててもかっこよいすばらしいツールです。ぼくは今、白に設定して試しに使ってみてます。
最近、ハイスピードカメラ機能付きのデジカメなんかも市販されてますよね。まだテレビに映し出すには画素が足りないなーと思ってましたが、こうやって個別に撮影したものを組み合わせても面白いものができるんだなーと、目からうろこ。もうちょいまったら、メガピクセルなハイスピードカメラ内臓のなにかも市販されだすのかなと、個人的にはちょっと待ち状態なわくわく気分です。

顔ナビ

■■Bookmark■flash■blog tool■■ヤンプー

FUJIFILM FinePix 顔キレイナビタワー

http://www.kaokireinavi-tower.com/
顔画像(友達?)を100人集めるブログツール。集まるとプロモーションしているFinepix F100が当たります。顔検出機能が搭載されていること、F100という名前を認知させる目的だとおもうんですが、うまく盛り込めれられいる企画ですよね。ためしにやってみたところ、自分の顔をアップすると恥ずかしいので、なんか顔ですらないイラストとかアップしてみたんですが…アップするのに顔検出機能があって無理でした。絶対顔写真をアップしないといけないということになります。考えられてますね!
顔をクリックすると、オートでウェブリング内をジャンプしだします。顔ナビが貼ってるブログをランダムで回って行き、自分のアバターが登録ユーザーの顔写真を集めていくという流れのようです。


牛乳普及スゴロク

■■Bookmark■flash■■ヤンプー

Get the Glass!

http://www.gettheglass.com/
キャンペーン大成功事例でよく取り上げられるGot Milkの新しいキャンペーンゲームコンテンツ。ミルクの形をしたお宝を狙う泥棒家族と警察のカーチェイスをスゴロクにしてハラハラするけど、誰でも楽しめるコンテンツに仕上がっています。サイコロをドラッグしてほおり投げるインターフェイスがとても心地よい感じです。ムービーも豊富でゲームとのシーン切り替えもシームレス。昔のプレステのゲームよりもハイクオリティーといっていいグラフィックの質です。
サイコロの動きがリアル。6面と角8面分のビットマップで3Dテクスチャーの処理をしてるのかもしれませんねー。


たまに違った操作感のミニゲームを折り混ぜてるあたりもあきさせないバランスがかなりうまく配慮されているとおもいます。


コマによっては、+-2進んだり戻ったりプチゲームをクリアしたらもう一回サイコロをふれたり。
英語がちゃんと読めないと答えられないので楽しめない部分があって残念…。


ゴールにたどり着くと、ミニゲームでゲットしたコインの数字を金庫のパスワードに入力。


さらに最後に合言葉を予測して答えるとクリアです!
「答え何?」とかきになる人が触れ回ってくれそうでバイラル効果も抜群っぽいですね。
質もセンスもハイクオリティーなスゴロクゲームコンテンツでした('u')

リアルランダムフェイス

■■Bookmark■flash■■ヤンプー

monoface

http://www.mono-1.com/monoface/main.html
スタッフ写真で福笑いコンテンツ。
写真のクオリティが高いのもあって面白いコンテンツです。

むずしいことしてないのにオシャレ

■■Bookmark■flash■■ヤンプー

液晶テレビ BRAVIA 〈ブラビア〉 ソニー

http://www.sony.jp/products/Consumer/bravia/
カラフルなCMでおなじみのSONY-BRAVIAのサイト。超メジャーブランドですがフラッシュ部分の作りがflash5デモ作れそうな勢いの簡単な作りになっています。なのにおしゃれ。「斬新だから」「誰もやったことがないから」とかじゃなくても、インパクトのあるいいサイトは作れるんですねー。

ロールプレイングゲームの広告認知力

■■Bookmark■flash■game■■ヤンプー

カトリーヌの小部屋|エンジョイ!テイジン|「カトリーヌの不思議な冒険」

http://www.teijin.co.jp/catherine/enjoy/enjoy05.html
遅くなってしまいましたー。おつかれさまですヤンプーです。
今日のナレッジはダケジャナイテイジーンのカトリーヌが昔なつかしの8bitファミコン風ロールプレイングゲームとして公開されていた件につて('u')そもそもロールプレイングっていうと、主人公がモンスターと戦って強く成長していったり、町の人の話しをヒントにナゾを解決したりとファンタジーの世界を体感する部分に魅力があるのだとおもいます。
こちらのゲームの場合、目的は「テイジンが色々な分野に関わっている」ということをさりげなくユーザーに認知してもらうため、謎解き要素の中にテイジンが広告として伝えたい内容を含めてしまっています。バランスが難しいところですよねこういうのって。ゲームの魅力がないとプレイしてもらえない。逆に広告要素が強いとプレイしてもらえない…。その辺、こちらは「ゲームを楽しみたい」ので広告内容をじっくり読んでもらえそうなバランスをうまくまとめれていると思います。ゲーム好きなヤンプーとしては、個人的にはもっとゲームよりなバランスでもOKなくらいです。広告要素を含むゲームの企画を立てる際に参考になりそうです('u')

ゲームとニュースを絡めたほど良い落としどころ

■■Bookmark■flash■game■■ヤンプー

タイトー スペースインベーダー30周年公式サイト

ヤンプーですこんばんはー。
今日のナレッジはこれ。
タイトースペースインベーターゲーム。30周年なんですね。
8bitなデザインをポップにしてキャラクターとして押し出していろいろケータイゲームなんかもやっているようです。そんあ「スペースインベーター」の公式(?)サイト。いろいろイベントやグッズなどニュースに取り上げる出来事も多いことからゲーム性のある動きでニュース記事をみてもらう仕組みが考えられています。9999以上クリックしたらなんかあるんでしょうか…。きになる…。


インベーターをぷちっとクリックして倒すとトピックな記事がでます。


インベーターが攻撃してきた!とおもったらなんか草がはえました。
昔の8bitなデザインを上手にブランディングしていて新鮮です。
こういう視点の転換がさくさくできるデザイナーになりたいものです('u')


追記:
エープリルフールにヤフーでこんな大掛かりな広告ギミックしかけていたみたいです。かわいいすね。

写真ビューアーと映像の同期

■■Bookmark■flash■■ヤンプー


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


目線より高い位置の撮影でもプレビュー画面がちゃんと見れる機能などを実演ムービーで紹介しています。映像を紹介しつつ写真ビューアーが円を描くように並べられていて同時に見ることができます。それは映像の中で撮影した瞬間、その写真をビューアーがオートで探し出して表示する仕組みを作りたかったからなんですね。意味あるレイアウトですねー。


同じ機能を使って円状にみてまわるギャラリーコンテンツもあります。ひとつの写真ごとにアウトラインフォントにコメントつき。

転職+応援

■■Bookmark■flash■blog tool■■ヤンプー

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

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


3Dからムービー再生に移る流れもスムーズ。
ランキングや絞込みもできちゃいます。すごい。


投票結果のオートランキングだと思います。


血液型絞込みもできちゃいます。


最終的に誘導したいはずの転職サイトへと繋がっているリンクは右下のロゴだけのようで、このバランスでどのくらい誘導できてるのかきになるところですね。


女の子ごとのブログツールも配布されていて、かなりバイラルねらいがうまくいってそうなサイトです。ブログツールだとおもいきや、YouTubeのソースでした。YouTubeのソースを、そのままサイトで配布しちゃっているのをはじめてみたのでどういうふうな使い方をしているのか探ってみました。ブログに貼ったからムービーからYouTubeに跳ぶと、メインサイトへのリンクがあるのありました。ということは。ブログ→YouTube→誘導サイト→転職サイトという導線の流れになっていますね。うまくYouTubeを活用しちゃってるわけですね。

実用性が高いテクスチャーシミュレーション

■■Bookmark■flash■■ヤンプー

ヒゲチェン

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

きれい

■■Bookmark■■ヤンプー

メガネのナガタ

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

オブジェクト構造のムービー

■■Bookmark■flash■■ヤンプー

Creative License. Take as much as you want.

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


中のコンテンツもデザインツールのプロモーションだけあって体感してもらえるようかなり作りこまれています。PDF体感ではなく、資料ダウンロードになってます。なるほど('u')

DESIGN SHOWCASE

■■Bookmark■flash■■ヤンプー

DESIGN SHOWCASE

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


こちらエンジニアチームMETAPHORさんの提案。データベースの店舗写真を使ったカラフルなドットをちらばめることでカテゴリアイコンを構成するインターフェイスデザイン。ほんとは検索インターフェイスがあった上で機能するものなんでしょうが、結果表示部分だけの康買いになってるっぽいです。アート的な魅力があります('u')


こちらは鎌田貴史さんの提案。
価格と平均カロリー摂取量を上限下限のタブで絞り込みできるインターフェイスがついています。

比較ボックスと言う名のブックマークが使いやすいかんじです('u')
こういうおためしインターフェイス企画って、エキサイトとかでもしてましたよね。大手が今後のウェブの動向をみるための良い機会なんでしょうね。モーターショーみたいなもんでしょうか。

ドラッグナビゲーション

■■Bookmark■javascript■css■■ヤンプー

GlassBox

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

占い要素 + ウェブリングブログツール

■■Bookmark■flash■blog tool■■ヤンプー

ライラの冒険 黄金の羅針盤|パソコンテレビGyaO[ギャオ]

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


まずユーザーの自分のダイモンを探すことができる「動物占い」的コンテンツが用意してあり、自分のダイモンのブログツールを選んでブログに貼ることができます。
さらに、自分と同じダイモンが貼ってあるブログにランダムでジャンプするようです。トップのメインビジュアルではウェブリング機能をわかりやすくアニメーションにできてます。


同じブログツールを貼っていて、同じ占い結果だった人限定のウェブリングにもなってるわけですね。


何度かウェブリングでジャンプを繰り返すと、映画のプロモーションページを通過します。
たしかにウェブリングの3、4ジャンプ目ってのはちょうど良いPRスポットなきがします。
いやみなくさりげなくPRできてますね。



早速ここでブログしツール貼って見ました。
僕の場合白イタチが良かったんですが、ミサゴという鳥でした。
やさしさ強さ…占い的にはハズレてるような…('u')
IEで表示されないみたいです。なんか残念。

アバター的ブログツール

■■Bookmark■flash■blog tool■■ヤンプー

Hotpepper Beauty Blog Parts

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

リカちゃん人形とのコラボで、髪形や背景・エフェクト・コメントなどをカスタマイズできるブログパーツが配布されています。インターフェイスもシンプル、提供ソースの組み立ての仕組みもシンプル。簡単に作れるけどうまくまとまっている企画ですねー。ややこしくしなくても面白いもの、便利なものって作れちゃうんだよねってあらためて思いました。勉強になります('u')

こんなのつくってみました。
蝶々とこの結晶のエフェクトがきれいです。

フルフラッシュ内ページジャンプが3D

■■Bookmark■flash■■ヤンプー

Kanebo ALLIE カネボウ アリィー

徹夜明けのヤンプーですおはようございます。
今日のナレッジはカネボーのUVカット商品アリィーのプロモーションコンテンツ。シンプルなサイトだなーとおもいきや、ご覧の通り、フラッシュ内でページ(?)を移動する際にシームレスに3Dで「ぐるっシュッ」って移り変わります。


商品同様最新技術感がでてますよね。画面をビットマップ化して四隅を透視投影してゆがませる(?)この手法は最近じゃけっこう一般的に出回ってきていますし、いろんな使い方ができてかなり表現が広がる手法なので、早めに覚えなければ…。勉強!勉強!

IKEAこんどはハイスピードカメラ

■■Bookmark■flash■■ヤンプー

The Complete Bedroom

引越しして1ヶ月立ちますがまだまだ片付かないヤンプーですおはようございます。
4/14に神戸のIKEAがオープンしますねー。広島からドライブ圏内についにIKEAが…('u')
映像データを回転軸パラメータにしてインタラクティブ化したIKEA同じ手法のシリーズ化第3段(?)です。昔から継続されているテーマは、IKEAのインテリアで生活する家庭的ワンシーンを、アート的インタラクティブ表現でみせるという部分でしょう。そして今回はハイスピードカメラ。


旦那さんにモーフを掛けてもらう女医さんのオフシーン。


スーパーマーケットのレジ仕事をハイテンポに繋げたイントロ。


ふわふわのベットに飛び込むレジのパートさん。

騒がしく仕事をこなすシーンをハイテンポに繋げたイントロがコンパクトに流れた後、一転して帰宅して癒される日常の人コマをハイスピードカメラで何倍にも引き伸ばしたワンシーンとしてみせています。かなり共感がえられそうな手法ですね。

ADOBEからウェブ制作に携わる人向けのコンテンツがなんか立ち上がるっぽいです

■■Bookmark■flash■■ヤンプー

Adobe - EDGE Now!

ヤンプーですおはようございます。
なんでしょうか。
ADOBEからウェブ制作者向けのなんかのコンテンツが立ち上がるみたいです。
導入ムービーとユーザー仮登録だけできるみたいです。


何か含めんが取り出されました…???


プレゼン中。


必勝祈願中。


プレゼンにか勝ち残ってなにか制作中…。

まだ公開されていないようです。


どんなコンテンツなのか良くわからない状態なのに、なんだかきになるので、登録してしまいました…。。ウェブ・フラッシュ・覆面って揃うとUNIQLOCKなどのクリエイター+39さんを連想ちゃいますが。関係あるんでしょうか?一番下のリンクから登録済みのサイトがランダムでジャンプする仕組みが入ってるので、たまにここに跳ぶかも知れませんよ。3/25オープン。オープン後またナレッジします('u')

The Golden EGGS×美禅

■■Bookmark■flash■■ヤンプー

91TV - クノイチTV

こんばんはヤンプーです。
今日は美禅のプロモーションコンテンツのナレッジ!みなさんThe Golden EGGSのセンスって好きですか?ぼくはすごい好きです。でもDVD買ってもどういうときにみようか悩むジャンルですよね。軽いかんじでみたいのにおもしろくて集中してしまいそうで…。家で作業しながら流しといたりはできなさそう…。そんな魅力的な映像を産み出すクリエイターさんの最新作は、コスメのプロモーションの仕事みたいです。


The Golden EGGSのノリそのままでYouTubeをうまく混ぜ込んだバイラルの仕組みを含んだサイトがありました。CMの世界観にもっと深く入り込めるウェブ配信のストーリーがチョコチョコ公開されていくようで、今のところ2話公開されています。


江戸時代の城下町風なトップページで、行き交う人にマウスを持ってくると、ユーザーの一般ブログにリンクされています。トラックバックしたらここにのるんでしょうか?でもトラックバックのURLは公開されていません…。リンクしたページをアクセス解析から解析して掲載してるんでしょうか??リンクページを手動でチェックしてるのかもしれませんねー。