DENONBU

「電音部」オフィシャルサイト制作

CLIENT

株式会社バンダイナムコエンターテインメント

SCOPE

新規サイト制作

RELEASE

2020.06.28

WEBSITE
https://denonbu.jp/
CREDIT
Producer
岡村雅宏
Planner / Director
伊藤蔵多 / 井上晴菜
Art Director
黒図大輔
Designer
黒図大輔
Lead Engineer
諸橋大輔
Frontend Engineer
右近良平

バンダイナムコエンターテインメントが送るダンスミュージックをテーマにした音楽原作キャラクタープロジェクト「電音部」。その世界観を最大限に体感できるように、本サイトは音で遊べる要素を盛り込みました!

電音部のテーマ「ダンスミュージック」を音でもビジュアルでも楽しめる!!

バンダイナムコエンターテインメントが送るダンスミュージックをテーマにした音楽原作キャラクタープロジェクト「電音部」。その世界観を最大限に体感できるように、本サイトは音で遊べる要素を盛り込みました!

近未来の世界に入り込んだように、3D空間で各エリアを巡れる!

「電音部」が描く近未来の世界を表現するために、3Dモデルでシブヤ、アキバなどのエリアをWebGLで表現。エリアを切り替えながらキャラクターの紹介を楽しめます!さらに、PCだけでなくスマートフォンでもなめらかにコンテンツを閲覧できるように実装を行いました。

キャラクター紹介ページでは、アートワークの切り替えを気持ちよく

アキバ、ハラジュク、アザブ、シブヤと4エリアのチームが登場する電音部。
キャラクター紹介ページでは、各校のロゴをオンマウスまたはクリックすると、そのエリアのアートワークに切り替わり、エリアごとの特色を楽しみながらキャラクター紹介へと移行できます。BGM再生からWebGLの3D空間の演出、そしてキャラクターページへの切り替えまでスマートフォンでも快適に体験できるよう徹底的に軽量化もしています!

まだまだプロジェクトははじまったばかりです。今後も電音部サイトを盛り上げていきますので、ぜひご期待ください。


電音部 公式サイト(現在)
https://denonbu.jp/

SCROLL DOWNSCROLL DOWNMORE DETAILMORE DETAIL

CONTACT US