
URL : Balé Port Douglas
柔らかく流れる写真とコピー。
ムーディーなBGM。
美しすぎます、このムービー。
何のサイトかわかりませんでしたが、
南の島はいい感じらしい、ってことはガツンと響いてきました。
たぶん、高級リゾート地なんでしょうね。
うらやましいー。

URL : Marge Casey + Associates - Photo Agency New York
チラ見せメニューや、写真クリックで進める設計は見習うべきポイントですね。
デザインとユーザビリティってトレードオフの関係になりがちだけど、
本来は仲良くやっていけるもんだと思うのですよ。
このサイトはちょい使いづらいですけどねw

URL : The PRADA phone by LG
これは欲しい。
iPhoneゆうなかれ!
プロダクトの魅力もさながら、
カラートーンを落とした渋い世界観のサイトは、
無声映画を見ているような静かな迫力を感じます。

URL : breakfast
朝ごはんとそれを食する人を撮影した写真集(?)のプロモーションサイト、でしょうか。
説明のたぐいの文章が一切なく、詳細はわかりませんが、
掲載されている写真はどれも強く惹きつけられるものがあります。
こうして並べてみると、朝食にはドラマがありますね。

URL : atelier David Smith
フォントサイズが大きいにもかかわらず、
ダレない画面作りにデザイナーのセンスが光ってます。
やみくもに大きくしても、素人サイトにしかならないですからね。
デザイン性が高いだけでなく、可読性も非常に高いインデックスになっています。
英文字有利ってのは、あるかも。

URL : こどもごころ製作所
「おとながこどもに相談室」は面白い!
笑える。こどもは天才だ。
そもそも、おとながこどもに相談するという発想が好き。
もうおとなは面白くないのか。
でも、この企画を創った人たちは、
おとななんだよね~。

URL : Markez Models
楽しい!
鉄道模型メーカーかな。
夢のある世界観で、
鉄道マニアでなくても、鉄道が好きになってしまいそうです。
BGMもノリノリである。

URL : (suit)men
サイトへのアクセスデータ(の解析結果)をサイトのビジュアル要素に昇華させています。
左下の黒いタブから世界各国からのアクセス状況が一覧できます。
無機質なデータをビジュアル化することでまだまだ面白いコンテンツができそうですね。

URL : INSIDE ELYSION - honda
ELYSIONのある生活がたくさん。
映画のワンシーンのようなちょっと上質なライフスタイルが展開されています。
富裕層がターゲットでしょうか?(笑)

URL : VOLVO S80 - A SIXTH SENSE
マップから各コンテンツに入るモーションが気持ちいい。
他にも、マウスの動きにマップが反応したりと、
細かい演出に余念がない。
神は細部に宿る、ですね。

URL : Dior.Gourmette-chan.com
diorと絵本の組み合わせは意外だけど、
ブランドイメージによくマッチしたテイストに仕上がってます。

URL : Back to college - IKEA
ダンボールの中に表現されたプライベートルーム。
ミニチュアでもいいから部屋に飾っておきたい箱庭です。
IKEAで家具を揃えるとこんなおもちゃ箱みたいなキュートな部屋になるでしょうか。

URL : 暴君ハバネロ大学 暴大入試
きー、何この鬼入試問題。。
入試問題しかり校歌しかりですが、
クリエータ陣は相当楽しんで作ってますね。
ハバネロくらいキャラのエッジがたっていると、
世界観を作りこむ側は取り組みやすいのかもしれません。
ハバネロ恐るべし。

URL : DoCoMo 2.0
金かかってます。(かかってそうです。)
ドコモサイトというより芸能人カタログサイトの様相を呈してます。
もはやチマチマとコンテンツ創っても効果薄い、ってことなのでしょうか。

URL : SOYJOY(ソイジョイ) - 大塚製薬
これは面白い!
サイトを表示するとイチゴがたくさん降ってきて画面を覆い尽くしてしまいます。
そしてこのギミックはブログパーツとして配布されてます。
うーん、やられたー。

URL : L-finesse the art of Lexus
ロードマップを模した空間をマウスホイールで移動するナビゲーション。
斬新なことをやりながらもLexusの高級感は損ねず、なところに感心。
macだとマウスホイールのイベントが拾えないかも。

URL : 綾鷹(あやたか) - コカ・コーラ
世の中、ジェネレータがあふれてますねー。
ここには家紋ジェネレーターがあります。
ウチの家紋の方がお洒落やで、
とか盛り上がればよいのでしょうか。
創りこみが実に丁寧なサイトです。
家紋は何パターン用意したんでしょう?

URL : NEW COLLECTION 2007 AUTUMN & WINTER - KDDI au
ゆったり感たっぷりのモーションでプロダクトの優雅さを演出していますね。

URL : Start Your Branding./スタブラ - リクナビ
あるある、みたいに共感しながら企業の中の人について
知ることができるキャリア事件が面白い。
どこの会社も社長は無茶を言うんですね。w

URL : Saatchi & Saatchi
注目すべきは、チョー微妙なニュアンスが付けられてるモーション。
地味で目立たないけど、クリエーターの質ってこういうとこで差がつくと思う。
こういうのうまくやるには、ディズニーやピクサー(今はどっちも同じなんでし
たっけ?)のアニメーションをよく研究するといいと思う。

URL : Speedtest - how fast are you?
1回目はタイピングへたれ確定な成績でしたが、
2回目に200pointsを越えてホッとしました。
初見で300pointsいった猛者がいるらしい。

URL : JICA-ボランティア WORLD REPORTER / ワールドレポーター
世界各地の厳選されたリポートが読めるってのは、
すごく楽しいことだけど、
こういうのはデータの量が肝だったりするので、
ぜひ今後も継続してほしいコンテンツです。

URL : 窓を考える会社 YKK ap
みんなで窓について考えよう!
マネキンのようなシュールな人形を配した不思議空間が展開されてます。
やはり窓は人が使うものですから、
人形とはいえ人を感じさせるアイテムの配置は吉とでますね。
広い窓がほしい。

URL : HELLO, WORLD! - SoftBank
数あるソフトバンクサービスのエントランスといった位置づけのコンテンツでしょうか。
なんとも不思議な世界が広がっています。

URL : 腐る化粧品
“腐る”ということを前面に打ち出した広告。
今後このブランド(というか会社)から出す化粧品はすべて防腐剤を使用できな
くなってしまうのでは?と要らぬ心配をしてしまう。
そういう覚悟もあるのかな。
広告って面白いですよね。

URL : Synchronicity
内容もデザインもよくまとまってるサイトです。
特にいいなと思ったのは、戻るボタンです。
スマイルくんみたいのがくっついてきて、いつでも戻れるのです。
「戻る」って後ろ向きな行為だけど、これは楽しい見せ方のひとつです。

URL : 鎌倉どんぶりカフェbowls
いつも面白い話題を提供してくれるカヤックさんのプロジェクト。
どんぶりカフェをリアルに立ち上げてます。
絵画の測り売り「ART-Meter」、建築家と家づくり「ハウスコ」など、
カヤックはリアルとウェブとをうまく繋げてると思う。
興味深い記事でしたので。
・アップルのデザインはこうやる・・・
もうひとつ、
・Googleにおけるユーザーエクスペリエンスのデザインガイドライン10か条
役立っているか? (useful)
人々の仕事、生活、夢の実現に貢献しているか?
速いか? (fast)
ミリセカンド単位で高速化しよう。
シンプルか? (simple)
シンプルであることはパワフルだ。
魅力的か? (engag…
ええー、人が入ってるんじゃないの??
すげー。スターウォーズの世界だよ。
こけそうなのを必死で踏ん張ってるとこなんて人間ジャンっ。
人類は大変なものを作ってます。
URL : 豆しば
このムービー笑える。
CMでやってるんですかね?
「えっ?」っていう1コマをいれたところに、
コンテきった人のセンスを感じます。

URL : Google Sky
今日はあの星雲で待ち合わせましょう、とかできますw
アバウトすぎか。
Googleにかぎらないけど、宇宙ってどんどん身近になってきてますね。
宇宙空間で昼寝がしたいです。
こっそり、ブログにコメント機能をつけました。
3分間クッキングの80倍ぐらいの時間でできました。
アーカイブ、パンくずリスト(トピックパス)もつけてみました。
そろそろping送信の機能を付けないと、
誰もこのサイトに気付かない。。

URL : NHK "MOJA-MOGI" by Yugo Nakamura
茂木さんが大変なことに・・・
4月1日放送のNHK「プロフェッショナル仕事の流儀」ウェブデザイナー・中村勇吾さんの回は相当に見たかったです。
うち、テレビないんですよね。。
番組関連ブログを読んでいるだけでも相当濃い内容だったことが想像できます。
・茂木健一郎 プロフェッショナル日記
・住吉美紀とプロフェッ…

URL : Creative License - Take as much as you want - Adobe
ムービーの作りこみがいい感じ。
BGMとSEが映画バリ。
下のスクロールバーを目一杯右までドラッグすると全部見れる謎なインターフェース。
中のコンテンツは・・・よくわかりません。。
校門前ほんの数メートルだけど。
HAPPY*TRAPブログのRSSフィードを配信しています。
こちらからどうぞ。
ComDさんにデザインしていただきました。
(コムディーと読みます。)
表面は、白ベース + 基本情報、
裏面は、HAPPY*TRAPキーカラーベース + ロゴという構成になっています。
シンプルで印象強いデザインが気に入ってます。
一般的な名刺よりやや厚手の紙を採用しているのもポイントです。
実は、
HAPPY*TRAPのロゴとサイトデザインもComDさんの手によるものなのです。
…
・症状
IEにおいて、<br />タグを使用しても改行されない。
※FireFox、Safariでは改行される。
・処方箋
CSSでletter-spacingを指定していることが原因。
以下のように、brのletter-spacingを0に設定する。
例)
br {
letter-spacing: 0;
}
ブログ機能を実装しているときに大ハ…
最近読んだ「ブックオフの真実――坂本孝ブックオフ社長、語る。」に、
パートから役員になった女性の話がチラっとでていて、
気になって調べたら、NBonline(日経ビジネス オンライン)に特集が掲載されていました。
(現在は役員ではなく社長に就任されてました。)
“ビジネスモデル”で考えると、ブックオフの仕組みは恐ろしいほど単純だ。にもかかわらず、ブックオフだけが勝ち残ってきた理由は、現場(店頭…
正式に、というのも、今までもブログは投稿していたんですが、
すべてHTMLファイルを更新していたんですね。。
さっそく更新が面倒になってきたので、
プログラムを書きました。
まだ基本的な機能しか実装してなく、
投稿時のプレビューや下書き保存などの気の利いた機能が一切ない鬼仕様となっております。(笑)
近いうちに次の機能くらいは実装したいと思います。
--
1.コメ…









