モバイルファーストサイト100選 その9 神戸女学院大学 人間科学部心理・行動科学科
神戸女学院大学 人間科学部心理・行動科学科の
学科紹介サイトです。
https://h.kobe-c.ac.jp/blooming/index.php
ターゲットは明らかに大学生ですから、
スマートフォンに最適化するのは当然のことでしょう。
生まれた時からデジタル社会の中で育った世代には、
モバイルファーストのようなサイトのほうが
当たり前なのかもしれませんね。
色
このサイトでの配色はこちら
メインとなる色は特にはなさそうですが、
女子学生がターゲットということで、
淡い色が多く使われています。
それでも、ページ毎に同系色でまとめてあるので、
色味が多すぎる感じもなく、
イイ感じです。
要所要所で濃い色が使われるので、
とても見やすいですね。
このような使い方は参考にしたいです。
フォント
見出し等には shuei-mincho
本文には toppan-bunkyu-gothic
非常に読みやすいと感じます。
フォントの他にも、枠線があったり、
文章の長さも長すぎなかったりと、
読んでいて負担になりません。
だいぶ考えられている気がします。
構成
メイン部分は中央配置で、
背景右にナビゲーションがあります。
このサイトの面白い点は、
先頭からかなりスクロールして、
コンテンツのカード4枚が表示されたところまでが
ヘッダー領域なんですね。
かなり大きなヘッダーです。
ヘッダーやナビゲーションで各コンテンツに飛んだ時は、
この下から表示されます。
なるほど。遷移したときは、
ヘッダーはあるけど見なくてもいい、という訳ですね。
合理的だと思います。
このサイトはCMSのconcrete5で作られているようです。
concrete5は私は初めて知ったのですが、
ワードプレスよりもより直感的に、
マウスのみでサイト作成ができるようです。
https://concrete5-japan.org/
いろんなCMSがあるのですね。
勉強になりました。