トップ >> 2007/08

NEWS×RUSS-K

■■Bookmark■flash■■ヤンプー

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/
このアドレスでアクセスして見ると、ポップアップ前の画面に…。
ポップアップすると隠しページに直行けるようですが、ちょっとわかりにくいですね…。
フルポップアップだとユーザーがお気に入りに入れたりとかを考慮したコンテンツがうまく作れなくなるんだと言うとこがあらめてわかりました。

フネログでついにマダガスカルスクリューをゲット!

■■ヤンプー


フネログ。ぼくのPC上では、自分の船がついにマダガスカル島にたどり着いてマダガスカルスクリューをゲットしました。一番たどり着いてほしいのはニューヨーク。UFOがもらえます。はやくUFOをつれまわせるようになりたいです。

artress

■■Bookmark■flash■■ヤンプー

artless Inc.

デザインユニットnull関連のサイトです。
シンプルでカッコイイ。
メインの球体の色も変化するので色での印象は固定ではないのに、シンプルなのに印象に残ります。
商業デザインもやりつつこういうところで現代アートにもかかわっていってるかんじですね。…null。

FICCデザイナーセルフポートフォリオサイト

■■Bookmark■javascript■■ヤンプー

standardimage graphic and photography

FICC所属デザイナースズキケンイチさんのセルフポートフォリオだと思われるサイト。滑らかなスクロールとライトボックスを使ったシンプルでダイナミックな動きで、Javascriptで組まれています。
ImgArcとWorks部分のサムネイルのフォーマットが変更できます。こういう風なのが複雑に作れるようになるとAjax的なのが作れるようになるんだろうなと、こういうのをみるとJavaScriptの可能性が広そうで勉強しないといけないんだろうなと思っちゃいます。

IEでみてみたら…あら?

MEMO
右上日付のフォントをCSSをたどってみてみると以下のとうりでした。
Helvetica,Arial,sans-serif;
ヘルベチカほしい…

FICCリニューアル

■■Bookmark■flash■■ヤンプー

FICC inc. Creative Solutions

制作会社FICCのウェブサイトがリニューアルしてました。前回のデザインはこちら。HTMLっぽくつくられたFLASHです。スクロールバーもFLASH。処理軽減を有せインしているようで、スクロールして画面街に出た画像を非表示設定したりしてバランスよく作ってあるっぽいです。

WPF実用化コンテンツ

■■Bookmark■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表現をがっつりみせたい場合にはよさそうです。
まー動作環境が少ないので、制作側も提案しづらそうです…。

コンテンツのデザインについてはすごくきれいで動きもいいんです。でも、たまに登場するライオンなどのパスイラストがちょっとシロートっぽいのがちょっと残念。

AS3最先端表現:BBmedia

■■Bookmark■flash■■ヤンプー

BBmedia inc.

西麻布にあるCMやWEBなど制作しているクリエイティブの会社BBmedia。
コンテンツ間の動きをキューブ状にして表現しています。
Action_Script3.0のビットマップのドット画像処理を投影透視で演算している完全テクスチャー3Dですね。さらに実績コンテンツでは、実績サムネイルがナビゲーションキューブの周りにばらばらでてきます。ちゃんと投影透視表現。完成されてますねー。

右下の隅っこにあるスカイプのアイコンのコンテンツがあるんですが、社内的ななんかなんでしょうか、色々メッセージが集まってますが入力する部分がみあたりません。社内共有でスカイプを使っていて、チャットのログのタイトルを自動で表示してたりするのだろうかと勝手に想像しています。コンテンツの用途と使い方だれかわかりますか?
スカイプのログを抽出できるのなら新しいビジネスの予感(゚u゚)

バーチャルクロスステッチでコミュニケーション

■■Bookmark■flash■■ヤンプー

Natureza Viva

コンテンツの詳しい目的がよくわかりませんが、クリックでクロスステッチをしていくサイトです。
布が現れて、マウスをクリックするとその場所をクロスステッチします。アクセスしたユーザーのマウスが全員同時に動くので、他のユーザーの作業状況を見ることもできます。"I♡何とか"など描く人がいたりその文字を塗りつぶす人がいたり上から1クロスずつ縫っていくユーザーもたり、見てても楽しいコンテンツです。


隠れた動物部分を全部埋めるとThumk youメッセージが出てまた最初から。

怪盗プリン

■■Bookmark■flash■■ヤンプー

怪盗プリン Pudding the phantom thief

かわいいキャラクターを操作して、画面の端っこまで歩くと別ページへ進む、アクションゲームの操作でページを進めていくものです。ユーザーによってはじっくり文章を読んでもらえる表現だなーと思います。

毛筆無料フォント

■■Bookmark■flash■■ヤンプー

衡山毛筆フォント

フリーダウンロードの手書き毛筆のフォントがありました。かっちり系から崩れた書体まで4種。筆文字を使うデザインのときや、年賀状なんかで使えそうです。

ナイスの森

■■Bookmark■flash■■ヤンプー

ナイスの森

奇抜な映画のオフィシャルサイトです。奇抜さがサイトにも現れています。
サイトに訪れると、写真がバラバラ出てきて、ナビゲーションが隠れてしまいます。ドラッグしてどけていくとやっとナビゲーションがでてきます。使いづらい…。使いづらさがブランディング(?)になっているようです。

MadeThought

■■Bookmark■flash■■ヤンプー

MadeThought

画面全てのエリアを使ったダイナミックな実績紹介サイト。ナビゲーションと作品しか出てきません。写真勝負で際立たせるのには良い手法です。

ユニクロック:今期最高傑作と思われるブログパーツ

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

UNIQLOCK

ダンスのリズムを時計にしたもの、5秒単位で流れる映像はランダム。キャストがいいのもありますが、みててあきません。癖になる系です。ブログパーツとしてはったり、スクリーンセーバーもあります。タイム表示と映像を交互に繰り返すアイデアは、映像読み込みバランスと、視覚的に時間・リズムを感じやすいということと両方メリットがあっていいバランスだなーとおもいます。
ブログパーツを貼った世界中のRSSと連携したマップも自動で管理されているみたいで、世界中でブログに貼られてるのがわかります。すごい。
YouTubeにダンサーのオーディション映像がアップされています。今回はしなやかで清楚な感じの人達が選ばれてますね。でもやっぱり上手な人が選ばれてるのがわかります。こうやっていろんな人のダンスを見比べてみると上手さの違いがわかって、ほうほうってかんじです。いろんなジャンルのダンスを見比べてバレーのしなやかさの魅力がちょっとわかった気がします。
制作は広工大卒+39さん。時間で制御するflvの読み込みとフレームに影響してタイミングがずれてイかないようにプログラミングする部分が難しかったようです。

時間の取得はサーバ時間を取っているみたいで狂わなくなってます。
あと見るタイミングによってベースの色がかわるのに、複数同時に貼りつけてみると同じ色になるので、時間帯によって色を変えているんだろうなと思います。

*追記:音がうるさいことに気づいて消音モードに変更しました。

Colorbunch

■■Bookmark■graphical■■ヤンプー

Colorbunch.com - online portfolio of Philipp Schilling - Phil-good@gmx.de

写真とベクターグラフィックを混ぜ込んだ作品のポートフォリオサイト。
写真の内容を損なわない程度かつインパクトがでるような手法ですねー。

MacZone

■■Bookmark■■ヤンプー

MacZone - prvý a najväčší on-line obchod pre celú platformu Mac

アイコンやナビゲーションなどデザインはきれいです。
トップページのNovinkyというエリアのトピックス系の仕組みが新しい気がします。普通だったらiframeでやってしまうところをもっとデザイン性のある作りでJavaScriptで作ってあるっぽいです。マウスオーバーするだけでスクロールされるマックっぽいインターフェイスですね。

Publicité & Communication Responsables

■■Bookmark■flash■■ヤンプー

Publicité & Communication Responsables

サイトをオリジナルOSっぽいデザインと機能性にしてるサイト。ウインドウのRや色、背景の壁紙などいろいろ変える設定もあります。フラッシュで作った場合、ブラウザの枠の制限がありましたが、ADOBE AIRが正式に発表されると、アプリケーション構築などできるようになるみたいなので、こういう手法も役立つようになってくるだろうなと思います。

American Apparel Online Store

■■Bookmark■■ヤンプー

Welcome to the American Apparel Online Store

シャツ・下着・ソックスなどのメーカーアメリカンアパレルのオンラインストア。全ての商品のイメージがモデルが商品を着用している写真になっています。撮影など大変だと思いますけど、売り出し中の商品以外も全てモデル撮影ってのは、いさぎいいですね('u')

Triworks

■■Bookmark■flash■■ヤンプー

Triworks.net - Design Studio

全画面フルフラッシュのクリエイティブコーポレートサイト。情報量は少なく実績もアイコンとテキストだけですが、サイトの動きなど、細かいところで難しいことやってたりと、そのへんでアピールしている感じのサイトです。SONY PSPのナビゲーションに近い動きとデザインだなーとおもいます。スタイリッシュ系ですね。