担当工程：デザイン/コーディング

9月9日に公開されたゲーム「9-nine-」のティザーサイト制作を担当いたしました。

これまでのエピソードの振り返りの見せ方

「選択したその未来（エダ）へ」というフレーズにあるように、Webサイト上では中心から枝のように広がり過去のエピソードが次々と紹介され、そして最後にティザームービーへという流れの導線になっています。

ゲームファンのことを考えたデザイン設計

繰り返し閲覧するユーザーのことを考慮し、2回目の閲覧の場合には開幕のカウントアップアニメーションの有無を選択をできるように設定しました。すぐにページを見たい場合や、もう一度アニメーションを見たい場合などユーザーの意思で選択ができるような設計にしています。

ページを開いたときに表示される、キャラクター達のカウントアップ。そして「9」になったときに真っ暗な表示となるといった9-nine-のゲームユーザーの方により次回作を期待して頂けるようなWebサイトになっています。

PixiJSやAnimeJSを使用したアニメーション

メインビジュアル部分の雲が流れるようなアニメーションや、サイト中心を通り抜けるライン、新章追加部分でのパーティクルの離散など、サイト全体を通してエンタメ感を出せるアニメーションにこだわっていますので、そちらの動きにも注目して頂ければ嬉しいです。