あおい情報システムロゴ

制作実績

当社が実際に制作したWebサイトの一部をお客様のご要望と当社の対応の仕方を交えてご紹介します。

日立北高等学校Webサイトリニューアル

日立塗工点Webサイト サイト制作の目的 既存サイトからのリニューアル
当社対応範囲 企画提案、サイト設計、デザイン、
コーディング
サイトページ数 約30ページ
制作期間 1ヶ月

お客様が考える既存サイトの問題点、改善点/その他要望

ヒアリングを通して、お客様が抱える問題点を明らかにし、サイトの方向性を確認しました。

<お客様の要望>
  • 受験生へ向けて学校をアピールするコンテンツを増やしたい
  • サイトをリニューアルすることで学校のイメージをもっと分かりやすく伝えたい
<お客様が考える問題点>
  • デザインに統一性がなく、見た目が良くない
  • どこに何の情報があるのか分かりづらい
  • 更新に手間が掛かったり、編集できる担当者があまりいないので更新が少ない
  • 受験生向けの専用ページがないので興味を持ってもらいにくい

問題点改善点・要望についての当社の提案

サイト構成/ページ構成について

複数ページに重複した情報が存在したり、ページタイトルと内容のズレがあったのでページ内容をそれぞれ振り分け、サイト構成の見直しをしました。 その際、受験生向けのページがない、定員割れがあったなどのヒアリングから受験生をメインのターゲットにしたサイトの構成にしました。「受験生の皆様」という分かりやすいタイトルで 受験生向けの情報へ誘導し、「教育課程」「スクールライフ」「進路状況」と順番に学校情報を得られるような流れを意識したページ構成にしました。

メニュー構成

サイトデザインについて

白と青をサイトカラーにし、爽やかさ、フレッシュな印象にしました。 トップの写真に勉強風景のほかに部活動の写真をいれることで勉強だけでなく、部活動にも力を入れていることをアピールしています。また、サイトに訪問した閲覧者が目的のページに直ぐいけるようにメニュー の内容が全て見えるようにし、その下にはそのとき特に見て欲しい、または需要が高い情報をバナーで表示することにより閲覧者がページを 見つけやすくしています。他にも生徒以外の閲覧者(保護者)の方のことも考え、文字サイズを変更できるボタンを設置しています。デザインパターンは2つ提案させていただきました。

デザイン案

サイト運用について
CMSを利用した運用の提案

更新頻度を増やすためお客様自身での更新希望をされていたのでCMSを使用したタイプのサイトを提案しました。

ですが、学校で使用しているサーバーの関係でそういったプログラムを使用したサイトの制作が困難となったため、他の対処方としてソースコードにサイトの構成が分かるよう コメントで区切る作業をしました。

文字入力だけで使いまわし可能なバナーの設置

マルチに使えるバナーのデザインを用意し、文章を変更するだけでバナーが作成できるようにしました。

ページTop

ページ終了