NUCB - Nagoya University of Commerce & Business
名古屋商科大様の英語サイトNUCB - Nagoya University of Commerce & Businessをリニューアルしました。
リニューアルのポイント
コンテンツをお客様に更新していただけるように、CMSで実装しているのですが、そんな中、クオリティを維持できるように、様々な工夫をしました。
ナビゲーション
グローバルナビゲーション
グローバルナビゲーションはJavaScriptで実装しています。カテゴリーエントリーリストモジュールを使っていますので、お客様側でエントリーを追加していただいた際にもナビゲーションに自動的に追加される仕組みになっています。
トップページの背景画像
バナーモジュールを用いた背景画像を切り替える仕組みをJavaScriptで実装しました。こちらもお客様側でも更新できるようになっています。実際最終的に公開された画像はお客様側でアップしていただきました。
History | Welcome | About NUCB | NUCB
CSS3
段組みやドロップシャドウなど、一部CSS3を採用しました。動的に追加されるグローバルナビゲーションやエントリーなどにエッセンスとして盛り込みました。
レイアウト
ユニットにおける画像の横幅や本文の横幅、各パーツのサイズ等、動的に追加される要素をグリットに沿わせる事でお客様にコンテンツを追加していただいても、レイアウトが維持できるようにしました。
クライアント : 学校法人栗本学園
制作：有限会社アップルップル
他にも関連した事例があります。
