ANIME [BURN THE WITCH] TEASER WEBSITE
「BLEACH」20周年プロジェクト発足、BURN THE WITCHアニメ化決定に伴い、ジュニでは、アニメ「BURN THE WITCH」の公式サイトの制作を担当いたしました。
ティザー キービジュアルを活用してダイナミックに世界観を表現
メインキャラクターである「ニニー」・「のえる」のビジュアルの魅力を最大限に訴求できるよう、デザインとサイト内の展開を意識しました。
当サイトでは、2人のキービジュアルの立ち絵を中心に各セクションが展開されます。2Dデータでありながら、擬似的に奥行きや左右への動きを加える事で、ダイナミックな表現や心地よい操作を体験できることを目指しました。
被写界深度・奥行きのある表現をベースとしたデザイン
TOPページでは、ぼかしを使った被写界深度の表現をベースにしてデザインを制作しています。メインビジュアルからページ最下部まで、キービジュアルであるキャラクター2人をメインに展開していくデザインにするにあたり、ビジュアルの変化の幅をどう出せるかが課題でした。
作品に関連したキーワードやぼかしの表現、キャラクター2人が羽織っているマントのタータンチェック柄をモチーフに使用し、スクロールするたび大胆に変化するサイトになっています。
また、奥行きのある3Dを活用したデザインを、2D素材を利用して行うため、当初から3DモデリングソフトであるBlenderを使用して、Web上での3D空間やスクロール制御などを再現してからサイトの制作を行いました。
▲Blenerを活用した3D空間表現の調整
異なるデバイスでも統一された豊かな表現演出を
PCやスマートフォンなど、異なるデバイスでもコンテンツが見やすく、また、サイト上の演出についても統一した表現を行えるよう、レスポンシブデザイン開発には特に力を入れております。
BURN THE WIRCH公式サイトはこちら
https://burn-the-witch-anime.com/