広島県福山市の私立中高一貫校、近大福山校ウェブサイトのリニューアル制作を担当しました。

デザインコンセプト

学校ウェブサイトとしての信頼感をそこなわずに、志望児童や保護者に明るく楽しい雰囲気をもってもらえるように注⼒しました。また、近⼤本学のカラーから逸脱しない範囲で、カラフルで温かみも感じるような配⾊にしました。

情報を⾒落とさないUIアニメーション

重要な要素を⾒逃さないよう、ページをロードしたときから最下部にスクロールし終えるまでの間にUIアニメーションを仕掛け、ユーザーの視点のフックを作るようにしています。

⾒やすく、使いやすい

児童や在校⽣が情報を識別・検索しやすいよう各要素の構成はシンプルにし、余⽩を⼗分にとってレイアウトしています。ボタンやリンク領域も⼤きくしています。各⽂章、漢字、アイコン等も、志望児童（⼩学5,6年⽣以上）であれば問題なく理解し操作できるように配慮しました。また⽂字のサイズにメリハリをつけることで、まずは⾒やすく、⾒出し⾃体がその先のページへのトリガーとなるようにしています。リンク先の各コンテンツ／記事ページでは可読性を重視するようにしています。

CMS

セキュリティを優先的に考慮し、かつ更新の便利さやCMSそのものの価格のリーズナブルさなどの総合的な判断から学校で定番のMovable Type（ムーバブルタイプ）を使用することにしました。