Suitsupply

冠婚葬祭でしかスーツはきないヤンプーです。おはようございます。
スーツがほしくて見つけたサイトではないんですが、こんなフルフラッシュサイトがありました。
フルサイズででてくるスチールのクオリティが高いのと、演出が面白いです。霧や蜘蛛などスチールに1部分ムービーを重ねていたりしているところなんか遊び心がありますね。

注目したいのは、このムービーとスチールの組合せをすることで、色々な演出をしているところ。こちらは基本スチール撮影したものに、もあもあ動く霧を被せています。

商品の詳細部分。回転しながらモデルさんが現れます。

正面で停止したときにスチールに切り替え。
ドラッグやズームしつつ閲覧できます。
現れるときと消えるときにだけムービーを使うって演出していますね。
ムービーのメリット(演出力)と、スチールのメリット(画質)を融合しています。
よく見るとムービーとスチールの切り替えでズレが出るのがちょっと気になるところ。
フェードで切り替えると違和感なくなるのかもしれませんね。

Orisinal Morning Sunshine

先日彼女の実家に遊びにいったヤンプーです。こんにちは。
彼女の実家はフランクなおうちで、向かいの若いご夫婦さんの4歳児のお子さんが朝から家に入ってきて騒いでたり、スズメにえさをあげてたり、ネットのゲームしたい！とせがんだりしています。
最近は、ウェブ上で検索するだけで、たくさんのフリーゲームが遊べるすごい便利な世の中になったもんです。その子は、マウスクリックで跳びはねるスケボーアクションゲームなんかがおきにいりらしいのですが、それもすぐに飽きてしまい、新しいゲームをせがんでくるらしいのです。ネタがつきてしまったらしく「なんかゲームないかね？」と彼女父に相談されました。
ZOOKEEPERとかどうかなと思ったんですが、カラフルなデザイン好きそうだけどパズルゲームははまだ理解できなさそうということでした。たしかに…。ゲームといっても幼児が楽しめる、マウスクリックだけで遊べて楽しいゲームって結構ニーズがあるのかとふと納得。そういえば、そんなニーズ対象っぽい面白いゲームサイトがあったなとおもってブックマークを掘り返して見ました。

障害物を避けつつ車両を跳んで進んでいくアクション。
クリックでジャンプ。マウスの位置によって、移動したりしゃがんだりします。
ちょっとむずかしめ。

モチーフがかわいい！鯨の潮で船を空に浮かせて氷山を避けたり飛行機にぶつからないようにするクリックオンリーのアクション。シンプルだけど楽しいゲームです。

スピード感がかなり楽しいウサギが夜空を跳ぶアクション。
空に浮く鐘を階段状に飛び上がっていくゲームです。
マウスを左右にふるだけ。

春夏秋冬をモチーフに4倍難しくした。スペースキージャンプで避けるゲーム。同時に4匹がジャンプしちゃうので、走る位置をクリックで移動させる操作も複合しないといけません。児童用にはちょっとむずかしいそうさになっちゃいますねこれは。

マウスがふれると跳びはねるヒヨコ（？）操作はシンプルです。
卵を飛び越えるとヒヨコが増えていくのもかわいいです。

マウスカーソルが風車になっていて、風船に近づけると風船が風が吹いて動き出す。操作はマウス動かすだけなので簡単です。風船の下にぶら下がっているカゴの中に舞っている華を入れて行くゲームです。

これら見た感じ子供向けですが、大人でも十分遊べるバランスです。このジャンルだと、プレイ年齢層の制限なく幅広く遊んでもらえるゲームが作れそうですよね。この作者のセンスがあってのことだとは思いますが…。かなり参考にしたいウェブゲームサイトです（'u'）

ホーム ソフトバンクグループ通信3社 2009年度新卒採用

年末ですねー。昨日分をいまごろせかせかアップしてるヤンプーです。おはようございます。
大企業がウェブでお金をかけるコンテンツといえばリクルートコンテンツです。
これは、結果がはっきりしているから…なのでしょう。結果というのは"良い人材に出会たかどうか"。ですから、使った制作費予算と見返りの比較が具体的にでき、費用対効果がはっきりわかることになります。手法や質にこだわったリクルートサイトが多いのはそういった理由からなんでしょう。
そういった背景を考えつつSOFTBANKのリクルートサイトをみてみましょう（'u'）

コンテンツ名は"挑戦するということ"。最初の画面では、"○○○○に挑戦"と入力してください…と、テキストボックスがでてきます。よくみるとブロードバンドならではアウトラインフォント入力テキストボックス！質にこだわっています…。コンテンツに共感してもらうために、企業側の挑戦と、新卒学生側の挑戦を提示するところから始めてるんでしょう。たぶん。

いろんな人の"挑戦"が螺旋状に混ざり合って漂う演出でメニューが登場します。
・先輩社員の行うプロジェクトのインタビュ－記事コンテンツ
・社員の一日を追うコンテンツ
・施設紹介コンテンツ
の3つをよういしてナビゲーションしています。

スペースの使い方が雑誌みたいですね…。

モザイクの演出などオシャレです。
BGM付き動くオシャレな雑誌という感覚。

社員54人の1日をそれぞれ見れるインデックス。

わかりやすいインターフェイスで複合絞り込み検索できます。使いやすい！
全ての検索対象がみえていて、暗転するかどうかで切り替わる方式。

社員ひとりひとりに用意されているのは3種のアンケートシート。
手書きで書いてもらったそのままを表示しています。情報が収まりきらないところをうまくアナログ感覚でドラッグできるようにしたりして収めて解決しています。コンテンツ制作する側の作りやすい手法ですし、新鮮でナイスセンスです。

施設紹介の写真もカッコイイ！実際社員さんが使っているシーンがちゃんと収めてあります。入社後の自分を想像しやすいですね。

最終的に進んでほしいフォームもキレイにわかりやすくつくってあります。

Grow a Xmas Tree

最近お歳暮の煎餅がごなんになっているヤンプーですこんばんは。
今日御紹介するウェブサイトは、クリスマスのグリーティングメールが送れるメッセージカード（？）コンテンツ。書いたアルファベッドがクリスマスツリーのデコレーションのごとくらせん状に張り付いていく光景は文字打ってて楽しくなります。

ブログ分析レポート - emo[エモ]

レポートネタがなくならないかハラハラしながら毎日更新してるヤンプーですこんにちは。
ナレッジブログにお越し頂ありがとうございます（'u'）
このブログ公開してからはまだ半月ですが、去年の3月から毎日ブログを更新続け、はや1年9ヶ月になりました。何でこんなブログの始めたのかというと…当初はメモがわりにするためでした。フラッシュサイトの提案やブレストそする機械が増え「あのサイト参考に見たいけどどこだっけ？」とかよくなることがあり非効率的だーと思ったんです。なので仕事で参考になりそうなサイトや面白いものなんかをレポートしてメモして蓄積していけば、後後、役に立つぞ！じゃーブログで作ってみようと思ったわけですね。そして今でも「あ、えーとあのサイト…どこだっけ」というときよく使います。サムネ付きブックマークみたいなもんですね。そういう時使うのは右のナビゲーションの下の方にあるList of Thumbnail を使っみてください。普通にブログを使っている方も、昔の記事を振り返りたくなったり、どういう印象で診られているか気になるときもありますよね。

ちょっと前置きが長くなってしまいましたが、今日御紹介したいのは、ブログツールと解析を組み合わせたサービスemo。あなたのブログでの口癖、傾向、成分なんかを分析して、顔を作るサービスです。

レポート・口癖・傾向・成分がわかります。口調などから正確を割り出しているみたいです。スクリプトをアップした日には「ナゾ度」が上がってしまいそうですがどうなんでしょう？成分表の上位成分の色がそのまま顔の色、管理画面の色になるようです。

March of Dimes Campaign Site

こんにちはーじゃない…あーこんばんはー…今日は遅くなってしまいました。
今日御紹介したいサイトは、子育てポータル系サイト（？）大量にあるシチュエーションを文章にまとめ、シチュエーション別文章から、それらにマッチした詳細ページへ誘導する役割のフルフラッシュトップページ。機能的と言うよりはアート的。ぱっと見、シチュエーションワード文で埋め尽くされた文章でタイポグラフィーアートを表現しているっぽく見えます。しかも動画（ﾟ回ﾟ）

裏方の作を想像するに。

まず、フラッシュ内全画面をテキストボックスに。
Aタグでリンクした文書を改行ぜずに並べる。
マウスオーバーのスタイルシートを設定。
FLVもが面一杯にして配置。
FLVをレイヤー効果で文字の部分だけ色が濃く出るように設定。
というかんじですかね－。

マウスオーバーします。フラッシュ内でスタイルスシートを定義してるっぽい。

検索。ハイライトがつく。これどうやってるか不明…。
１文ずつAタグにIDつけてるんだろうか…？それなら可能っぽいなー。

年末忙しい中こんにちはー今日も書きますよ。まだなんとか3日坊主にならずに毎日更新続いてるヤンプーです。
さて今日衝撃を受けたウェブサイトは…というかこれはウェブサイトだけに注目するべきではないものなので、もうちょっと大くくりに御紹介。ひとことでいうと「集める楽しさ」がうまく形になったアートトレーディングカ－ド「トレカレ」についてです。

日本人ってガンプラとかもろもろコレクション気質の人結構多いですよね。A型が多いからでしょうか？全てコンプリート！足りないものがあると埋めたくなる、そんなコレクター心をくすぐる配布方法にまず注目。
このカード、カレンダー、トランプ、トレーディングカード、アート、イラスト…の要素が混ざっているもので、都内の雑貨屋やら、デザインギャラリー、インテリアショップなどいろんなショップで無料で配布しているようです。置いてある場合や、買い物したらついてくる場合など様々で、たぶん、場所によってもらえるものがかぎられてたり（？）ある場所にしかないレアなカードとか存在するのかもしれません。
買い物してたら次第に増えていき、「あのショップでアレでたよ」とか「オレこれ2枚あるから持ってないやつと換えてよ」とかワイワイしなたら、全部集めるとトランプとして遊べるというものですね。

イラストもアート的。オシャレですごくほしいトランプですし、さらに、売ってないわけで集めたくなります。
そんな人にウェブ上で遊んでもらえるコンテンツ付きです。ここがフラッシュサイトになっていて、HIGH＆LOW、ブラックジャック、神経衰弱、スピードなんかが遊べます。リアルでの企画もすごいですが、ちゃんとこういうコンテンツも作り込まれていることがびっくりです。解説にカードのマークと数字が見難いって書いてありましたが、たしかにみにくいです。でも、集めていくうちに絵柄と数字は覚えていくだろうし、普通のトランプより難易度がちょっと上がったとおもえば、それはそれで楽しく遊べそうですよね。そんなにデメリットではないでしょう。
フラッシュのテクニック的には、カードを裏返すときに、ビットマップの変形で3Dテクスチャにしてるあたりピンポイントで高いテクニックを使っていてかなりカッコイイです。BGMもハイセンス！もう存在するゲームをどれだけスムーズに遊びやすく作れるか…フラッシュのコンテンツ制作のスキルが試される場ですが、かなりのクオリティーです。素敵です（'u'）+
FMSでみんなで遊べる仕組みが入ると、さらに「普通に毎日遊びたい」ゲームコンテンツになるかなとかおもったりおもわなかったり…。

カードの正しい使い方にあるイラストもピンポイント！

ブログパーツもあります。
ホンモノは1年分のカレンダーですけど、ブログツール上だと1ヶ月分のカレンダーになってます。使い勝手をちゃんと考えて気配りされていることが伝わりますねー。

omonbakaru.com

いわゆるウェブでめしくってるヤンプーです。こんにちはー。
週明けましたね。今日は月曜日。仕事たまってますよ。やばいやばい。
ぼくの場合、会社員としてウェブデザイナーをやっているので、ウェブサイトの制作をしてクライアントさんから会社を通して給料をいただいて毎日を食いつないでいるわけです。ビジネスなので…。お金にならないことを毎日やってしまっていては、会社も自分も生きていけないわけです。ですが、せっかく手に職があって、他の人では作れないものを作れるぼくらは、ウェブの技術でなにか社会に役に立つものを作ってもいいんじゃない？ともおもったりします。
ウェブサイトは、ひとりでも作れちゃいますよね。
今日は、そんなひとりとか少人数で作れちゃうものにも、沢山の人を救う力があるかもしれない…そう思えるウェブサイトの御紹介です。

こちら慮る(おもんばかる)というサイト。
リクルートメディアコミュニケーションズという会社さんが運営しているサイトのようですが、がっぽり儲けたるぞ！というかんじのサイトでもなさそうです。お題にあわせて、アート作品を作れるインターフェイスが用意されていて、沢山転がっているおもちゃのようなパーツを、自由にドラッグ・回転・ズームなどをして組み合わせて投稿できます。

アマゾンに似せて作ったOMONBAKARU　ONLINEというショッピングサイトでは、本当に投稿された作品を販売しているようです。管理者側は１回40円の手数料をもらい運営しているようで、商品の売り上げ自体は、ユニセフに募金するという流れになっているようで、貧困の子供達を救う目的のサイト+CSRサイトという役割っぽいです。
NECのエコトノハなんかもそうですが、素直に受け止めて見ると、こういう試みというのはとても有意義なことだなーと思います。うちもこういう仕事に絡んでいけるよう、精進して日々勉強していきますよ！（'u'）=3

■なんかよくわからなかったところ。
パーツを組み立てるインターフェイスの操作で、画面より外側にある商品をドラッグしたいんですが、どうやればいいかよくわかりませんでした…。スクロールもみあたらないし、どうしたらいいんだろ？

STUDIO E-SPACE INC.

最近ツイッターはじめてみたヤンプーですこんにちは。

都内でクリエイティブ向けの書籍やウェブ・コンテンツ制作を行っているスタジオさんのサイトです。こちらのサイト、イラストを軸にレイアウトされています。なんだか新鮮に感じます。それは、周りのウェブサイトと違う部分が多いからナのではないでしょうか？オリジナリティーが高いレイアウトですよね。斬新だからといって情報の詳細にたどり着きにくいわけじゃありません。これはわかりやすくてあたらしいですよね（'u'）

最近は一般的なウェブのデザインっていうと、すっきり白ベース、ボタンはひと塊に並べ光沢エフェクトを入れる…というようなビジュアルが多くなってきました。いわゆるウェブ2.0的デザインというんでしょうか。無機質ですっきりしててカッコイイ。そんなサイトが今も毎日どこかでリリースされています。
「世に出てくるサイトのデザインがみんな似てきてしまっているんじゃないか」という声もちらほら聞くようになりました。業界的に作り方のセオリーが確立してきたからかもしれません。
SEOに適したコーディングやBLOG・CMSのテンプレートなどが主流になったことで、「レイアウト・デザイン部分」と、「内容テキスト部分」のワークフローが分かれてないといけないことが多く、「分けて作りやすい方法」が模索されてきたことで、すっきり！みやすい！構造的！な形が主流になったのかなーと個人的にはおもったりおもわなかったり…（'u'）

デザインする立場としては、ページ構成のナビゲーションやページ内のレイアウトなどをよりわかりやすくするにはどうしたらいいかなーと日々考えてサイト制作しています。ですが、より沢山のユーザーに使いやすいものというのは、やはり「慣れ」になるでしょう。
自動販売機のボタン部分のインターフェイスがどの会社でも同じように、説明が入らないわかりやすいインターフェイスというのは、やはり「一般的なもの」を作るのが安全パイです。

「一般的」からはずれても、わかりやすい。

それができているこのサイトはすばらしいとおもいます。

実況ジェネレーター2008 project Blue

休日はサッカーやってますこんにちはヤンプーです。
休日サッカーを楽しんでいる人って結構いますよね。最近ではフットサルとかはやってますし、広島のサッカーリーグでも一番多いところでは140チームもあります。息子のサッカー部の試合をハンディーカムで映像に残したり、友達同士でフットサルチームを作って試合を録画している…そんな人達も増えてきていることでしょう。そんな人達にもっとハンディーカムライフを楽しんでもらうための、よくできた面白いサービスがありました。今日はそんなサービスのご紹介です。

ウェブ上に映像をアップできるSONYのEYEVIOと言うサービスがあります。
YouTubeのSONY版といってしまえばイメージしてもらえ易いと思います。

自分がEYEVIOにアップした映像を使い、プロの実況ボイスアテレコして編集して行くことができる、遊び感覚のサービスです。内容はサッカー限定。インターフェイスがかなり使いやすいのでその辺に注目してみました。
映像を編集する画面では、実況ワードを選び、ドラッグでタイムライン上に置くことができます。置いた後、ずらしたり、消したりもできます。実況解説者が二人とベース「ゴーーール」などの声合わせて3トラック用意されています。２人でしゃべれば声がかぶることもあるから、トラック分けもちゃんとつくったんだなーと関心。細かいところまで気配りしてある作りになっているっぽいです。

お気に入りの実況ワードをドラッグで登録でき、映像を再生しながら、キー操作でタイムラインに置いていくこともできます。

完成したアテレコ映像はサービスサイト内でいつでも観ることができるようです。
パントマイムのやつとかルーツのやつとかのコンテンツに近い仕組みですが、なかでも一番ユーザーが楽しく使ってくれそうなサービスですね。

これってSONY商品を使ったライフスタイルの提案として、より面白くしてくれるウェブサービス…なわけですよね。ハンディーカムの普及のためのサービスでなければYouTubeでこれができても面白いんですが、ユーザーを囲い込まないといけないのでこうなってるんでしょう。ニコニコ動画はそういうしがらみはなく純粋にテロップをいれれる類似な手法だとも言える気もします。

EYEVIO自体については、雪吹さんが講演を聴いたそうなので何か補足があればお願いします。

T Y P E F L A S H

いろんなサイトをみては良いところを探す癖をつけたいヤンプですこんにちは。
Flash7でマウスホイールの信号を受け取れるようになり、Flash8でぼかしやオーバーレイなどのレイヤーー効果が使えるようになり…いつのまにかいろいろな機能が充実しているフラッシュですが、AIRやFlexではなくてもダイアログボックスってもう出せたんですか？知らなかった…アプリケーション実行ファイルとかにしなくてもできるんでしたっけ？
画像ファイル参照のダイアログボックスがでて、ローカルファイルを読み込んでウェブ上にアップ、そのまま表示されます。○アイコンUploadPhotoボタンで操作。これはすごいですよ。何事もなかったかのように普通に作ってありますが、ダイアログボックスってどうやって出すかまだよくわかってませんし画像をFTPってどうするんでしょう（汗汗）こんな仕組みが作れたいろいろできちゃいますよね。仕事にかなり活かせるのに…勉強不足です。フラッシュ単体ではつくれないのかも…。PHPの連携必須な気もしますね。テキストを打ちこめれます。変わった動くフォントばかり。VJ系の動画制作が目的になるんでしょうか？不明です…。

xpo -- réalisateur & directeur artistique freelance -- Film & Art director

こんにちはヤンプです。もう年末も中盤に差し掛かかろうとしていますよ。いつのまにか。
時の過ぎるのが早いですね。つい4、5年前までは、フラッシュの読み込みファイル容量などの32kアナログ回線での検証もしていましたが…。いまじゃ、ローカル・USBでもウェブでもデータのやり取りはあんあまり大差なくなってきました。むかしは「なったらいいな」と思ってたことはいまじゃあたりまえなんですね。
そんなネット環境の変化でじんわり当たり前になってきた動画の表現。YOU TUBE・ニコニコ動画などのストリーミングでのサービスが認知されています。昔は目新しかった動画の組み込まれたフラッシュサイトも、いまでは動画も表示すればおもしろいコンテンツになるわけでもなく、使いやすさや映像自体の質がどんどん要求されていくでしょう。
ウェブ業界に映像業界のノウハウが必要になって来てますね。

今日紹介するのは、こちら。映像制作のポートフォリオサイト。
サムネイルがあってクリックしたらその映像をじっくり見れるという構造ですが、サムネイルをマウスオーバーするとサムネイルがもう動画として動いています。どんな内容なのかがこの時点でけっこうわかっちゃいます。このサイト、映像作品自体のクオリティーも高いのでぜひぜひみてみてください。

ベリテ -VERITE-

こんにちはー、ナレッジブログが公開になり初めての記事となります。
そんな記念のエントリーを今日かいているわけですが、そんなときはやっぱり選りすぐりのものが良いですよね。そこでこちら。フラッシュで制作したからこそ作れた、操作性や高級感の演出、さらに絞込み検索機能を感覚的にわかりやすく操作できる、注目すべき点が沢山あるお手本なサイトです。
こちら、アクセサリーブランドのサイトのようですが、まず、これはキレイなイラストですか(！？)と思うよな統一感のあるグラフィック部分での洗練さでまずあぜん。とにかく写真がキレイ！サムネイルアンチエイリアスもきれい！マウスオーバーでハードライトアニメーションされています。フェードインフェードアウトの変化も滑らかな動きです。
サムネイルワンボックスをマウスオーバー中に、右下にハードマークが…お気に入りに入れる操作とアイコンを両立している明確でわかりやすい作りです。ちなみにお気に入りアイコンがチェックされているサムネイルはマウスが離れても♥マークに色がついて表示が継続されます。
ウインドウサイズが変わったらどうなるか…サムネイルの並び直しの処理が行われて、画面に収まるように変化します。縦に長すぎる場合は「次へ・戻る」のナビが表示される作り込みがシンプルかつ丁寧なサイトです。
サムネイルリストの表示中、ひとつずつ順番に読み込みと表示を行っていますが、全てが表示されるまではクリッカブルになりません。そういう制限はぼくはかけたことがなかったのですが、そういう新設設計の考え方もあるんだ（ﾟ回ﾟ）と新しい発見でした。

基本的に羅列してあるサムネイルからひとつ選び、商品詳細を見るという流れ。そこからは関連商品への誘導か、お気に入りしておくか、彼氏におねだりするか…という流れが用意されていますね。ただのメーラーのが立ち上がるだけのリンクなんですが「おねだりメール」というコトバに帰ることで、このサイトから先への誘導が明確になっています。すご。

そして商品検索。サイト全て「サムネイルリスト→詳細ページ」というすべて同じ流れで構成されていますよね。商品検索もそう。種類や価格帯などの項目を複数選んでいくと、絞込み検索され、関連商品だけのサムネイルがでてきます。ひとつ残念なのは、検索が絞込みしかできないこと。2項目選ぶとすぐに検索0件になっちゃうので、「～または～」というOR演算の絞込み検索の機能もあればもっと商品を検索しやすくなるのではないかなと思います。とはいえANDとORの絞込みを両立したインターフェイスってデザインするのが難しいですね。うちで検索案件があったときには、色々考えてみようと思います。

社内ナレッジ共有のためのブログだったCANDO CORPORATION KNOW LEDGE BLOGのブックマークコンテンツを公開することになりました。今後も毎営業日更新でちょこちょこ更新していきます。サイトの企画やキャンペーンコンテンツの企画などで参考になるよう、面白い手法や新しいアイデアが詰まっているサイトなどを紹介しまとめていきます。ブログの機能やデザインも今後、追加やリニューアルをしていく予定です。MovableTypeとFLASHとの連携などの実験としても活用していく予定です。
今まで社内用のコンテンツを見られていた方、今後見ていただける方、今後ともよろしくお願いいたします（'u'）

MAKIBISHI COMIC マキビシコミック

いろんな場所をクリックすることでストーリーが進んでいくアドベンチャー系のウェブゲーム。ウォーリーを探せにRPGの要素をいれたかんじです。制作会社のサイトの1コンテンツでイラスト、BGM、SEもきれいにまとまっていてかなりの完成度です。クリックするだけじゃなく、アイテムをドラッグするなどのひねり要素もあり、展開も面白い。最終的にクリアするとクリアタイムのランキングベスト100の結果がみれます。一通りプレイすることで、メカシノビたちの生まれる過程や生活、故障して死んでいくまでの、シュールでポップなマキビシコミックの世界を知ることができます。

Munetaka Tokuyama Photographer

ほんとシンプルですね。必要なものだけしかないサイトです。スライドショーの仕組みがきれいに動いているフォトグラファーのポートフォリオサイト。アメリカのファッションフォトグラファーの登竜門らしいSurface Magazine's Avant Guardian Isuueに選出されたすごい人のようです。FICCさんと深いつながりなのか、右下にリンクが…。
サムネイルリストをずらしていくボタンなんかクリックプレスし続けるたり連打したりしても機能していて、感覚的に使いやすいよう細かいところも考慮してあります。サムネイルの機能、フェードのバランスなど、シンプルですがとてもきれいなフラッシュ機能美なハイクオリティーサイトです。

12design

面白いものを作れる会社というイメージを打ち出していく自社サイトなら、このくらいやったほうが技術的にもアピールできますよね。実績のサムネイルには「ぼやけたもの」と「パズル化されたもの」の２パターンの表示方法があるようです。注目したいのはパズルの方（'u'）サムネイルで遊べます。パズル完成させないと詳細を見ることができません…。お急ぎ・せっかちの方はぼかしモードの方でみると普通に見れます。2、3個いっきにずらしたりできてパズルの機能の作り込みもきれい。

ボランティアデザイン運動、日本デザインコミッティーってののサイトです。
SEO以外の面で言えば、１ページ1枚のフラッシュでページを構成したらhtmlとcssでの操作感よりもスムーズに作れる可能性があります。HOME TVと同じように、縦に長いフラッシュを配置することでhtmlのスクロールを活かす手法がとられています。これのほうがかなりスムーズ。