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

スマートフォンリズムゲーム「プロジェクトセカイ カラフルステージ！ feat. 初音ミク（プロセカ）」の3周年を記念した本サイトを制作させていただきました。

これまでとは違うシティポップなサイトデザイン

「BRAND NEW WORLD」というテーマの通り、これまでのサイトとは異なるテイストで、大型アップデートへの期待感が伝わるサイトを目指しました。学年が上がって成長したキャラクターたちともマッチするよう、カラフルなキャッチーさは残しつつも、透け感のあるネオンライクな表現にすることで、より都会的な奥行きを感じられるデザインに仕上げています。

ゲーム内イベントの3年間の思い出を詰め込んでも見やすいサイトに

過去のゲーム内イベントをまとめたユニットページでは、新規ビジュアルからスクロールで思い出を振り返られるようにすることで、キャラクターたちの歩みを追体験できるようにしました。ゲーム内イベントの数が多くてもアクセスはしやすいよう、矢印ボタンだけではなく、イベントロゴや先頭/最後ボタンでもスクロールできるようにしています。ユニットページの遷移画面では各ユニットの特色を紹介しつつ、しっかりとタメを作ることで、まるでキャラクターたちの声が聞こえてくるようなドキドキ感を味わえるように作り込みました。

 

また、キャンペーンページなどではページ内リンク、TOPへ戻るボタンを配置し、スクロール量が多いページのケアをすることで、ユーザーのストレスを軽減しています。

 

 

PCでも楽しめるアニメーションの実装

こちらのサイトは、アプリゲームのユーザーが訪れることを想定しSPファーストでデザイン作成をすることでサイト制作費を抑えつつも、PC表示の際も楽しめるようにキャラクターが次々と出てくるアニメーションや三角の装飾が浮遊するような演出を加えました。

 

そのほかにもホームへの遷移は、動画を使用したカラフルで動きのある背景とともに現れるメッセージが印象的な上に、まるで幕を開けるような演出を加えた、見応え抜群のローディング画面となっております。カラフルな遷移画面が楽しいサイトになっておりますので、ぜひ一度サイトを訪れてみてください！