トップ >> 2008/04

釣道具オリジナルのムービーアーカイブサイト

■■Bookmark■flash■■ヤンプー

SHIMANO Promotion DVD SHIMANO TV

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

ドラッグしてスライドさせるナビゲーション

■■Bookmark■flash■■ヤンプー

GO FOR IT !

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

リッチ系リクルートサイト

■■Bookmark■flash■■ヤンプー

Delphys RECRUIT 2009

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


社員さんからの声。


イラストで説明する仕事の流れ。


フルスクリーンモードのアイコンもおしゃれ。

マトリックスの撮影を体験できるイベントキャンペーンをウェブで公開

■■Bookmark■flash■■ヤンプー

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

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



ものが空中に浮いて静止している映像なので飛んだり投げたりしてると面白いのが撮れそうですよね。


ぐらぐらしてたり、チカチカしてるので、思ったより撮影機材の精度はよくなかったのでしょうか。

かわいいバイトミニゲームブログパーツ

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

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


ブログのタイトルがルパン風に出るブログパーツ

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

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

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


毎回でページを開くたびになると、うっとおしくなるので、タグは続きにいれときます。
短期間自分のブログに貼りたいと思う人は沢山いそうですよねこれ。短いキャンペーンには最適な企画だなーとおもいます。
こういう全画面表示を自動でやってしまう場合についておもったのは、ページに来たときいつも待たされると、操作性がかなり悪くなってしまうので、1日に1度だけでるとか、59分にアクセスした時だけでるとか、そういう使い方もありかなと、思いました。たまにしか出ないほうがありがたみがあったりして…。

うちの場合フラッシュがかぶっているのでレイヤーがおかしくてちょっと微妙ですね…。

どこまでもSOFTBANK

■■Bookmark■flash■■ヤンプー

HELLO, WORLD! - SoftBank

なんかテレビで見たきがしますが、いまSOFTBANKって一番人気なんですね。高級路線のブランドイメージチェンジに成功したことがわかるキレイなサイトです。
なんかほのぼのしててすごく前向きなデザイン。みんなバラバラにうごいていてるけど、決まったタイミングの時、画面に入る全員でぴったり同時に手を叩きます。フラッシュの制作よりも撮影やレタッチなどの作業に時間とお金がかかっていそうなサイトです。すご素材の作り込みです。インターフェイスとしてはかなりシンプル。
どこまでも続いてますが、後に出てくるものほどattachが奥のレイヤーになる造りなので、depthが0以下になったときremoveできない不具合とか心配ないのかな?とかちょっときになりました。


人にマウスを持っていくと選択。サービスの説明などの画面に。


CMYの3色パネルを持っている人を選択すると、案アンケートが始まります。


わかりやすくて統計の結果が見れて、かなりこっています。


一度答えた物は、もう答えられなくなるようになっています。


選択すると、フィルターがかかりますが、ズームしてみて見えると、こんな感じでした、タイル化した画像を乗っけてるだけなのかもしれません。こういうセンスもかなり参考になります。


物理的性質を活かしたしっかりしたアクションゲームのウェブ版

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

Portal The Flash Version Armor Games

XBoxで日本版がリリースされるミニゲームのウェブ版のようです。
操作はとてもシンプル。ワープホール(?)を産み出す銃のマウス操作と、矢印キーでの移動だけ。シンプルなアクション操作を駆使して、コールを目指すゲームです。シンプルだけどそれもでいろいろ考えると、発見があります。たとえばジャンプしても届かない高いところまで飛びあがりたい時、地面に二つワープホールをつくって、いきおきよく飛び込むと、落下の慣性がそのままジャンプ力になります。ちょっとずつテクニックを発見しないとクリアできないステージなどがあり、ちょっとづつ操作が上手になっていくゲームバランスなんかもかなりいいかんじ。今のところいけたのはステージ30まで。31がどうしたらいいのやら…。一度クリアしたステージから始められるので、一度ブラウザ切っても大丈夫。こういうの好きな人はやり込み甲斐がありそうでおすすめです。

XBOX版の画面。3D空間でパズル的に考えないとクリアできないゲームっぽいです。


ウェブ版は2D。

ピンボール×スチール連写ムービー

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

Get Out And Play

Nokiaのバイラル(?)コンテンツ。
流れとしては、ムービー前半→ピンボール→ムービー後半→商品紹介となっていて、表現のタッチは一貫していてまとまっています。バイラル用に趣味サイトのような雰囲気をだしつつな感じのようです。同じ手法でインベーターゲームやテトリスなんかをやってみても面白そうですね。

歩いてないのに進んでいく。
浮いたままの人。
扉から一瞬で隣の扉に。
実写化したピンボールを作ったら、こうなるんですね。
こういう映像って結構人に教えたくなるだろうという意図でチョイスされた手法なんでしょね。
YouTubeで広がるように意図的にアップしてあるっぽいですが、評価のレートは「5」と公表かですが、閲覧数は1100と少なめでした。長期間でじわじわ広がるとはおもいますが、紹介している商品が新鮮なうちに広まってくれるかどうか、むずかしそうではあります。


ムービーとピンボールゲームを繋げて最後に商品紹介になります。


クリックすると手に持っている商品がぐしゃっと潰れて他の商品にかわります。


ダウンロードページではQuickTime、YiouTube、Nokiaケイタイ用のダウンロードができます。
Nokiaケイタイ用のダウンロードまでのながれがきになってダウンロードしてみたんですが、zip圧縮の3gpをPCでダウンロードするだけみたいです…。じぶんでケータイにいれてねってことでしょうか。なかなかそこまでやる気をだして入れてくれる人はいなさそうな気もしますが、このムービーにファンがつけばアリだと思います。日本の場合QRコードが普及しているので、もっと楽にダウンロードしてもらえそうなので、飲み会のネタになりそうな面白いムービーをケータイで見れると、バイラルのキーコンテンツになりそうなのでちょっと視点を変えると参考になりそうです。

万華鏡グリーティング

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

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

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


みんなが作った万華鏡も閲覧できます。
並べ方もすごくスマートですね。
選択して詳しく見ることもできます。


制作画面。
パーツをドラッグしていくだけで、隣でプレビューできます。
パーツのはしっこを掴んで、ドラッグしていると、慣性がかかり回転します。
細かいところもアナログ感覚で操作できるように気配りされています。
配置できるパーツ量のキャパもひと目でわかるデザインです。


曲を選び。


確認して。


送ります。
送るといってもフォームはなく、閲覧パーマリンクと合言葉をコピペして、メールやメッセを使って自分で送ってもらうという方式。説明がしっかりしているので、フォームがなくても違和感がありません。


ブログパーツとスクリーンセーバーのダウンロード画面。
なんかアプリケーション商品パッケージ風です。
高機能なものなんだろうかというイメージになります。


スクリーンセーバーはこんなかんじ。自分の作ったオリジナル万華鏡がみれちゃいます。
自分の万華鏡を作ってってない人はどんなスクリーンセーバーになるんだろうかちょっときになります。


ブログツール。
こっちは誰かがつくった物の最新(?)の万華鏡が表示されるようになっているっぽいです。

ウェブでタダで遊べる域を超えている長編RPG×DODGE

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

DODGE QUEST

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


ビジュアルはチープですが、ゲームバランスはすごく良くできています。欲を言えば矢印キーで操作できたらもっとつかいやすいなーというかんじです。このゲームはほんとゲーム好き向けだとおもうんで、なれたキー操作が用意されて射ないのは残念…。


モンスターとの戦いもマウス連打で白熱します!
全体的に恋の憧れを通じて主人公の精神的な成長が伺えるいいストーリです。


ひとつのエピソードクリアすると、次ぎは8時間後以降にアクセスしないと、続きのエピソードをプレイできない仕組みになっています。キャンペーンをちょこちょこ長い日数遊んでもらうための手法ですね。楽しんでもらえるクオリティーのゲームであり、ブランドも認知してもらい、男らしいイメージも伝えるという部分を全部伝えられているサイトですね。

テクスチャーストックサイト

■■Bookmark■photograph■■ヤンプー

[CG Textures] - The worlds largest free texture site

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

目からうろこ 使い勝手が楽なナビゲーション

■■Bookmark■flash■■ヤンプー

everyday icons Creative

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

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

キャラクターいじり

■■Bookmark■flash■■ヤンプー

DAKARA サントリー

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

パッケージデザインの訴求

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

カルピス:カルピスソーダ

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


ブログツールのタグを配布しているページに「今すぐはじけたいキミはこちら!」というプレビューページへのリンクが用意されているのが親切。

ブログシールはただCMが流れるだけかとおもいきや、再生が終わったらカルピスソーダがページを尽きぬけてカルピス部員が飛び出す仕組み。インパクトありますね。ここじゃページ内にフラッシュが沢山あって見づらくなっちゃってます…。

タレント・アーティストのTシャツ販売インターフェイス

■■Bookmark■flash■■ヤンプー

bungalow50 JUN 50th Anniversary

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


Tシャツの裏表を切り替えるときにも3D表現が使われています。


パーマリンクページ。
ここからトップに戻るとやっぱりフルフラッシュページにジャンプしました。HTML版が別に用意してありそうなサイトでしたが、このサイトはフルフラッシュページだけを窓口にしてるんですね。

マウス動かすだけなのに楽しい

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

めくり番長 NIGORO

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


ミスをせずに何回連続でめくりつずけれるか挑戦できたり、遊び甲斐があります。
なんだか今日やってみたら読み込みにかなり時間がかかりましたが、たまたまでしょうか。

素材写真検索の新しいインターフェイス

■■Bookmark■flash■photograph■■ヤンプー

EVE

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


サムネイル中は正方トリミング状態、マウスオーバーするとマスクで隠れていた部分が見えて全部見える状態になるというマウスオーバー表現。なんかオシャレですねー。


トーンという設定があって、奇抜な写真かまともな写真かをアンド演算できるようになっています。しかも段階のうち1と5だけ選べたりとかして、この扱いってなんか新しいですね。

ウェブカメラコミュニティー

■■Bookmark■flash■■ヤンプー

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

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

NHKプロフェッショナル 中村勇吾さん

■■Bookmark■flash■■ヤンプー

NHK MOJA-MOGI by Yugo Nakamura

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

NIKE ID

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

NIKEiD JASARI

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

映像の再生ボタンだけがあるブログツール。再生ボタンをマウスオーバーした時のカラフルなエフェクトがスピード感があって面白いです。クリックすると、ダイナミックなエフェクトとともに、アグレッシブなランニングシーンの映像が流れます。映像が終わると別のブログへジャンプするよですが、跳び先のツールが削除されていることが多いのか、エラーが出てしまいます。


HTMLの404のやつみたいなイメージが用意されていて、細かいところまで作りこまれているなーという印象。


映像が再生される瞬間、キレイなラインのエフェクトがでてきますが、そのときページ内にある他のフラッシュを全部停止しているようにみえます。これってどうやってるんだろう…。ブログツールの場合いろんな人が作ったものがごっちゃになって貼られている場合が多く、製作者が違う他のフラッシュを消すってのは、どういう現象なのかきになります。これって普通にできることなんだろうか?