さわいじり：クリエイター視点で見る[AXE WAKE-UP SERVICE INC.]

---------
2008.4.2追記

4/1まで公開予定でしたが、反響も良いようで4/17までサービス延長が決定しました。
女の子セレクトモードも公開されたので、毎日お気に入りのコで目覚めることができます。
指定方法はこんな感じ。
http://www.0120-084-544.com/index.html#3
↑さゆりん

---------

皆さんはもう体験していただけましたでしょうか。
[AXE WAKE-UP SERVICE INC.]が今月のWeb Designing (ウェブデザイニング) 2008年 04月号の[WEB SITE FRONT]にて紹介されました。
制作の中心はバスキュールさん。ウチはシステム連携部分や画面フロー設計、Flashの実装、デザイン等お手伝いさせていただきました。オフィシャルでクレジットも出たので、クリエイター視点を加えての[AXE WAKE-UP SERVICE INC.]をご紹介したいと思います。

---

まずはサービス面。

○シークレットスタッフがいる

実は1人シークレットスタッフがいます。よっぽど出現率低いのか意外と話題になっていないような・・・。ページ左下の[SERVICE INFO]というメニューの中にサービスを受けたor受けないを表示する画面(スタッフリスト)があります。ここのSECRETが彼女ですので頑張って予約してみてください。

↑ちなみに名前は「ひろこ」ちゃん。

○ケータイ待ち受けがもらえる

サービスを受けると、「コレ欲しさにやってもいいんじゃね？」と思えるくらい素敵な時計付きケータイ待ち受けがゲットできます。ゲットするにはサービスを予約するだけではなく、ちゃんとモーニングコールを受けて起きる必要があります。

○0120-084-544に電話をする

超素敵なサービスが受けられます。これを体験せずしてAXEは語れない！

○女の子セレクト機能が・・・

オフィシャルでは宣伝していない機能ですが、実は実装しています。
HTMLのソースをみると何か分かるかもしれません。

○6:00～9:00にアクセスする

6:00～9:00の間はモーニングコールを予約することが出来ません。この時間帯はモーニングコールが集中する為、女の子達は忙しくて予約を受けられないのです。画面の表示も少し変わり、女の子が忙しく電話をしているシーンが表示されます。

↑ただいまモーニングコール中。

○女の子について知る

女の子のことを調べたBlogがあったりご本人のBlogに載っていたりしますのでそのあたりも探してみると楽しさ倍増かと思います。うっかりさーたんの写真集を買っちゃったYo！

---

次は少し技術的な面。ムービーの話ばかりですが・・・。

○ムービー形式の使い分け

このサイトでは様々なシーンでムービーを使い分けています。

1)H.264(mp4)ムービー
2)外部flv(on2VP6及びSorenson Spark Pro)
3)タイムライン埋め込みムービー

です。

1)はFlash Player 9.0.115より再生可能になった動画圧縮形式です。オープニングとモーニングコール予約中のムービーで使用しています。当初はon2で進めていたのですが、よりセンセーショナルでリアリティ溢れる素晴らしいサービスを全身で感じ取ってもらいたい！という思いのもと、高画質かつ高圧縮を実現するH.264を採用しました。ビットレートなどエンコード設定はトライ＆エラーの繰り返し。様々な設定で書き出し、データ量と画質のバランスが良いところに落とし込みました。

↑やっぱりキレイ。

なお、H.264をFlashで再生する方法についてはコチラに簡単にまとめています。

2)は意外と少なく、時刻セット後のコール待ち時間に流れる、女の子が電話を待っているムービーに使用しています。
エンコーダーはSorenson Squeezeを使用しました。Flash Video Encorderに比べ、Sorenson Squeezeの方がより詳細な設定が可能です。また、FVEのOn2よりもSqueezeのSorenson Spark Proコーデックの方が圧縮率、再現率に優れていると感じました。Flashでビデオする人には超オススメです。

3)は時計の部分で使用しています。ここは時刻や音声とビデオをズレなく同期させる必要があり、埋め込みにして制御しています。(外部flvで管理するとロードの関係上、ビデオ再生時間の厳密な管理が難しい)サイトにアクセスし時計が表示されたら画面を触らずしばらく放置してみてください。時計が自動で進みビデオが変わりますが、映像や音声のタイミングが同期していると思います。

○時計の説明ムービー

1つの数字につきナビゲーターが1人ついてサイトの説明をしてくれます。10分間操作をしなければ全員の説明を聞くことが出来ます。女の子によって微妙にセリフやアクションが違うのでそのあたりを探してみると面白いと思います。この説明だけでゴハン3杯はイケます。

○時計の説明ムービーその2

多数のムービーを使用していますが、その分データ量が比較的大きくなっています。
ロード時間を短縮しつつ、それでもハイクオリティなムービーを流す為、この時計の部分には低画質版ムービーと高画質版ムービーを準備しています。初期ロード時では低画質版をロードしてサービスをスタートし、続いてバックグラウンドで高画質版をダウンロード、順次高画質版に差し替えていっています。そのあたりはFirefoxのFirebugなどを使用してダウンロード状況を見てみるとビデオの本数や容量が見えて面白いんじゃないかなと思います。

↑読み込み中。どのくらいいくのか、お楽しみ。

○予約中に流れるムービーとコール

これはある電話番号認証ASPを使用しています。FlashはこのサービスにPHP経由でリクエストをかけコール回線を確保します。その回線確保有効時間内にコール発生でサーバからレスポンスを受け、ムービーを再生しています。ちなみにFMSは使用していません。なお、この部分は「携帯電話番号を入力する」というハードルの高い作業を求めることになります。そこはここでの体験をバズの力で広め期待を募らせることで、そのハードルを超えるほどの期待を持ってサービスを受けてもらおうという狙いがありました。

---

○そのほか

・開始2週間で100万PVを突破
・asahi-comで紹介された
・何かのテレビ番組でダチョウ倶楽部がAXEを体験した

--
・東京に2週間ほど泊まりこみで追い込み制作した。ガンバッタ。
・出張中バスキュールさんお手製のナベをご馳走になりました。
　「水は使わないけど、煮込むうちに水が練成される」というなんともクリエイティブなナベ。旨かった。
・新橋で2回ザ・たっちを見た。2回目はナース服で凹んだ。
・PSP買った。帰りの新幹線でおっさん3人でモンスターハンターしてた。

などなど。
世間的にも話題になったサービスだと思います。制作中も楽しかった。

サイトのサービス期間も残すところ10日(3/31マデ)を切りました。一度試した方も、まだ試していない方も改めてサービスを受けてみてください。きっとハッピーな毎日を過ごすことが出来ると思います！

---------------------------------------