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

#コンパス2.0「#コンパスヒーロー相棒診断」の診断メーカーを制作させていただきました。

ゲームを知らなくても楽しめる、キャラクター診断コンテンツに

このサイトでは、いくつかの設問に答えることで『#コンパス』のヒーローの中から自分と相性の良いキャラクターが診断される仕組みになっており、ゲームに詳しい人だけでなく、初めて知った人でも気軽に楽しめる構成としています。

トップには診断開始ボタンを大きく配置し、ページを開いた瞬間に「やってみよう」と思える直感的な導線づくりを意識しています。さらに『#コンパス2.0』の概要や関連リンクへの動線も用意し、興味を持ったユーザーが自然に次のコンテンツへ進めるような構成となっています。

診断結果を通じて、キャラの魅力がSNSにも広がるサイトに

診断結果ページでは、相性の良いヒーローのビジュアルとともに、キャラクターの個性に触れたコメントを表示。気軽に試したユーザーでも「もっと知りたい」と思えるような興味の広がりを意識した構成としています。

また、自分と相性の良いヒーローのSNS用アイコンをダウンロードできる仕組みも用意し、キャラクターに愛着が湧くような内容となっています。

さらに、結果はシェアボタンから簡単に投稿でき、診断結果がOGP画像に反映される仕様に。ユーザー同士の交流や話題の広がりにもつながる、SNSフレンドリーな診断コンテンツになっています。