サイト概要
何のサイトか
学校法人 滋慶学園の東京情報デザイン専門職大学の公式Webサイト
何をやっているか
情報やテクノロジーなどに関する専門知識を学ぶことができる専門職大学で 「情報技術を駆使して、デジタル社会で活躍する人材を育てること」を目指している。
どの情報をアピールしているか
- 大学の特徴
- 専門職大学として学生は何を目指すことができるか
誰がターゲットか
- 高校生
- エンジニアを目指している人
サイトの目的は何か
- Web出願、オープンキャンパス、資料請求
- 認知度向上
サイトの印象
- 先進的
- テクノロジー
- スマート
メインビジュアル
テクノロジーをイメージさせるビジュアルがあり、マウスカーソルの位置に合わせた動きで直感的に世界観を感じさせ、掲載内容に興味を持たせる工夫をしている。
また、簡潔なキャッチコピーと、職種が切り替わっていることで、どんな大学で何を学べ何を目指せるかを理解しやすくなっている。
レイアウト・余白
シンプルなレイアウトの中に、変化をつけたレイアウトを採用することで、メリハリやリズムを付けている。
セクション間の余白は広めで、セクション内はしっかりまとめられているので、ゴチャゴチャしておらず視線も迷いにくい。
サイトの目的である要素を画面下部に追従させることで、ユーザーがどのタイミングでもアクションできるように工夫している。
配色
ベースカラー：ホワイトor薄いグレー
9割占めているので全体的に洗練された印象を受ける。
メインカラー：グリーン
ロゴから来ているが、ロゴの由来は不明。おそらくグリーンの持つ「成長」や「ポジティブ」といった意味合いを持っている。
アクセントカラー：オレンジ
サイトの目的の中でも特に優先度の高い「Web出願」に使われていて、画面下部の追従要素に配置することで、常にアクセントの役割を持っており目立つ存在になっている。
文字・フォント
和文フォント：Noto Sans JP
クセがなくオーソドックスで読みやすいフォント。情報量の多いサイトなので読みやすさ重視で適していると思う。
※約物はYaku Han JP
欧文フォント：Korolev
工学的な形状をしていて、ウェイトを上げることで安定性が増し、情報技術やテクノロジーのイメージとテイストが良く合っている。また、文字幅が狭いので、幅を取らずに大きくできるので見出しとして判別しやすい。
あしらい・装飾
ロゴの傾斜をあしらいとして多く使っていて、先進的かつスマートなイメージを感じることができる。また、ぼかしたオブジェクトを背景で動かすことで奥行きを表現し、デジタルな世界観を演出していると言える。
「6つの履修モデル」は、ベタ塗りにザラっとした質感のテクスチャを足すことで統一感を保っている。（それぞれがただのベタ塗りだと統一感が保てずポップさが強くなってしまう？）
アニメーション
ボタンのホバーアニメーションの線が伸びる表現とスピードは、未来感があり先進的に感じる。