デザイン解説
使っている色はピンクに近い赤の一色のみで、シンプルでかっこいい名城大学のホームページ。
トップページにある「FACULTIES」や「MEIJO MAG」といったタイトルはWEBフォントを使って、それぞれ違う文字で表現していたり、下にスクロールした際に表示されるコンテンツに動きがあったりと、シンプルながらも手の込んだ作りになっている。
全て1カラムでレスポンシブでスマホ対応している。コンテンツが多くごちゃごちゃしがちな大学のホームページを、非常にシンプルに、綺麗にデザインしている好例。
掲載会社の情報
| 会社名 | 名城大学 |
|---|---|
| 業種 | 大学 |
| URL | https://www.meijo-u.ac.jp/ |
| 住所 | 愛知県名古屋市天白区塩釜口1丁目501番地 |
このようなホームページを作成したい方へ
「ホームページ制作見積もりシミュレーター」を使うと、どのくらいの費用・料金でホームページが作成できるのかがわかります。個人情報の入力をせず、無料ですぐに利用できますので、お気軽にご活用ください。
学校・大学に関連するデザイン事例
-
メインビジュアルの動画が印象に残る松本大学のホームページデザイン例メインビジュアルではドローンで撮影されたと思われる動画がよく映えたデザインになっている。学びやすい環境を提供していることが伝わるよう、工夫していると思われる。 １スクロールしてすぐに学校のガイド情報がスライドで表示され、見やすくまとま...
-
赤系統の色で統一された神戸女子大学のホームページデザイン例赤系統の色で統一された、神戸女子大学のホームページ。メインビジュアルの写真は一定時間ごとに切り替わるようになっている。1カラムで構成され、レスポンシブでスマホ対応化している。 大人でクールな女性の写真が使われているせいか、どこかのブラ...
-
横浜市立大学のホームページデザイン例黄緑色でシンプルにデザインされたホームページ。全体的に余白が広く取られており、レスポンシブ対応している。下層ページでは最近よく見かける、写真にわざと被るようにタイトルを表示している。 少し余白を取り過ぎて間延びしてる感があるが、ごちゃ...
-
東京農業大学のホームページデザイン例全て2カラムで構成されており、左側のカラムはウィンドウの高さで固定されてスクロールできないようになっている。他ページへ遷移すると、左側のメニューはそのページに応じた写真とキャッチコピーが表示され、まるでパンフレットを読んでいるような気になる...
-
日本大学生の食品ビジネス学科特設サイトのデザイン例アイコンが多用されたポップで可愛らしいホームページ。 メインビジュアルは最初表示されずに、おにぎりが転がって来て、いくつかのスライド写真が表示される仕組み。スライド写真の切り替えのアニメーションも他では見ないような特徴的な動き方をして...
レッド・赤色のデザイン事例
-
大阪市淀川区にある税理士事務所のホームページデザイン事例ファーストビューは写真が徐々に切り替わりつつ、スクロールすると固定されたままとなるパララックスの仕組み。シンプルなデザインだが、トップページがLPのように、各課題をどうやって解決させるか明示されている。 デザインはかっこ良いが伝えたい...
-
赤を基調とした御堂筋税理士法人のホームページデザインファーストビューとお知らせの部分のみ2カラムで、それ以下は1カラムという独特な構成になっている。 下層ページは全て2カラムで下にスクロールするとサイドメニューが固定化される。デザインで突出すべきポイントは日付部分。ここのデザインが効果...
-
メリハリが印象に残る赤色の建築会社のホームページデザイントップページでは画面枠いっぱいに動画を掲載している。模型や設計図のようなモチーフを見せ、空間づくりを行う会社らしいイメージだ。 斜めのラインで見せるグローバルナビゲーションは比較的大きく、ファーストビューでは画面下に表示されているが、...
-
赤色と白を基調とした華やかなコーポレートサイトのデザイン例桜の花をモチーフに、赤色と白を基調とした華やかながらも落ち着いたイメージのあるサイト。 コーポレートロゴを縦長に使い、ヘッダー、フッターエリアからはみ出すように配置することで、レイアウト上のアクセントになっている。 サービスの強...
-
昨今流行りのデザインを詰め込んだ、おしゃれな税理士法人のデザイン事例写真を画面全体に広げず、白い余白を残すファーストビュー。写真にロゴをはみ出すように配置するなど、昨今のwebトレンドを取り入れ、画面に立体感を出すトップページだ。 写真の上に大胆にリード文を載せる、雑誌のようなレイアウトは見ていて楽し...
