長崎大学キャリアセンター
学生視点でユーザービリティを設計。センター利用の増加を狙ったWebサイト制作
長崎大学キャリアセンターは、長崎大学の学生を対象に「キャリア相談」「就職支援プログラム」「社会体験」「情報提供」を行う機関です。
当社にてWebサイトの企画・設計からデザイン、構築までを支援させていただきました。
![長崎大学キャリアセンター](https://nb-a.jp/wp-content/uploads/2021/05/02_main-1-1024x462.jpg)
Webサイトリニューアル
学生との距離を縮めるフレンドリーなデザインに
キャリア支援は、学生によるセンター来訪やキャリア相談の予約があることから始まります。学生にとってその一歩を踏み出すのは決して簡単なことではありません。
そのためにWebサイトができることは、事務的なお知らせに終始せず、問い合わせしやすい、予約しやすい雰囲気を伝えることです。キャリアセンターにフレンドリーで安心な印象を持っていただけるように心がけてデザインしています。
![](https://nb-a.jp/wp-content/uploads/2021/05/03_desktop-1-1024x683.jpg)
![](https://nb-a.jp/wp-content/uploads/2021/05/04_desktop2-838x1024.jpg)
レスポンシブデザインで、各ディバイスからの閲覧に対応
デスクトップ
![デスクトップ](https://nb-a.jp/wp-content/uploads/2021/05/05_desktop-1.jpg)
タブレット
![タブレット](https://nb-a.jp/wp-content/uploads/2021/05/06_tablet-1.jpg)
スマートフォン
![スマートフォン](https://nb-a.jp/wp-content/uploads/2021/05/07_mobile-576x1024.jpg)
スマートフォン、タブレット、デスクトップなど様々なディバイスで、情報を閲覧しやすいようにデザインしています。
![スマートフォンでの表示イメージ](https://nb-a.jp/wp-content/uploads/2021/05/08_image-1024x576.jpg)
操作性を考慮した追従型のナビゲーションバーを採用
![トップページ ナビゲーションバー](https://nb-a.jp/wp-content/uploads/2021/05/09_mobile_01-1-512x1024.jpg)
![下層ページナビゲーションバー](https://nb-a.jp/wp-content/uploads/2021/05/09_mobile_02-1-512x1024.jpg)
![](https://nb-a.jp/wp-content/uploads/2021/05/09_mobile_03-1-512x1024.jpg)
学生にとっても、企業の方にとってもわかりやすいWebサイトへ
キャリアセンターが学生への就職・キャリア情報を提供する上で、企業との密な連携は欠かせません。そこで、学生だけでなく企業の採用担当者にとっても「学内個別企業説明会の開催申し込み」や「求人票・インターン情報の受付」などがわかりやすいように構成しています。
![デバイスごとの表示イメージ](https://nb-a.jp/wp-content/uploads/2021/05/11_device-image-1024x576.jpg)