パナソニック オリンピック スペシャルサイト

おはようございますやんぷーです。
オリンピックまであと161日だそうです。こちらオリンピック開催までのカウントダウンをみんなが作った人文字をOOPやウェブで展開する企画をナレッジ！ユーザーに人文字を募集しています。これ…OOPも毎日貼り変わってるんでしょうか？？？夜中に貼り変えてるんでしょうか？？？ウェブだとありえますが紙だと、どういう工程なのか気になりますねー。今はユーザーが投稿した写真じゃないので、白バックのに黒ジャージとかわかりやすい写真になってるので、きれいにみせれていますが…一般の人が撮影した写真がちゃんと見える数字になるのか結構不安なところ。今後どうなるのかが楽しみです（'u'）

人文字を撮影してもらう手順がわかりやすくのっています。準備運動からという視点が面白いですね。

人文字数字のポーズ例がわかりやすくのってます。

ブログツールがもらえるそうですが、どんなのがもらえるのかは秘密にしているようです。
隠したほうが投稿数が増えそうってことでしょうかねー。

カウントダウン日数がユーザーが投稿した数字になると、表示されるそうです。

投稿してみるとき一般的な利用規約があったんですが、これは、利用規約を最後までスクロールさせないと次ぎに進めないというギミックが使ってありました。アプリケーションのインストールなどでは見たことがあった手法ですが、ウェブ上では初めてみました。

投稿してブログツールをもらってみました（'u'）
動きもなく画像を表示しただけなのに面白いツールになっていますよね。

アップル - Mac+iPod 学生キャッシュバックキャンペーン - Macおねだりメール

こんばんはヤンプーです。まだ寒いですが、もうすぐ春ですよねー。進学の季節です。

今日のナレッジはAppleのキャンペーンMacおねだりメールについて。
学生がMacとiPodを同時に買うとiPod nano4GB相当の金額がキャッシュバックされるキャンペーンを6月まで開催しているようです。ターゲットにしているシーンは、春に進学して大学生になる高校生でしょう。新生活でパソコンが必要になりMac買ってほしいなーとおもっているニーズ層に、おもしろ半分に親へおねだりするきっかけを与えてくれるツールのようです。

まーこのメールを送ったからって買ってもらえるとも思えませんが、PC買うならMacがいいって意思表示になったり話題性もありますよね。オモロイからということでメールを送るユーザーが鼠算式に増えたらクチコミ型の広告になるという狙いが一番強いと思います。広告型のHTMLメールを生成できるウェブがジェットも表現を換えるとこうなっちゃうんですね。発想しだいですよねー。勉強になります。

親に送るだけでなく、友達や兄弟、おじいちゃんおばあちゃんの設定もあり、背景画像もかれます。
実際に届くメールはこんなかんじでした。

au Smart Sports Run&Walk

こんにちはヤンプーです。
昨日のナレッジの続きとしてau Smart Sports Run&Walkを詳しく使って見てレビューっ仕様かと思ったのですが、僕のMedia skinは対応機種外でした…。登録しないと使えないと思うので、このサイトは機種変してからということで、また今度にします…。
大まかには去年紹介したadidusGPSRUNと同じようなサービスだと思います。残念ながらサービスが終了してしまいました。ケータイ持ってランニングすることや、サイトでユーザーのプロフィールや状況がみれたりする部分は、結構一緒です。同じところが開発してるのかもしれませんね。GPSの機能を使ってランニングコースをマップに記録したり、カロリー消費量がわかったり…。面白そうです。

ログインしなくても、まだ参加していないユーザにもわかりやすいように、リアルタイムでの利用ユーザー数やワークアウトデモがみれます。このサービスで何ができるのかがすごくイメージしやすいつくりですね。
W61SA, W61T, Cyber-shot™ ケータイ W61S, W61CA, W62SA
W61P, W61K, W61H, INFOBAR 2, W53K, Woooケータイ W53H, EXILIMケータイ W53CA, W52P, W52H, W52CA, W51H, W51CA
の方興味があれば試してみてください！

CASIO W61CA activoo

ヤンプーですこんにちはー。
今日はauのケータイ W61CAのプロモーションサイトのワンコンテンツ、Activooをナレッジ！
au smart sportsというGPSサービスをユーザーに認知してもらうためのゲーム・ブログツール配布コンテンツのようです。機種のデザインからみて女の子層にau smart sportsでダイエットするという使い方をイメージしてもらう目的でから組み立てられたアイデアなんだろうなと思います。W61CAをもって「スピードや消費カロリーを見ながらランニング」というエクササイズしたいスポーティーな女の子のツボをくすぐるゲームビジュアルのデザインに仕上がっているようです。3Dでモデリングして滑らかなモーションを作りこんだものを、アクションごとに映像にしているんだとおもうんですが、かなり滑らかです。
ゲームに入るまでのドレスが入らないというシナリオも共感要素が強くてかなり上手な作りですし、ディスプレイにうつったメールの文章で、オープニングを展開させる流れもまとまっています。かなり完璧なコンテンツな気がします。すごいーー。

隠された秘密の順番で食べ物や飲み物を与えると、隠し要素があるらしことも操作説明内にかかれていて、やり込み要素も万歳みたいです。

ゲームして出た結果はランキングとして記録されるだけではなく、ブログツールとして自分のブログに結果を貼り付けるツールも配布されています。ブログツールでは、体重・距離・スピードの記録が表示され、クリックすると、操作したモーションを見れるようになっています。ワンプレイのデータをフルに記録しているわけです。わかいいし、何度も挑戦したくなる要素もあり、ブログツールで報告できるし、そこから2次的に参加するユーザも沢山入ると思うので、かなり普及しそうな予感…。良いアイデアな仕組みですねー。これでもかと、操作の癖から(？)占い要素まで搭載されています。

ブログツール内でもブタキャラはかなりいい動き。マウスオーバーでスピードアップするところとか、バナーとしての誘導テクニックもとても参考になりそうです。すごい。

明日はau smart sportsを詳しくナレッジ！

Creative And Live

家の中を目メジャーで計りまくってるヤンプーですこんばんはー。
無印良品でキッチンの棚を買ってやっとキッチン周りが整理できてきそうな予感です（'u'）
さて今日のナレッジはめちゃレベル高い海外のデザイナークリエイターが集まる、登録型のアーカイブサイトCreative And Liveについてナレッジ！時間ができたらゆっくりみてまわりたいサイトです。いろんな刺激をもらえそうですよねー。

ナビゲーションの展開の仕方がjsでインタラクティブになっています。展開すると、コンテンツエリアがスムーズに下がり2階層目のナビゲーションがでてきます。右カラム2列は下がらないという作りです。細か視点で見ると、新しい発送ですよね。参考になります！

朝日広告社-Recruit2009-

明日は友達の結婚式があるヤンプーですおつかれさまです。
今日のナレッジは朝日広告社リクルートサイトです。
ウェブで成果がはっきり現れるリクルートコンテンツ。ゴージャスなものから面白いものまで、いろいろなコンテンツが登場していますが、こんな手法をやってる会社がありました。　「逆面接」　採用される側が会社を選ぶ時代なんですねー最近。いい人材・合う人材にめぐり合うために、そして会社がPRするためにウェブは有効なツールのようです。
会社と採用される側の立場が逆転するという表現がされているこのコンテンツは、昨今の採用の世界を象徴しているのかもしれませんね。

タイトルをぬきにしても、主観目線のバーチャル体験っぽくする手法は、共感を生むと思いますし、質問をしてその解答中から単語をクリックして、さらに掘り下げて質問するという表現は、とても新鮮でした（'u'）でも良く考えると、普通のウェブページってそういう風にクリックして詳細な情報を読んでいくものなので、まったくおなじですね。噴出しの文章が質問の導線ボタンになっているのが今までにないのにスマートな手法だったのでおもしろいのかもしれません。

FUBUKI Graphics

最近、沢山の情報を整理して見やすくするにはどうしたらいいのかを研究しているヤンプーですおはようございます。今日はサムネイルを並べる機能とカテゴリで絞り込む機能がインタラクティブなFUBUKI Graphicsさんをナレッジ。画面のリサイズに合わせて並びを調整する表現やカテゴリを絞ると検索し直す機能も好きです。

近年CMSやブログは当たり前のツールですね。そしてそれらは、リストと、フォーマット化された末端の詳細で、構成されていますよね。しかも長年蓄積されいるサイトでは、1000を超える大量のアーカイブになっているところもあったり…ユーザーがサイト内のほしい情報を絞ってたどり着くのが難しくなってきていると感じます。
日記などの、新しいほどニーズが高いコンテンツなら良いですが、古いエントリーも新しいエントリーも同じだけ重要なコンテンツの場合、現状ではどんどん探しにくくなってしまうインターフェイスになってしまっているきがします…。
現状って以下のやり方が一般的になっていますよね。
・カテゴリなどのツリー構造
・タグにして重要性にメリハリをつける
・ワード検索

ツリー構造はSEO的に必要だと思いますが、残りの二つはもっと探しやすい機能があれば、統合してしまっていい手法なんだろうなとおもっています。
FUBUKI Graphicsさんの表現は、「探しやすい機能」の玄関口にいるシンプルな手法だと感じます。この方向でつき詰めて行けば、探しやすいものが作れそうなにおいがしますね（'u'）

僕自身、何か探したり考えたりするときには、文字より絵で考えるタイプなので、サムネイルを含んだリストの表示はとても好きだしありだと思っています。サムネイルとワード一文で構成されたものがずらっと出てきて絞り込みやハイライト、並び替えができる…。サムネイルについてくるワードは好きなパラメータを表示できる…。という表現がぼくのビジョンです。
ぼくもこれらが必要な案件にはどんどん活かしていこうと思います。FlashやjsでやるかぎりSEO対策逆行してしまうのがネックですよね。そのあたりがいまのところ課題になりそうですが。いろいろ考えてみようと思います。

やんぷーですおはようございます。世の中なんでも広告にできちゃうんですね。

美容院の広告でしょうか。エスカレーターの1段ごとが違う髪型になっていてアバターのようにどんどんいれかわっていってます。

下り用を使っているようです。上り用よりも下りようの方がエスカレータ二にのっている人の視界にはいりやすいからでしょうか。

MUJI Life - 無印良品　ひとり暮らし。ふたりの部屋。

今週仕やることがたくさんあるヤンプ－ですこんばんは。
先日引っ越したマンションが照明がレール式なのでスポットライトを探してハンズとかうろうろしてたんですが、売ってるところが少なく…見た中で一番種類があったのは無印良品でした。さすが無印！…と言うわけで今日のナレッジは、無印良品の新生活提案サイト。今は寒いですがもうすぐ春ですからね。洗濯機からお菓子まで統一デザインでなんでもそろう無印良品ってすごいなーとあらためて思いました。

ひとり暮らし、ふたり暮らし…と入り口からニーズ別に分かれていますが、もっと階層分けしてユーザーのニーズを振り分けていき…

最終的にフルサイズフラッシュで、無印尽くしのオシャレな部屋の写真がでてきます。画面サイズが縦長でも横長でも写真がちゃんと収まるようになるリサイズ機能が入ってますね。写真の中の商品テロップも画面に絶対納まるように気配りされています。

商品テロップをクリックすると、詳細をみることができます。ふむふむ縦にも横にも使えるこの棚いいですね。

明治製菓：100％チョコレートカフェ - 2008年ホワイトデー『100％スマイル』!

昨日分をこそこそアップヤンプーですこんばんわ。バレンタイン終わってデザインがホワイトデー仕様になってますが、見せ方上手なサイトでかつ、インタラクティブにチョコの買い物ができるおもしろいこころみをナレッジ！
ロゴのシールっぽいエフェクト表現もおもしろいです。

全商品の中から苦味や甘味など関連する商品だけをハイライトできるので好みの商品をさがしやすくなってますね。

好みの商品を把握したら、パッケージに箱詰め。
ドラッグインなどでわかりやすく好みのチョコを詰めて、実際注文できるようです。

箱のタイプも色々。詰める量が増えたら、操作が難しいと判断したのか、ドラッグ操作じゃなくなります。
数多くてもドラッグで操作できても楽しそうなのに残念。

キーボードで英語打ってアルファベッドのチョコを詰め合わせ！

3×3、4×4、5×5の文字数のサービスがあってメッセージチョコセットが作れるみたいです。

好みの商品をキレイにウェブ上で、パーッケージにして発送できるので、どんなものが届くのかわかって安心ｄ寝すね。味にこだわるなら結局味がわかっているブランド力の勝負になっちゃうので、かわいさ面白さで勝負することでウェブ出注文できるメリットとの相乗効果が生まれてそうですね（'u'）

グルメ：OSAKA-INFO 大阪観光情報

いつの間にか２月半ば…引越ししたけどダンボールのまま荷物を置いていて半月たってしまったヤンプーですこんばんは。今日はソララさんから教えてもらった大阪のタウンポータルサイトをナレッジ！マップ機能をかなり考え抜いてつくられているようで、スクロールにくっついているこの動作はかなり使いやすいです。

フルサイズモードなんかすごいです。ナビゲーションが画面橋ではないあたりが、ハイセンスですね。マップは大きいけど、検索対象エリアが小さいという考え方は、検索スピードの安定とか考えてのことなのでしょうが、ピンを探すときわかりやすいのでかなり良い見せ方ですよね。勉強になります！

PRIUS Channel プリウスチャンネル

昨日分をこそこそアップヤンプーですこんばんは。旅行番組名ノリで作られたウェブ配信の映像をニコニコ動画風にコメント投稿機能をつけて双方向にしています。これはもう、地デジのデータ通信を超えるクオリティになってしまってますね。文章を投稿して認証中ってのもわかりやすく作られています。認証中はじぶんだけみれるかんじなんでしょうね。

PicLens Immersive Slideshows Across the Web

久しぶりにPicLensを使ってみてショックを受けたヤンプーですこんばんは。
Firefoxのプラグインで、Flickrやグーグルの画像検索と連携したインタラクティブ画像ビューアーなのですが、ここ最近Firefoxを立ちあげると良くアップデートするなーと思っていましたが、使わずにほっておいたんですが、何かの拍子に使って見てびっくり！ものすごい操作感と読み込み速度が実現していました（ﾟ回ﾟ）フラッシュっぽいけど、マウス左ボタンクリックできるしちがうのでしょうか…？実用的でリッチな完璧なビューアーですね。

マウスホイールでズームインアウトもできます。ワンクリックでちょい近づきダブルクリックで前面表示型に切り替わります。

引っ越したんですが、まだもってきた荷物は全部ダンボールに入ったまま整理できてないヤンプーですこんにちは。最低限前の家を引き払うまでできて、そこから全然進んでないかんじです。うーん、やることたくさんです。
今日は、公共のスペースを汚す「ガムのポイ捨て・壁にこすり捨てる」行動をアートに転換する広告をナレッジ。

壁に噛み終えたガムが壁に塗りつけるのはマナー違反ですが、こんな広告があれば、面白いですね。そういう行動をする人の意識を改善するかどうかは疑問ですが、こういった発想の転換の試みが色々実施されることで、ほんとに役に立つサービスが思いつくきっかけになったりするのかもしれませんね。ぼくらとしては、こういったことにもアンテナを貼って良い部分を吸収していきたいものです（'u'）
ウェブサイトのナレッジからは外れていますがきょうはこんなかんじで。

ひろぎんマイ ライフ プラス　「願いを星に」

ヤンプーですこんばんは。
今日はかなりつくりが細かい参加型サイトをナレッジ！
星座って、夜空を見上げた昔の人は、星の数が決まっている制限の中で想像を膨らませていたのでしょう。そんな星座を描く楽しみがあじわえるコンテンツが登場したようです（'u'）広島銀行のマイライフプランというサービスのサイト内にあるスペシャルコンテンツ。内容としては、タイピングゲームをし、評価に応じて星がもらえ、その星を自由に配置しつつ線で結びつつ、名前を決めつつ夜空に浮かべられるというものです。

はじめにエンターを押してキー操作の認識が確定してからスタートするところや、fuでもhuでもタイピングされるところなど、細かいところで心配りができているようです。タイプミスしたときのエフェクトもかわいい！

タイピング結果苦手キーの表示がかなり親切！

タイピングが上手でないと、もらえる星があんまり光ってなかったり小さかったり、数が少なかったりして、あんまりいい星座が描けません。なのでなんどもゲームを繰り返しやってしまいました…。はまるゲームというのは、こういうコンテンツにユーザを呼ぶ大切なキーワードですね！上手ですねー。

MyMiniCity

出張してきました。広島松江間のバスの中で企画書類作り始めてしあげれたぎりぎりばたばたなかんじだったヤンプーですこんばんは。今日のナレッジはこれ。ひとことでいえば、ブログでオートシムシティー。ブログがはやるほど街が成長するほっといて、たまに見に来て楽しめるお遊びなゲームサービスです。なにもしなくていいのに楽しいってのはかなり長期間遊べそうですね。

株式会社 光波

今日は島根出張のヤンプーですおはよございます。
今日ナレッジしたいのはLEDの光波のサイト。最近よく見かけるすっきり系白ベースのサイトなのですが、ビジュアルの入れ方、表の扱い、ナビゲーションの構成など、すごくわかりやすいです。はやっている作りだとしても、やっぱりクオリティーには差があっていいモノはいいですね。と思えるサイトでした。

「あっ、売り切れだ…。」
「お前は売れ残りだけどな。」
情景が思い描けるピンポイントなこのコピーに惹かれてしましました。
あーこんなちょっとした幸せなシーンは、LEDのおかげなんですね。と素直に思えました。こんなメインビジュアルが3種類用意されているようです。画面サイズに応じてちゃんとフルサイズぴったりの伸び縮みができるすぐれもの。かなり参考になります。画面サイズ大きいとどうなるのか…1280より大きい人、報告してもらえるとありがたいです！

コンテンツは少ないですが、ページごとに印象を与えれる様にイメージを統一しつつけっこう図化してっているのに気づきます。こちらは自動販売機LED部品の図。

年表なんかもきれいに図化されてます。

隅々まで気配りできてるきれいなサイトですよね。気が引き締まる感じです（'u'）

EDWIN│DENIM（デニム）・JEANS（ジーンズ）のエドウイン

やっと落ち着いてきたヤンプーですこんにちは。
今日のナレッジはデジムジーンズのエドウィンのサイト。サイトマップ的にスペシャルコンテンツも通常ページも商品ページも全部並列にして同じサイズのサムネイルを並べています。サムネイルが全て動いているのでスカパーでテレビを選ぶ感覚みたいです。ユーザーにチャンネルを選ばせてレイアウトも変更可能にすしていますし、お気に入り機能もあります。ユーザーごとに必要なチャンネルを、簡単にドラッグインしてショートカットを作れるようになっています。
情報が多いサイトにうまく組み込めば使いやすいものになりそうですね。

CMコンテンツの土屋アンナがかっこいい！

Play with Honda! closeup! Yahoo!

こまごま仕事してたら夜になりましたやんぷーですこんばんは。
なんだか忙しいです。
今日のナレッジはポータルサイトバナー広告のすごいのです。
ヤフーインターネットクリエイティブアワード2007で広告主の部金賞になったHONDAのポータルサイトバナー広告。占いやゲームなど、人が集まるポータルサイトのジャンルにあわせたテーマで複数作られていて運営側としては扱いやすい内容だなろうなーと思いました。
HONDA車をスポットライトに当てて得点を競うゲームや、都道府県がそのままパズルゲームになっていたり、RPGをモチーフにしたゲームがあったり、楽しめるものがたくさんあり、かなり参考になります。このサイトバナー広告たちトータルで2億PVをたたきだしたそうで…広告を押し売りしないけど、遊んでもらう内容の中に伝えたいことが隠されている、程よい距離感でみんなに親しまれるバナー広告になっているっぽいです。

岡山一番街 - 2008 VALENTINE

こんばんはおはようございますもうAM5:30になってしまいました…やんぷーです。
今日のナレッジコンテンツはこちら。岡山一番街のバレンタイン企画コンテンツ。ハートの弓を射って木になっているブランドごとのハート型のボーナスエリアにぶつけると得点が入るミニゲームです。イラストの質感がすごくでていてきれいです。

ハートとぶつかって得点ゲット。

はじめて当てたブランドのときは、オススメ商品の解説がはじまります。

そのままメインサイトのパーマリンクへ誘導したり…。

そのまま跳ねるハートの行方を眺めていると、地面に落ちてスコアが表示されます。

スコアが良い時や悪い時で隣の女のこの機嫌がかわります。シンプルですが、飽きさせない作り！