デザイン解説
赤色一色でデザインされた統一感のあるシンプルなホームページ。
5秒ごとに生徒と思われる、凛々しい女性の写真が切り替わるようになっており、その下の関連サイトのバナーや、さらにその下の新着情報では全てスライドするようになっており、全体的にとても動きのあるデザインになっている。
下層ページでの見出しでは縦書きの画像が使われており、冗長にならないよう工夫をしていることがわかる。余白はしっかり取られており、スマホに最適化したレスポンシブで構成されている。
掲載会社の情報
会社名 | 甲南女子大学 |
---|---|
業種 | 大学 |
URL | http://www.konan-wu.ac.jp/ |
住所 | 兵庫県神戸市東灘区森北町6-2-23 |
このようなホームページを作成したい方へ
「ホームページ制作見積もりシミュレーター」を使うと、どのくらいの費用・料金でホームページが作成できるのかがわかります。個人情報の入力をせず、無料ですぐに利用できますので、お気軽にご活用ください。
弊社、合同会社オルトベースは税理士・弁護士に特化したホームページ制作を行っており、今期で5年目となります。お手頃価格で高クオリティをテーマにWeb制作をしておりますので、まずはこちらのフォームからお気軽にお問い合わせください。
学校・大学に関連するデザイン事例
- メインビジュアルの動画が印象に残る松本大学のホームページデザイン例
メインビジュアルではドローンで撮影されたと思われる動画がよく映えたデザインになっている。学びやすい環境を提供していることが伝わるよう、工夫していると思われる。 1スクロールしてすぐに学校のガイド情報がスライドで表示され、見やすくまとま...
- シンプルな名城大学のホームページデザイン例
使っている色はピンクに近い赤の一色のみで、シンプルでかっこいい名城大学のホームページ。 トップページにある「FACULTIES」や「MEIJO MAG」といったタイトルはWEBフォントを使って、それぞれ違う文字で表現していたり、下にス...
- 赤系統の色で統一された神戸女子大学のホームページデザイン例
赤系統の色で統一された、神戸女子大学のホームページ。メインビジュアルの写真は一定時間ごとに切り替わるようになっている。1カラムで構成され、レスポンシブでスマホ対応化している。 大人でクールな女性の写真が使われているせいか、どこかのブラ...
- 横浜市立大学のホームページデザイン例
黄緑色でシンプルにデザインされたホームページ。全体的に余白が広く取られており、レスポンシブ対応している。下層ページでは最近よく見かける、写真にわざと被るようにタイトルを表示している。 少し余白を取り過ぎて間延びしてる感があるが、ごちゃ...
- 東京農業大学のホームページデザイン例
全て2カラムで構成されており、左側のカラムはウィンドウの高さで固定されてスクロールできないようになっている。他ページへ遷移すると、左側のメニューはそのページに応じた写真とキャッチコピーが表示され、まるでパンフレットを読んでいるような気になる...
レッド・赤色のデザイン事例
- 株式会社東亜のホームページデザイン例
アイキャッチが青と赤の補色関係なので、パッと印象に残るホームページ。写真もシンプルなので、アイキャッチの赤と青と『応える、生み出す。ものづくりの品質がここに。』という言葉とても印象に残る。 写真だけだとなんの製造業かわかりにく点もある...
- 大阪市淀川区にある税理士事務所のホームページデザイン事例
ファーストビューは写真が徐々に切り替わりつつ、スクロールすると固定されたままとなるパララックスの仕組み。シンプルなデザインだが、トップページがLPのように、各課題をどうやって解決させるか明示されている。 デザインはかっこ良いが伝えたい...
- 赤を基調とした御堂筋税理士法人のホームページデザイン
ファーストビューとお知らせの部分のみ2カラムで、それ以下は1カラムという独特な構成になっている。 下層ページは全て2カラムで下にスクロールするとサイドメニューが固定化される。デザインで突出すべきポイントは日付部分。ここのデザインが効果...
- メリハリが印象に残る赤色の建築会社のホームページデザイン
トップページでは画面枠いっぱいに動画を掲載している。模型や設計図のようなモチーフを見せ、空間づくりを行う会社らしいイメージだ。 斜めのラインで見せるグローバルナビゲーションは比較的大きく、ファーストビューでは画面下に表示されているが、...
- 赤色と白を基調とした華やかなコーポレートサイトのデザイン例
桜の花をモチーフに、赤色と白を基調とした華やかながらも落ち着いたイメージのあるサイト。 コーポレートロゴを縦長に使い、ヘッダー、フッターエリアからはみ出すように配置することで、レイアウト上のアクセントになっている。 サービスの強...