トップ >> 2006/11

土地のブロックをコンテンツに例えて整理 + 音楽配信

■■Bookmark■flash■■ヤンプー

BETACLAN

なんか音楽を紹介するクリエイターサイトか何かみたいですが、紹介の仕方がかわってます。
面白いなと思ったのは、コンテンツの階層わけ。「住所」の感覚で階層を選択していく流れになっています。

住所でたとえると
広島市
  ┗西区
    ┗三篠町

のようなかんじで

トップページ
  ┣ミックス
  ┗ミュージック
    ┗曲名

というかんじの階層になってますね。

大きな1枚の紙面をスクロースさせてコンテンツを個別に見せる

■■Bookmark■flash■graphical■■ヤンプー

多田屋

石川県七尾湾が眺めれる眺望の旅館のサイトです。
基本、和調のイラストで構成されていて、料理、風呂、客室などの紹介は写真で掲載されています。
全体的に雰囲気の統一が図れているサイトで、あちこちブログで紹介している人も多いようです。


アクセスマップがみやすいなと思いました。
移動手段別に主要都市からかかる時間や近郊のオススメの移動手段、日没の時間までのってます。


写真がきれいです。
とくに客室露天風呂がすごいいってみたくなる写真です。
日本海見ながら自分の部屋で露天風呂…。


客室も。
いいかんじだとおもいます。


料理は、きれいな写真ですけど、もうちょといろいろみせてほしいかんじです。


客室予約のページはリニューアル時にてが加えられなかったのか、雰囲気全然違って残念な感じです。
あと、メニューも下にあて気づかない人とかいるかもとか心配なかんじです。

カローラ 自分の新しい尺度をマップに投稿 + スクリーンセーバーでも動的に表示

■■Bookmark■flash■■ヤンプー

TOYOTA Corolla Axio/Fielder Special Website 新しい尺度。

今よくカローラのCMがながれてますね。
ウェブではどういう展開をしているのかきになってみてみました。

動画配信(番組?)コンテンツなんかもありましたが、きになるのは、カローラのキャッチコピーになっている「新しい尺度」にかけて、ユーザー自身の最近感じた新しい尺度を投稿すると都道府県別にマップに反映される「新しい尺度の会」というコンテンツ。
都道府県の人口で割るので都道府県別ユーザ数ランキングが動的に変化する仕組みも動いているとようです。ベスト3は山梨>東京>奈良。
県別になっていると、対抗意識が芽生えてコミュニティーが活性化しそうな企画ですね。


広島県を選ぶと、投稿者の名前・年齢・タイトルが表示された噴出しアイコンが沢山出てきます。


さて自分で投稿してみようと思うと、こんなかんじです。


どんなこと欠けばいい川からなくて迷うユーザを想定してか、新しい尺度というテーマの解説も入力作業と平行して見れるようになっているようです。


投稿すると、投稿完了サンクス画面がでて、
木村拓哉さんの武士の一分チケット抽選メールフォームに進むことができるようです。
これもコミュニティー活性化と相乗効果を生みそうな組合せですねぇ。


フォームの入力数は少なくていいかんじだとおもいます。


いろんなコンテンツを見たりすると、左下にポイントがたまっていきます。
ギフトコンテンツに行くと、たまっているポイントにいおおじてスクリーンセーバーとかもらえるようです。
スクリーンセーバーをダウンロードしてみたところ、新しい尺度の会のマップ表示の最新データが見れる仕組みが動くスクリーンセーバーでした。スクリーンセーバーが出るたびに「あ、またとうこうしよー」とか思ってしまうかもしれません。ただのムービーではなくて何もしなかったら表示されるスクリーンセーバーというものをキャンペーンの中にうまく組み込んだ流れだなーと思いました。

歩きながら観ると動く写真

■■Bookmark■■ヤンプー

Full Colour Holograms - XYZ Imaging

ふつうに設置してあるポスターのように見えてじつは、見る方向によって絵が変わるポスター(?)をが開発されたようです。3方向くらいだったらいままででもよくみかける技術だと思いますが、これはなん方向分あるのかわからないくらいあります。なので、これをみながら歩いて通りすぎるとぱらぱらアニメーションのように見えてしまうようです。ゆっくり歩いたらスローモーションになるはずですね。

シンプル + ゴージャスデザイン + ホテル

■■Bookmark■flash■■ヤンプー

堂島ホテル

オリジナル家具の企画・製作・販売・さらに店舗・住宅プロデュースするgrafの設立者、服部滋樹さんの手がけたインテリア、ギルドの権藤旭さんの空間デザインの融合。オーセンティックモダンな空間を演出する堂島ホテル。
泊まる人への気配りがかんじられる部屋のようです。

サイトはシンプル。
写真の表示をダイナミックにするためにフラッシュを使っているようですが、サイト全体はシンプルです。


メインのナビゲーション3階層まで上にあるレイアウト。
ページタイトルと兄弟ページと戻るボタンが左エリアにある構造です。
結構使いやすいかもと思います。

表情豊かなアクトロイド

■■Bookmark■■ヤンプー


ロボット技術の発展で最近ではこんなに表情を再現できるようになったんですね。

ノーベル賞を獲った金融システム

■■Bookmark■■ヤンプー

マイクロクレジット
竹製の椅子を作る彼女は材料費を高利貸しからしか調達できないため、1日に2セント(2.5円)の利益しか得られませんでした。さらに村を調査すると同じ境遇の人が42人いることがわかり、ユヌス氏は彼女たちが必要とする合計わずか27ドルのお金を無利子で貸したのです。すると、ソフィアはそれまでの60倍、1日1ドル25セントを稼げるようになり、貧困から脱出できました。
たった27ドルを無利子で貸すだけで、貧困の悪循環から開放してあげられる。 しかもそういう悪循環にはまった人が沢山いることがわかった経済学部教授が、貧困の人に無利子でお金を貸す仕組みを作ってビジネスにしたそうです。 お金を稼ぐためというより、社会貢献のために作ったように見受けられます。 自分の研究していることを活かして、人を助けるための仕組みを考えて効率よく実行するためにビジネス化したんでしょうか? 貧困の人って銀行に信頼してもらいにくいんですよね。でもそこもちゃんと信頼できるかどうか判断する仕組みも組み込まれているようです。

3Dキャラと手振れ映像を合成

■■Bookmark■■ヤンプー

Mr. CityMen - Main Menu - Eric Lerner - 2006

3Dのキャラクターと実写をけっこう上手に合成してるVJ系映像作品を紹介するサイトです。
手振れとかしてて合成難しそうですけど結構上手につくってありますね。
光の当たり方もなじませてあって違和感ないです。

中村屋風商品プロモーション

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

DyDo Drink Message|D-1

去年くらいに社内ではやっていた中村屋のテイストをそのままつかっているDyDoD1のプロモーションサイトです。


中村屋では、結婚式のスピーチする人と観客とのやり取りで構成されてましたが、これは記者会見に遅刻している新庄さんの代わりに謝罪のため出てきた人と、待ちくたびれている記者とのやり取りになっています。
結局最後まで新庄さんはコンテンツに登場しませんでした。
安上がりでネタ勝負のプロモーションサイトですね。


ブログツールの配布もよういしてありました。はやれば大きいですね。

商品コンセプトに絡めたフォトギャラリーを見ないと答えれない神経衰弱風クイズ

■■Bookmark■flash■■ヤンプー

DyDo Drink Message|D-1 フォトギャラリー

「あなたのイチバンを聞かせてください。」という該当アンケートで答えた人たちの答えと写真を閲覧できるギャラリー、次々と見ていく操作がやりやすい仕組みになってます。


「家族」「子供」「妻」「彼女」ってあたりの答えが多いですね。「酒」とか「時間」とか答えてる人もいます。



右下からいけるクイズコンテンツがあるんですが、ギャラリーにでてた人の写真と、答えたコトバをドラッグして正しく組み合わせていくクイズみたいです。
ヒントとして回答者が持っている缶の色を見ることができます。
神経衰弱風ですね。
結構ゲーム性もあって、商品を認知してもらうにもいいテーマのつくりですねー。商品タイトルを覚えてもらうための「イチバン」のキーワードを押し出しつつ、缶の色が3種類あることとか、沢山の人が飲んでます的な雰囲気をだしたりとかしてうまく企画されてるんだろうなーと思いました。

2種類のカテゴリ絞り込みの表現

■■Bookmark■■ヤンプー

WebDevResourceList

CMSサービスなどへのリンクリストサイトです。
Frameworks、CMS、Blogなどのジャンルがレイアウトでわけられています。それとは別に、php、Ajax、Perlなどの手法別のナビゲーションがあります。手法から選ぶ場合、たとえばphpを選ぶと、関連しているリンクだけがオレンジになって絞り込むことができるようになってます。
リンクリストの中から自分の探しているものを見つけやすくするための操作方法がわかりやすくて、なんか全然関係ないほかのことでも使えそうですね。

世界最古のドメインBEST100

■■Bookmark■■ヤンプー

Jottings.com - 100 oldest dot com domains

ドメイン取得の早い順に100位までのリストがのってるサイトです。インターネットが始まってから始めてドメインが登録されたのがSYMBOLICS.COMで、1985 3/15だったようです。まだ存在してるみたいですね。

商品比較してカタログ取り寄せ

■■Bookmark■flash■■ヤンプー

INAX トイレ 大便器・シャワートイレ一体型便器・収納一体型便器 機能紹介・商品検索 INAX Selection

トイレメーカーのINAXの商品検索→比較→カタログ取り寄せまでできるサイトです。
ほのかにライトがつく機能や、便座の上げ下げが振るオートな機能や、節水機能などの特徴がアイコン化してあって、特徴の詳細や商品ごとの特徴の差をわかりやすく表示してあると思います。


複数の絞込みもできるみたいです。



いち商品をパネル化したつくりで、タイプ別に色帯つき、価格昇順・降順、タイプ別でソート機能もあります。
詳細をみるには、2つある下の枠にドラッグします。
枠が2つあるので比較できます。
特徴がアイコン化されていることで比較もしやすくなってると思います。


比較しながらでもアイコンをクリックすれば、特徴の詳細をみることもできます。


商品の詳細を表示中は、詳細のプリントアウトと、カタログの取り寄せができるようになっています。
カタログ取り寄せとプリントアウトはもうちょっとボタンっぽくして目立たせてもいいのかなと思いました。

商品紹介しつつ商品イメージをインタラクティブ化

■■Bookmark■flash■■ヤンプー

コニシ株式会社

木工用ボンドの商品を紹介するテキストと画像で構成されているコンテンツなんですが、NEXTなどボタンを押すと、マウスにボンド液がたれてテキストとか画像とかがマウスにくっついてしまうインタラクションがおこります。
実験的なもので、実際コニシ株式会社が全然絡んでないかもしれませんが、表現として面白いので紹介するのもありかなと思いました。

着せ替えデザイン + サイコロ給 + 777project

■■Bookmark■■ヤンプー

面白法人KAYAC

ヘッダとナビゲーションをいろんなデザイナーやイラストレーターや漫画家とコラボしてデザインを着せ替えできるサイトにしてあったり、給料日にはスタッフ全員でサイコロ振って給料が変動したり、七夕に7つの自社サービスを開発したりといろいろおもしろいことをやっている制作会社です。


ヘッダにあるDesign volの番号を選ぶとヘッダとナビのデザインが切り替わります。
FlashとJavaScriptの連携ですね。メニューもJavaScriptで3階層目のリンクまで出るようになってます。
しかものそのデザインも着せ替え機能に連携してておもしろいです。


会社の中で給料日にサイコロ給というルールがあるみたいです。
基本給×サイコロの出た目%だそうで、月給200,000の人はサイコロの目によって202,000~212,000に変化するみたいです。
絶対悪くても1%は上がるんですね…。
人事評価や・給与査定になやんだCEO柳澤さんが、公平でフェアな人が決める以外の方法で給料額が決まる方法を考えた結果のようです。
ただ面白いからとかじゃなくて、ポリシーや人間関係について考えてのことなんですねー。


このサイト…サイトマップがすごい高機能でした!ユーザーが見たページ、まだ見てないページ、見たけど見てから更新されたページがアイコンでわかるようになってます。斬新で便利な機能ですね。社内にJavaScript系の詳しい人がいるといろいろ自社サイトで実験してこういうアイデアが形になるんだなーと関心です。すごいですねー。


自社サービスのサイトを沢山もっているようです。
週間オーディションで販売価格が変わるTシャツ制作&販売サイト、湘南の活性化プロジェクトサイトや、絵を1cm2の面積で価格査定するサイト、建築家とフェアに出会うためのサイト、総務情報サイト、ケータイ動画をブログに貼るためのサービス、ブログをデコレーションするサービス、 自由が丘ギャラリー貸し出しサービス、4コマ漫画投稿・配信サービスなどいろいろ全部新しい要素がたくさん入ったサービスを展開しています。

最新ウェブサイト週間チャート

■■Bookmark■flash■■ヤンプー

DesignCharts

週間でウェブサイトのTOP40を紹介しているサイトです。
オールフラシュで、ちょっとマウスホイールスクロールの機能(挙動おかしいですが)も付いてます。
なんか最新のおもしろいサイトないかなーと思ったとき見てみるといいですね。

日本をデータ化してインタラクティブ化

■■Bookmark■flash■■ヤンプー

JSTバーチャル科学館|日本再発見マップ

日本を再発見するというテーマで、都道府県別の気象や人口比などをグラフィカルかつ和を貴重としたデザインで展開するリッチコンテンツです。JSTバーチャル科学館のサイトは前地球ガイドを紹介していますが、地球ではなく日本を解剖して、データをインタラクティブに紹介するためウェブでリッチに公開しているサイトで、みてておもしろいです。


地球ガイドもそうでしがた、メインメニューの動きに遊び心がありますね。
パズルゲームみたいにすきまを自動であけるためにスライド展開します。


鳥取にいたとき、天気予報を見ていて、いっつも鳥取は雨で山陽は晴れてるなーと思ってましたが、調べてみると、鳥取の快晴の日の年間平均は17.5日で広島は31.0日ってなってました。山陰で快晴ってあんまりないですよね。いつもどんよりしてて色が浅いイメージです。


日本は島国、ということは海岸線がおおいってことですが、計算すると地球1週の84%だそうです。
いろいろ豆知識が増えて面白いコンテンツです。

アンダーめの写真風イラスト

■■Bookmark■graphical■■ヤンプー

ghostco

海外のファッション雑誌のアンダーめの写真とかの雰囲気をイラストで描いている人みたいですね。ドメインがorgなのが何でなのか良くわかりませんが、団体なんでしょうか?

楽しくエコについて発信するサイト + わかりやすいデザイン + CMS

■■Bookmark■■ヤンプー

greenz.jp - エコスゴイ未来がやってくる!

地球と人がどんどん健康でハッピーになれる「エコスゴイ未来」のきっかけになりそうなできごとやモノを紹介しているサイトです。
自然のエネルギーだけで誠意渇するエコビレッジや体に負担をかけない食マクロビオティックなど、面白い取材記事が特有されているサイトです。


運営・管理を継続するために、CMS系の更新しやすい仕組みを取り入れつつ、デザイン的に、ユーザに興味を持ってもらいつつナビゲーションをわかりやすく作られているなーと思いました。


ゴミを資源にかえるためにデザインでどう関わるかという記事


余り布や古着を組み合わせて風呂敷にリサイクルする韓国の文化「ポシャギ」の記事


ソーラー発電で防水のライトストラップの記事

森野再生活動をしている人の記事などとても読みやすいつくりになっています。