株式会社blue

BLOG

オススメプラン診断

株式会社ベネッセコーポレーション様の
進研ゼミ高校講座会員向けサイト「オススメプラン診断」
デザイン、実装を担当いたしました。

質問に答えて、自分に合った大学合格プランを診断できるサイトです。

TOPの「Start」を押すと、診断がはじまります。
質問の答えによって、次の質問の内容が変わります。


 

 

この立体状にならんでいる青いパネル、気になりませんか?
このパネル、質問に答えるたびに4枚のパネルが回転するようになっています。
ちょっとしたゲーム感覚で答えていけるのでさくさくと進めていけます。


 
 

そして最後に「診断結果を見る」を押すと・・・


今まで選択してきた答えをもとに、
自分にあった合格プランが表示されます!


 

今回の制作はレスポンシブWebデザインに対応していたりと
あたらしい事にもチャレンジさせていただき、
シンプルながらも診断をしていて退屈しないサイトになっております!


オススメプラン診断
【クライアント】株式会社ベネッセコーポレーション
【提供サービス】ディレクション・デザイン・コーディング

November 25. 2014