担当範囲：デザイン/コーディング

WRIGHT FLYER STUDIOS様とKey様の完全新作ゲーム「ヘブンバーンズレッド」アプリゲーム公式サイトの制作を担当いたしました。

サイトを閲覧しながらゲーム内のBGMを操作できる楽曲プレーヤーを設置

Key作品の魅力のひとつでもある楽曲をサイト上でも聴くことができるように、音楽プレーヤーを設置しました。ページを遷移する際にも音楽が途切れることがなく、より作品の世界観に没入することができます。

イラストの持つ儚く繊細なイメージと荒廃的なSF要素の融合

サイト全体のカラーとしては、アプリゲーム作品のメインカラーに加え、今回キャラクターデザインを担当されているゆーげんさんの儚い透明感のある雰囲気を活かした淡いグラデーションを使用しています。有機的な滲みのあるテクスチャの上に、無機質で直線的なモチーフを枠やボタンのあしらいにすることで荒廃的なSF要素のあるこのゲーム作品の世界観を表現しています。

ゲーム内キャラクターを魅力的に見せる演出

トップページの部隊紹介エリアはお客様のご要望も汲み取りつつレイアウトを詰め、「全員の顔をきちんと見せたいが部隊ビジュアルでは分からない身長差もキャラクターの魅力である」というご意見から、部隊名の隣に各ゲームキャラクターのシルエットを装飾的に配置しました。

キャラクター数は膨大ですが、メインとなる第31A部隊を印象付ける意味合いも含め、どのページにも最下部にランダムで表示するようにしています。