【HerTech架空案件】ABCインターナショナル

●制作の流れ

クライアントのヒアリング後、ペルソナを設定し訴求ポイントを設定しました。

その後ワイヤーフレームを制作し、クライアントと情報構成とテキスト量について相談をし合意形成を行いました。

その後、デザインの方向性を決めて、デザインカンプ制作に着手。

ファーストビューを先行して制作し、全体のイメージを確認いただきながら、進めました。

担当範囲は、デザイン全般です。

●カラーについて

落ち着いたベージュに、鮮やかなブルーをアクセントカラーを選びました。

●タイポグラフィーについて

まじめな印象を与えたかったので、NotoSansJPのゴシック体を使用し、入学後は何事にもまじめに取り組む姿勢をイメージしました。

●情報設計について

FVでは、世界に羽ばたく子どもたちをイメージしてほしかったので、地球と子どもの写真を選びました。

ABインターナショナルスクールをクリックすると、CVボタンになっているように制作しました。

忙しいユーザーがすぐにでも欲しい情報を集められるようにしました。

●工夫したポイント

忙しいユーザー様でも、どのビューでもリンクに飛べるようにＣＶボタンを入れました。

また、色味を抑えることによって、ここに通ったら主役は「あなた」ですという意図を組み込みました。