右下の素材 左上の素材

学校サイト

-学校サイト-

パソコンの画面枠
デザイン画像
使用アプリ
figma
下線

学校サイトのリニューアル企画にあたり、全体のデザインを担当しました。
フォントには、読みやすく落ち着いた印象を与えるFOT-TsukuMinを使用しています。
学校が海に近いことから、ベースカラーには青を採用し、爽やかな雰囲気を出しました。
各ページの最後には、その内容に合った写真を配置し、視覚的にも印象に残るように工夫しています。
お知らせページでは、カテゴリーごとにタブを設け、さらに内容に合わせた色を使って、直感的に分かりやすくしました。
学校紹介では、重要な情報を上部に配置し、内容は簡潔に整理して読みやすさを重視しました。
トップページは、必要な情報を絞り込んでシンプルにまとめ、すっきりとした構成にしています。
学科紹介では、お知らせと同じカラー展開を活用し、各学科の特徴をわかりやすく表現しました。
それぞれの学科説明も要点を絞り、短くまとめて、見やすさを意識しています。
全体としては、ページごとのデザインやレイアウトに統一感を持たせ、使いやすさを高めました。
見やすく、わかりやすく、親しみやすいサイトを目指して丁寧に仕上げました。