宝樹大学

実績

ワイヤーフレーム
WFの意図
ヘッダー部分: 受験生・在学生・卒業生の方とそれぞれの項目を作り、その項目毎に楕円形で形で囲み、利用者の状況によってそれぞれのページにリンクすることでーー対応できると考えた。
ファーストビュー: 2枚の写真をそれぞれ設定し学校の魅力を伝わるようにできるようにと考えた。
PickUpについて: ニュース部分の一部から特に注目するべきコンテンツを厳選して載せることができるエリアを設置する。大学の研究成果や重要なお知らせなどを受験生・在学生や外部の企業などに伝わるようにできると考えた。
Newsについて: カテゴリー毎に分けることで利用者が見たい情報をいち早く伝えること。写真にあるように、選択中の項目に楕円で囲むことで現在選択中のカテゴリーを視覚で伝えることができると考えた。
入試情報エリア: 「受験生向け」の別サイトにアクセスできる構成を考え、オープンキャンパス情報などを記載することを考えた。
6学科・専攻紹介エリア: 4個の専攻に在籍中の学生の写真を用いることで、親近感を覚える。先輩方の生き生きした雰囲気が伝えること。といった受験生が受験する学科のイメージをすることできると考えた。また、4つの専攻を法則で並べることで比較することができると考えた。
デザイン時の意図
ヘッダー部分: 受験生・在学生・卒業生の方の楕円→ホバー時に色付き下線の追加をする変更を行った。初めて大学にくる学生などが道順が分からない可能性があると考えてアクセスを追加した。
ファーストビュー: 写真に重なるようにSNSアイコンのエリアを追加した。その他の変更は、WF時では各SNSアイコンは、一度メニューを開いて表示をすることを想定していた。しかし、SNSアイコンを目　立つ位置に配置し、各SNSアイコンの誘導して学校のイベントなどの投稿を確認しやすくできると考えた。
PickUpエリア: 右上にある矢印を用いて、複数の画像とテキストをスライドさせる仕様を丸印を用いてスライドする方法に変更した。ユーザに現在表示させているページが分からなくなるリスクがあると考えた。また、現在表示しているスライドは丸印に色を表示する。直接丸印をクリックすることで、それぞれのページを見ることができるように変更した。
Newsエリア: Categoryのそれぞれの項目を楕円形で囲む表示から、文字のカラーと下線を表示する方法に変更した。文字のカラーを変えることで、ユーザの視認性や現在の選択されている項目などが把握しやすくなると考えた。
入試情報エリア: Categoryのそれぞれの項目を楕円形で囲む表示から、文字のカラーと下線を表示する方法に変更した。文字のカラーを変えることで、ユーザの視認性や現在の選択されている項目などが把握しやすくなると考えた。
入試情報エリア: ボタンを押して受験生専用の入試情報専用ページにリンクする方法を写真に枠線で囲み全体をボタンとして、次のページにリンクする方法に変更した。別の領域であることとを認識させることが大事だと考えた。
学科・専攻エリア: WFの時では、ホバー時に小さな矢印を左から右に遷移することでユーザの注目を集めることができると考えた。だが、小さな変化であることから、ユーザの注目をより集めることができる。ーー時には写真を暗めにして、ホバー時には写真を明かるくすることでーーできると考えた。
製作のポイント
FVのスライドとSNSアカウント: 各SNSアカウントをFVの上に配置することで、大学のSNSの訪問してもらいやすくする。; 大学の写真をそれぞれスライドすることで、大学の雰囲気が伝わるようにしている。
検索機能の追加: 検索機能をつける事により、使用者が調べたい項目のページに飛ぶことができるような作りにしている。
配色について

情報: モデル有りの架空の大学サイト
設定: 大学名; 宝樹大学
所在地: 〒170-00xx 東京都豊島区池袋本町1-xxxx
TEL: 03-934-XXXX
学部・専攻: IT学部; 心理学部
アクセス: 池袋駅から5分; 渋谷駅から京王井の頭線で15分
製作期間: 約2ヶ月
コンセプト: 全ターゲットに分かりやすい構成にする。; 大学の魅力を受験生に伝える
目的: 見たい項目が伝わりやすくするリニューアル、情報整理。
ターゲット: 受験生; 在学生; 卒業生
使用ツール: Photoshop; XD
製作担当: デザイン

ペルソナ

寺本彩(18歳)
女性
職業：高校3年生
家族構成：父、母、姉
居住地：家族と同居
月収：アルバイト
区分：受験生
よく使うデバイス：スマホ,PC

田代真人
男性
職業：大学2年生
家族構成：父、母
居住地：
月収：
区分：在学生
よく使うデバイス：スマホ、PC

望月葵
女性
職業：社会人2年目
家族構成：一人くらし
居住地：神奈川県伊勢原市
月収：19万円
区分：卒業生
よく使うデバイス：スマホ