モバイルファーストサイト100選　その9　神戸女学院大学 人間科学部心理・行動科学科

神戸女学院大学 人間科学部心理・行動科学科の
学科紹介サイトです。

https://h.kobe-c.ac.jp/blooming/index.php

ターゲットは明らかに大学生ですから、
スマートフォンに最適化するのは当然のことでしょう。
生まれた時からデジタル社会の中で育った世代には、
モバイルファーストのようなサイトのほうが
当たり前なのかもしれませんね。

色

このサイトでの配色はこちら

メインとなる色は特にはなさそうですが、
女子学生がターゲットということで、
淡い色が多く使われています。
それでも、ページ毎に同系色でまとめてあるので、
色味が多すぎる感じもなく、
イイ感じです。
要所要所で濃い色が使われるので、
とても見やすいですね。

このような使い方は参考にしたいです。

フォント

見出し等には　shuei-mincho
本文には　toppan-bunkyu-gothic
非常に読みやすいと感じます。

フォントの他にも、枠線があったり、
文章の長さも長すぎなかったりと、
読んでいて負担になりません。

だいぶ考えられている気がします。

構成

メイン部分は中央配置で、
背景右にナビゲーションがあります。

このサイトの面白い点は、
先頭からかなりスクロールして、
コンテンツのカード４枚が表示されたところまでが
ヘッダー領域なんですね。

かなり大きなヘッダーです。

ヘッダーやナビゲーションで各コンテンツに飛んだ時は、
この下から表示されます。

なるほど。遷移したときは、
ヘッダーはあるけど見なくてもいい、という訳ですね。
合理的だと思います。

このサイトはCMSのconcrete5で作られているようです。
concrete5は私は初めて知ったのですが、
ワードプレスよりもより直感的に、
マウスのみでサイト作成ができるようです。

https://concrete5-japan.org/

いろんなCMSがあるのですね。
勉強になりました。