Hello New World

Design

Web Site

マーケティング課題で考えたwebサイトのトップページ作成

What am I?のトップページイメージ

メインビジュアルで課題意識を感化させることと
難しいテーマでもサイトを読み進めてもらえる工夫を意識しました。

デザイン案はこちら

01類似テーマのwebサイト調査
子どもの権利や教育、学級運営などのキーワードをもとにどのようなサイトがあるか分析しました。
どのようなデザインであればサイトの目的である内容を読み進めてもらうことや、勉強会に申込してもらえるか考えました。
①カラフルで柔らかい印象
②課題をトップに記載し、詳細は下層ページで共有
③情報を整理したデザイン
教育関係のサイトの分析
02デザイン
What am I?トップページの上部
トップに課題とMission
・課題をトップに記載
→課題意識を感化
・課題をMissionで詳しく解説

知ろうと意欲を高め、スクロールを促したいと考えました。
追従バナー
申し込みフォームのリンクを追従バナーにしました。

ユーザー
「勉強会に申し込みしよう!」

すぐに申し込みができる
What am I?トップページの下部
やわらかい
イメージ
難しい内容と敬遠されないために
・カラフルで明るいデザイン
・丸と楕円のオブジェクトはすべて形を歪に
スクロールしたくなるデザイン
・下へスクロールすると背景が
空から地上へ
最後はテーマでもある学校が見えるようにしました。

    制作時間

  1. 市場調査、構想 16時間
  2. デザイン作成 18時間

    制作環境

  1. Illustrator CS5、CC
  2. Photoshop CS5、CC

    感想

  1. 自分の興味あるテーマを広く伝えるために市場分析をしたり、工夫を考えることは楽しかったです。
  2. ただ、コーディングやレスポンシブ対応のことは考えられていないデザインとなってしまったなと感じています…
    表現したいことをユーザビリティ高くデザインすることの難しさを学びました。