Work02 デザイン+コーディング課題
学校サイトリニューアル提案


制作概要

課題の背景

既存の学校サイトのリニューアルを提案します。
基本的には制作者自身の母校(小・中・高どれでも可)からモデルとなるサイトをチョイスし、分析して問題点をピックアップ。それらの問題を解決できるようデザイン・コーディングを実施し、改善内容を仮想クライアントに対してプレゼンを実施します。

制作意図

元サイトの
・TOPに情報が少ない
・過去の情報はあるが、「お知らせ」など未来に関する情報が少ない
・画像が少なくデザインの抑揚がないため見づらい
といった点を問題とし、コンセプトを
「公立の教育機関としてふさわしい、シンプルで使いやすいサイト」と設定しました。
また、ターゲットは「保護者(+児童)・地域住民」と定め、以下のような意図を持って制作にあたりました。


①デザイン
公立学校をモデルとして取り上げたため、あまり予算を掛けられないことも想定し、 見た目を整えつつもあまり労力をかけずに作成・運用できるようシンプルなサイトづくりを意識しました。
②コンテンツ
親御さんのニーズが高い「お知らせ」系の情報を新設し、目に入りやすい位置に優先して配置しました。
また、児童や周辺住民が見ても楽しめるコンテンツを提案し、バナーでリンクしました。
③UI/UX
リンクはテキストではなく画像を用いたり、マウスオーバー時の挙動で識別されやすいようにしたりしました。
また、モバイルでの閲覧を想定し、グローバルナビのハンバーガーメニュー化などレスポンシブ対応をしました。

制作環境

Photoshop CS5, Illustrator CS5, Brackets

制作時間

デザイン:24時間程度
コーディング:36時間程度