1. HOME
  2. お知らせ
  3. Gakuvo Webサイトリニューアルしました!

お知らせ

201504/01(Wed)
お知らせ

Gakuvo Webサイトリニューアルしました!

4月1日よりGakuvoのホームページがリニューアルしたこと

みなさんお気づきでしたか?

実はこんな風にリニューアルしたんです・・・・

スマートフォン最適化

リニューアル以前のサイトにおけるアクセスの7割が、スマートフォンおよびタブレットであったことから、大前提として、モバイルファーストの方針をとりました。これまでスマートフォンでの閲覧は、あくまでもパソコン用のサイトをスマートフォンで見る、という形だったため、サイズが小さくて非常に見にくく、操作(タップ)などもしにくかったのですが、スマートフォンやタブレットでサイトを閲覧したときに、見ている方が使用している端末のモニターサイズで、最適化された画像やテキストが閲覧できるように改善しています。1

 

 

見やすさの改善

デザイン面

▼全体のカラー・配色

団体のコンセプトも踏まえ、”可能性”の白をベースに、最もコントラストの強い黒と、”多様性”を表す三原色を差色に選択しました。色の組み合わせにおいては、少しでも見えにくくなることがないよう、視認性を優先させています。

▼余白デザイン

画面全体が窮屈にならないように、余白の置き方にもルールを設け、視線が迷わないレイアウトにしています。

▼フォント

通常のテキスト:Web上では文字化けしにくく、視認性の高い世界共通のゴシック調のフォントで統一してあります。

デザインテキスト:見やすさを第一に考えられ、公共設備にも利用されているUD(ユニバーサルデザイン)フォントを原則的に使用しています。

▼テキストサイズ

旧来のデフォルトサイズであった12pxではなく、デフォルトを14pxとし、それでも見にくい方のために、テキストサイズが可変できるようにしてあります。

▼サムネイル画像の利用

これまでテキストベースであった『お知らせ』や『活動レポート』等の一覧ページに、記事の内容が一目でわかるように、写真のサムネイルを表示できるようにしてあります。

 

使いやすさの改善

構造面

▼カテゴライズ(切り分け)

メニューを団体の事業ごとに区分することにより、どのカテゴリに、どのコンテンツが存在するかを明確にしています。

▼グローバルナビゲーション

閲覧者ごとにニーズが異なることから、上段のグローバルナビゲーションから、カテゴリごとのコンテンツに進めるようにしてあります。

2

▼サイドナビゲーション

これまで規則性の乏しかったサイドナビゲーションは、該当するカテゴリ内のコンテンツのみ、表示するように限定しています。

▼サイト内の現在地確認

サイト閲覧者が、自分がサイトの何処にいるのかがわかるよう、上段の『パンくずリスト』と、サイドナビゲーションの配色でわかるようにしてあります。

3

 

更新コンテンツ

更新頻度の高いコンテンツは、

・団体から全体への告知である「お知らせ」

・学生が中心となるボランティア派遣やセミナー等の「イベント・募集中」

・活動のログとして残る「活動レポート」

に区別され、閲覧者が見たい内容を、それぞれの軸でまとめて見られるようにしてあります。

また、各事業にも紐づいており、事業ごとの更新コンテンツとしても閲覧することができます。

4

 

リニューアルしたGakuvoホームページをぜひみなさんブックマークしてくださいね!!

 

一覧に戻る

PAGETOP