School Site

• ヘッダーロゴ
• グローバルナビ
• メインビジュアル
• キャッチコピー
• その他必要だと思うコンテンツ（カテゴリー）

母校の既存サイトの問題点として以下のものが挙げられました。

• ページごとのデザインが統一されていない
• リンクのように見える要素をクリックしても何も起きない
• カテゴリー分けされておらずページごとの関係性がつかめない

解決策としては以下のものを挙げました。

• ページごとのデザインを統一して見やすくする
• リンクはホバー時の動き等でわかりやすくリンクのように見せる
• カテゴリー分けしてページごとの関係性を明確にする

デザイン面では、余白を多めにとって見やすさを重視しました。
色は少なめにしてごちゃごちゃしないようにしました。
マウスホバー等による動きも学校らしくおとなしめにしました。

コーディング面では、のちのち見やすいようなコメントを示しました。
例えば、HTMLでは「</div><-- class名 -->」のように閉じタグにそのタグがどの開始タグに対応しているか見やすくしました。

CSSではメンテナンス性を考慮して、できるだけ同じスタイルをあてる箇所はセレクタを一つにまとめるようにしました。
また、マウスホバー時の動きがある場合、transitionプロパティを設定してゆっくりスタイルが遷移するように配慮しました。

• デザイン：22時間
• コーディング：18時間