デザイン解説
アイコンが多用されたポップで可愛らしいホームページ。
メインビジュアルは最初表示されずに、おにぎりが転がって来て、いくつかのスライド写真が表示される仕組み。スライド写真の切り替えのアニメーションも他では見ないような特徴的な動き方をしている。
画像や写真にマウスオーバーした際のデザインもユニークで、非常に手の込んだ作りになっている。これ程のクオリティにも関わらず、レスポンスで実装しているのも凄い。
オレンジ系統の色で統一されており、デザインだけでなく動きの部分に関してもクオリティが高いホームページ。
掲載会社の情報
会社名 | 日本大学 |
---|---|
業種 | 大学 |
URL | http://hp.brs.nihon-u.ac.jp/~fbs/ |
住所 | 神奈川県藤沢市亀井野1866 |
このようなホームページを作成したい方へ
「ホームページ制作見積もりシミュレーター」を使うと、どのくらいの費用・料金でホームページが作成できるのかがわかります。個人情報の入力をせず、無料ですぐに利用できますので、お気軽にご活用ください。
学校・大学に関連するデザイン事例
- メインビジュアルの動画が印象に残る松本大学のホームページデザイン例
メインビジュアルではドローンで撮影されたと思われる動画がよく映えたデザインになっている。学びやすい環境を提供していることが伝わるよう、工夫していると思われる。 1スクロールしてすぐに学校のガイド情報がスライドで表示され、見やすくまとま...
- シンプルな名城大学のホームページデザイン例
使っている色はピンクに近い赤の一色のみで、シンプルでかっこいい名城大学のホームページ。 トップページにある「FACULTIES」や「MEIJO MAG」といったタイトルはWEBフォントを使って、それぞれ違う文字で表現していたり、下にス...
- 赤系統の色で統一された神戸女子大学のホームページデザイン例
赤系統の色で統一された、神戸女子大学のホームページ。メインビジュアルの写真は一定時間ごとに切り替わるようになっている。1カラムで構成され、レスポンシブでスマホ対応化している。 大人でクールな女性の写真が使われているせいか、どこかのブラ...
- 横浜市立大学のホームページデザイン例
黄緑色でシンプルにデザインされたホームページ。全体的に余白が広く取られており、レスポンシブ対応している。下層ページでは最近よく見かける、写真にわざと被るようにタイトルを表示している。 少し余白を取り過ぎて間延びしてる感があるが、ごちゃ...
- 東京農業大学のホームページデザイン例
全て2カラムで構成されており、左側のカラムはウィンドウの高さで固定されてスクロールできないようになっている。他ページへ遷移すると、左側のメニューはそのページに応じた写真とキャッチコピーが表示され、まるでパンフレットを読んでいるような気になる...
オレンジ・橙色のデザイン事例
- 読みやすい温かい印象を与える塗装会社のホームページ
ホワイトと暖色がベースでとても温かい印象のホームページ。説明が非常に丁寧であり、根拠も提示していつので説得力のある内容になっているが、説明自体がわかりやすく誰が読んでも理解しやすい文章となっている。 ページの流れも塗装自体の説明から始...
- 横書きと縦書きの調和が美しい暖色のクリニックのデザイン
優しい暖色のカラーと可愛らしいオリジナルキャラクターで、温かみのある印象のホームページとなっている。形成外科というあまり馴染みのない診療科だけでなく、内科・外科も合わせ保健室と例えることで親しみがわきやすい。 クリニックにありがちな、...
- 風船が印象的なポップな制作会社のホームページデザイン例
カラフルな風船を持った写真がメインビジュアルを飾るトップページ。サイトの背景にも風船が飛ぶようなアニメーションが動いている。ヘッダーやフッターなど随所に風船の写真が掲載されており、サイト全体を通して楽しげな空気を感じられる。 グローバ...
- ポップでフレンドリーな印象を与える税理士のホームページデザイン例
明るくポップな色味で、フレンドリーな印象のあるサイト。トップページの「会社設立をお考えの方へ」ボタンなどは、マウスを載せると現れる光沢感のあるエフェクトが特徴的だ。 サービス紹介ページではテキストを箇条書きにする・アイコンを用いるなど...
- オレンジが暖かい印象を与える会計事務所のデザイン例
コーポレートカラーのオレンジが暖かい印象を与えるサイト。 ロゴマークにも使用されている犬のモチーフを活かし、サイト内の随所に可愛らしいイラストを使用している。「ページの上へ」ボタンや見出しなど、隅々まで遊び心が感じられる。 フリ...