2021.6.20現在
3190件のデザインを掲載中
http://www.matsusho-h.ed.jp/

「松商学園高等学校」のホームページデザイン解説

Design Review
デザイン解説

サイトにアクセスすると、画面全体を覆うグリーンとイエローのグラデーションに校名が書かれたシンプルな画面からアニメーションで画面が切り替わり、画面全体を覆う学校生活の動画と太いゴシックで書かれたキャッチコピーが目を引き付けます。画面をスクロールするとコンテンツがフェードインするだけでなく、ニュースのサムネイル画像も一瞬グラデーションがスライドインした後に表示されるなど、細かい部分にまで演出を施したページです。ナビゲーションバーのドロップダウンメニューもグリーンのグラデーションが鮮やかで、画面全体のアクセントとなっています。

執筆者

岡本 美憂
Okamoto Miyu
岡本 美憂
独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

カテゴリ

基本情報

会社名
松商学園高等学校
サイト名
松商学園高等学校
URL
http://www.matsusho-h.ed.jp/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む