担当範囲：デザイン/コーディング/ システム構築

ヘブンバーンズレッド「夏だぜヘブバン相性診断」の診断メーカーを制作させていただきました。

夏らしいテンションで楽しめる、キャラクター診断コンテンツ

このサイトは、簡単な質問に答えていくと、自分と相性のいい「ヘブバン」キャラを診断できるコンテンツです。夏をテーマにした軽快なトーンで、どの選択肢も気楽に楽しめるような設計にしながら、キャラクターとの相性が気になるファン心理をくすぐる構成にしました。

結果ページでは、選ばれたキャラのビジュアルと共に、性格や相性のポイントをわかりやすくまとめ、思わずスクショやシェアをしたくなるような工夫しています。コンテンツ全体に楽しい雰囲気と季節感を散りばめ、SNSで自然と盛り上がりが生まれるようにしています。

ゲームキャラとの「相性」をきっかけに、作品への興味をさらに広げる

診断の結果ページでは、単にキャラクター名を表示するだけでなく、ビジュアルと一緒にそのキャラの個性が伝わる説明文を添えることで、より深く興味を持ってもらえるようにしています。

元からのファンはもちろん、「なんとなくやってみた」ユーザーにも、そこから作品の世界観にもう一歩踏み込んでもらえるようなきっかけになるよう意識しました。

さらに、結果はそのままシェアボタンから投稿でき、OGP画像には診断結果が反映される仕様になっています。イベントとしての盛り上がりだけでなく、ひとつのWebコンテンツとしてもスムーズに楽しめる診断サイトに仕上げています。