webポートフォリオ

※マウスカーソルを止めるとクリックできます。(たまにできません。)

学校Webサイト リニューアル提案

琶豆中学校サイト

レトロな教室の写真を全面に配置したデザインです。キャッチコピーは書体を変えて縦書きにすることにより、学校ロゴと統一感を持たせています。上にはアクセスとハンバーガーメニューを用意し、分かりやすさを重視しました。

課題内容

既存のサイトの現状分析と問題点を明記し、それに対してどういった解決策を提案するかをふまえて実際にWebサイトを作成する。見やすさ、管理しやすさへの主な工夫、トップページのコーディング必須。ワイヤーフレーム、パーツラフも作成する。構成要素はヘッダーロゴ、グローバルナビ、メインビジュアル、キャッチコピー、その他必要だと思うコンテンツ。サイト仕様はサイズ960-1200px 縦任意。必ず入れる文言は「このサイトは架空のサイトになります。このページで使用している写真は全てサンプルです。」

制作時間

2019年9月12日~2019年9月30日

制作環境

Photoshop、Illustrator

コンセプト

見やすさに特化したシンプルデザイン

制作意図

学校サイトなので、凝ったデザインよりもシンプルで必要な情報がすぐに分かるレイアウトにこだわった。レスポンシブにも対応することにより、ユーザビリティを高めた。また、見やすさの他にもHTMLデータ内を各項目ごとに区切ってコーディングしているので、第三者の目にも分かりやすく、コメントの変更が比較的容易になるように作成した。構造自体はシンプルだが、制作者、ユーザー目線で考えれば長く活用できるサイトになっていると考える。

© 2019 Webマーケティングデザイナー養成科 第19期生 生徒作品