PS3のWii対抗の切り札はVR-3Dコントローラ？ Gizmodo Japan（ギズモード・ジャパン）

大志君の家でみんなでゴルフやテニスをしたコンシューマゲーム機のNintendo Wii。ちまたでもまだまだはやってるようです。
今、海外では手のひらの傾き、指ひとつずつ関節の動きを認識するグローブ型のコントローラーが開発されているようです。このまま普及していけばWiiでブラウジングする人も増えるでしょう。ゲーム機のコンテンツ制作にウェブの技術を用いるのが一般的になる日も近いかもしれません。そうなると、Wiiの最先端のコントローラデバイスとウェブの仕事が絡む可能性もでてきますね。今後が楽しみです。

REC YOU.

SONY WALKMANのプラグイン的ダウンロードサービス。自分の顔をウェブに投稿。投稿は静止画なのに勝手に自分の写真が動き出す。ブログシールなどの展開いがいにWALKMAN自体のアプリケーションとしてもダウンロード可能という斬新な企画。
WALKMAN持って、歩いて曲聴きながら、ふと画面を見ると、流れている曲にあわせてノリノリで歌っている自分が映ったりするわけですね。
赤ちゃんを投稿している人も多いみたいです。自分の子供が歌いだしすってのもかなり面白いすよね。

今年頭に紹介したROXIKの技術と一緒に見えます。同じ人が作ってるかも。

テキストを送信するとmp3をサーバに作成しつつURLを返してくれるAPIがあったので、ブログのエントリーの文書を読み上げてくれる機能をフラッシュで作ってみました。
エントリー右上のふきだしアイコンをクリックすると、無機質な声の人が記事を読み上げ始めます。
情報提供：アフロッグ
API：api.satoru.net

歌え！ルーツ飲んでゴー！

入力した文書が音声とテロップになってＣＭのワンカットになる。
自分で作詞してCMを作れるサイト。

歌詞書いて応募して見ました。
http://www.jt-roots.com/utae/listen.html?id=MDAwMDA4NzQwNA==

シーン選ぶ / 声選ぶ → 歌詞書く → プレビュー → ＣＭ応募 / 友達にメール / ブログにはる

注目したい部分は自動音声。
自動音声の代表例であるHondaSweetMissionでは、漢字も読めるんですが、こちらはひらがな入力を指定しています。難しい仕組みをはしょってしまってるわけですが、それほどマイナス要因にはならないですねたしかに。これなら、ひらがな80文字弱分×ドレミ音階だけ音声を用意しとけば制作可能だとおもいます。

濁りのあるお茶「あやたか」のプロモーションサイト。
濁りの良さの解説や、CM、ユーザーの声などのコンテンツがあります。
フルフラッシュなんですが、コンテンツの移動があるたびにURLが変化します。
#がついているので、フラッシュ内アンカーです。
キラーコンテンツがフラッシュ内の一部にある場合などでは、かなり有効な手法。
コンテンツ直飛びのURLをメールやメッセで、送ることができます。
コンテンツの読み込み開始のとき、きれいな画像を読み込むため長いロード時間が発生します。読み込み前から荒く軽い画像を代替画像として用意しておくことでよりスムーズな流れになってます。細やか！
口コミで普及させる注目コンテンツはこれ。

家紋ジェネレーターコンテンツ。
自分の名前と生年月日を入れると自分の家紋がでてきます。
柳谷：栗
大志君：サボテン
でした。
自分の家紋ができると、占い的解説文がみれて、スクリーンセーバーがダウンロードできます。シンプルなので使いやすいとおもいます。家紋が真ん中にあるだけのがほしいくらい。

クオリティーも高く、占い要素もあります。
人に教えたくなるコンテンツからの誘引を促進するために、こまやかな配慮がされてる勉強になるサイトです。

「ジャンプスクエア」を検索されたみなさまに

マンガ雑誌月間ジャンプが6月に休刊し、11月から新しく創刊されるジャンプスクエアという雑誌のウェブサイト。最近よくCMからの誘導のために使う「詳しくはウェブで」の手法をアレンジした裏技を使っています。
CMで「ジャンプスクエアと検索しないで！」と告知。
検索されると何かまずいことがあるのか？と思ったり、
お、新しい誘引手法だ、ひねってあるなと思ったりして、
逆に心理的に気になってしまう、誘導のすばらしいアイデアだと思います。
アイデアはそこで終わりではありません。
ジャンプスクエアでぐぐると"「ジャンプスクエア」を検索されたみなさまに"というページを用意…というかそれがトップページになっています。検索された人達へのメッセージと検索ボタンがあります。検索ボタンアは実はただのエンターボタン。下階層に入ると見慣れたレイアウト…グーグルの検索結果のレイアウトで表現されています。キャッシュ - 関連ページとかの表現。一本筋を通してデザインを殺したまとまったサイトです。
"もしかすると：～"の表現なんか結構ツボ。

ユーザーの誘導が斬新納得な手法です。
CM→検索エンジン→サイトトップ→コンテンツ全般→深く認知…発売日

あとの注目コンテンツ
・発売日までのカウンターブログパーツ
・月間ジャンプからの引継ぎ数作品を1話丸ごと見れるウェブブック
・創刊号に掲載される数作品の内容の冒頭がケイタイでみれるコンテンツ

mokuva

制作会社か、デザイナーイラストレーターのユニットなのかちょっとわかりませんが、チームのスタッフ名と肩書きだけを紹介しているコンテンツボリュームのすごく小さいウェブサイトです。ですが、かなりのインパクト。一人ひとりの紹介ページをクリックで割って進んでいくエフェクトがかっこいいです。処理重ですが…。ビットマップキャッシュしたら軽くなりそうな作りではあるので、こういう表現も何かで使えるかもしれませんね。

クリッピン・ジャム - クリエーターのこだわりをクリップするウェブマガジン - Clippin JAM

情熱大陸、NHKプロフェッショナルなど、今輝いている人にスポットを当てて紹介する番組がありますが、まさにそんな感じ。ウェブで展開するNHKプロフェッショナルみたいなサイトです。jam-associatesという関西のクリエイティブの会社が運営。取材対象は、アーティストやクリエイター、職人やデザイナー、フォグラファーや浮世絵師やイラストレーターなど。若手ではなく、熟練された職人達を３ページほどにまとめています。

インタビュー形式に近い文章の書き方ですが、名前：……という描き方ではなく、取材されている人の声に「」をつけ、取材側の思いと織り交ぜた構成で表現されてます。ウェブならではの表現方法なんじゃないかななと関心。ウェブの場合、フロートした写真と組み合わせて文章を流し込んでいくので、雑誌と違い、改行するタイミングがかなり早くなりよみにくくなります。この問題をデザインで解消するのではなく、コピーで解消しているのではないでしょうか。

サイトの取材などの出来事をつづったメイキングブログもあります。

ホームページ制作無料 高級ホームページ制作 neosystem ネオシステム

ホームページがただでつくれる。
そんなサービスがあるみたいです。

なんていうかびっくりですね。
ビックリマンのシールみたい。
ほしいモノがおまけでついてくる感覚に近いような…。
サーバーの契約におまけでデザインとコーディングがついてくるみたいです。
システム・サーバー管理からウェブに業種を拡大した会社なのではないかとおもいます。価格帯の希望ターゲットがはっきりしてそうで良いビジネスプランなのかもしれません。うちの場合は、企画デザインからの参入なのでこういう発想には発展しませんねー。
ただということはデザイン費も均一0円、デザインやギミックに掛かる部分やコーディングの正確さ、使用する写真なんかのクオリティーと、価格は比例しませんから、デザイン部署でウェブ制作している人のモチベーションをどう維持しているのかちょっときになります。今後デザイン部署の成長に合わせてサービスも変化していくのかもしれませんねー。

ConceptShare Web-Based Idea and Design Sharing and Collaboration

校正でつかえるウェブツール。
ブレストや企画を練るときに相手にイメージをちゃんと伝えるのにもよさそうです。リアルタイムで反映されるものかどうかは微妙ですがこういうツールがあったら仕事の効率を上げれそう…。リアルタイムでのやり取りができるのであれば、メッセンジャーでやりとりするよりもさらに細かくスピーディーにやり取りができる可能性を秘めたジャンルのツールだなと思います。

飲み物が熱すぎると色で教えてくれる『Smart LID Systems』 100SHIKI.COM

こんなのあるんですね。
熱で色が変わる素材。

【MAZDA】プレマシー

MAZDA PREMACY全員集GO!!!!!!!のキャッチをだしつつ、メタリックな家族が空とんでPREMASYに突っ込んでくCMと連動したウェブ。各コンテンツを選択するごとにこのCM特有の「！」文字がいろいろな動きをします。文字が両側スライドドアを通り抜けたりしてます。下部には、ちゃっかり写真投稿のキャンペーンが。
DEMIOでもありましたが、ケータイからの写真投稿を企画すると、うちの場合、ノイアンドコンピューティングさんとかに頼むことになりそうですが、いまのところ大規模キャンペーンでないと金額が合いそうにないかんじです。意図と企画と規模にマッチしたらぜひやって見たいギミックですねー。

日本郵政

10月も半ばすぎちゃいましたね。
10/1から郵便局が民営化したわけですが、ウェブサイトはどうなったんだろう…と思ってみてみたところ、いまどきのきれいなビジュアルに統一されたサイトになってました。沢山の人が利用している日本最大規模の会社なわけで、今の時代のデザイン基準のサンプルにもなりそうなわけですし、ディティールのデザインとしてもかなり参考になるなとおもいます。
個人的には、「文字の大きさを変更するには」が仕組みで動くのかと思ったら、ブラウザの操作が丁寧に解説したるページにリンクされているだけなのがちょっと目からうろこ的ショックでした。わざわざ島根県商工会連合会のように文字サイズ変更のギミックを作らなくても、世の中アリなのかと（ﾟ回ﾟ）ｿｯｶ

民営化を機にどういうイメージを打ち出していくのか、いわゆるブランディングの転機で、どんなウェブコンテンツを作っていくんだろうときになるところ。こんなコンテンツが登場してました。

あなたの近くにある会社

ロゴから赤の1色の色エンピツが登場して、ラクガキ的動きで、郵便局のサービスでの人のつながりを表現しているようなコンテンツになってます。人と人との繋がりのなかで関わるストーリーに関連する「雷門」などのモチーフのラクガキをクリックすると郵便局関連のページにリンクされています。そのボリュームの大きさは、さすが郵便局だけあって、大量に作り込んであります。
色エンピツでしだいに描かれていくのですが、全て描かれるまでに９分以上かかっています。みているだけでも、まー楽しいコンテンツのできですが…このボリュームや見せ方は、今までに無いかんじだなと、関心です。一店舗ごとに詳細ページもあり、マップとかもあったりするわけで…郵便局ウェブサイトの総ページ数どんだけなのかわかりませんけど、すごいがっぽりな仕事だったろうとおもいます。
こんな仕事に関われても楽しそうではありますね（'u'）

クリエーターズマーケット-東海地区最大の「つくるひと」の祭典-

年に一度名古屋で開催される、プロアマ問わず書家、イラストレーター、ファッション、インテリア、クラフト、ビジュアルデザインなど作る人が集う展示イベントのサイトです。
・出展までの流れがわかりやすい
・開催日までのカウントダウンついててわくわくしそう
・メインビジュアルがは、出展者の作品をトリミングしたものがスライドショーで流れる
・アナログ感、手作り感がイメージできる差ウイとベースデザイン
・インタビュー形式で読ませるいろんな出展者の紹介コンテンツ
・ユーザーのブログを登録することで、トップページからリンクされる

Peter Callesen

ご覧の通り紙で作ったアート。立体のものがほとんど。ペラペラの紙から切り出したシルエットで立体を組み立てていってます。りんごの皮をつなげて剥いたときのような清々しい作品達です。

デザイナーズポータル エキサイト

エキサイトのポータルを面白くするアイデアを公募したアワード。
有名どころのクリエイターさんが優秀賞とってるみたいです。
記事のテキスト、サムネイル、TBやカテゴリなどをフラッシュに読み込んでまとめています。
ブラウザのHOMEがこういうインターフェイスだとたのしいかもしれませんね。

MilleVoce(ミッレヴォーチェ) ：： ～今よりちょっとだけここちいい明日へ～

エコで健康な生活の提案をビジュアル重視・雰囲気重視で読んでもらうコンテンツ。
コスメ販売・プロモーション・ライフスタイルの提案の事業を行っている会社のオフィシャルサイトなんだと思いますが、結構大胆ですね。
green・water・body・foodの4つのカテゴリがありそれぞれのモチーフ葉っぱや水滴がきれい。さらにぼかしをつかって遠近感により臨場感を持たせていて細かいところまで作り込まれている感じです。
別ドメインで運営しているライフスタイル情報サイトNatulifeもきれいにまとまっているサイトです。

gift by nssgraphica

アーティストやデザイナーが作ったオリジナルのTシャツやピンバッジを販売するショッピングサイト。
Tシャツのデザインかっこいいのがたくさんあります。
世間でウェブのスキル水準がどんどん上がってくるとこういうプロジェクトお運営するサイトもしっかりしたカートがついたりしてくるんですね。
全体的につぼだけ押さえてシンプルにきれいにつくたれたショッピングサイトです。

購入までの流れとかわかりやすいです。

株式会社青木松風庵

商品をゆーざーに気に入ってもらうためのデザイン構成がけっこう上手にできていて参考になる和・洋菓子のショッピングサイトです。システムとデザインと導線のプランニングのバランスが取れた制作会社ですね。商品開発のムービーの撮影クオリティーも本格的。商品の末端ページと商品開発のページに横の繋がりがないのが導線的にもったいない。

高性能なオンラインショップ構築システムが低価格で大阪に登場「FLEDEX.pro」

デザインとシステム制作を両立しているメリットを活かし、サーバーインストール型のショッピングサイトを制作ツールのパッケージを作った会社のサービスサイト。
サービスの売り込み方も上手で勉強になります。お問い合わせのフォームの作りなんかとてもわかりやすいです。その他ページもお問い合わせへの導線バナーもバランスよくおいてあります。ユーザーの信頼感を勝ち取れるサイトだなとおもいます。

ホームページ制作のプラルトweb

長野にあるウェブ・ＤTPの企画・製作会社のサイト。
主なコンテンツはウェブの実績コンテンツ。ユーザにわかりやすく見せるポイントをつかんでいるレイアウトと導線できれいに作られていて参考になるサイトだとおもいます。