画面右側にナビゲーションメニューを固定したレイアウトで、メインエリアはエリア幅いっぱいに大学生活の様子を収録したムービーが表示されます。ナビゲーションメニューは左上の矢印アイコンをクリックすると折りたたまれるため、迫力あるムービーを全画面で楽しむことも可能です。コンテンツは画面幅いっぱいの写真に半透明のボックスを重ねてキャプションを添え、オレンジのタイトルと淡いグリーンのラインが鮮やかで、健康的で若々しいイメージを感じさせます。漫画を使った学部紹介を盛り込むなど、高校生以下の学生にも親しみやすいコンテンツも展開されています。
執筆者
カテゴリ
基本情報
学校・大学に関連するデザイン
-
「新潟県立三条東高等学校同窓会」のホームページデザイン解説メインビジュアルは高校の外観写真を使ったスライドショーで、左下に配置した高校名はシャドウを薄く敷いて読みやすくなっています。パープルをメインにした色使いで背景に淡いベタを敷き、お問い合わせのリンクボタンのみやや色を濃くした落ち着きのある色使...
-
「埼玉東萌短期大学」のホームページデザイン解説サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
-
「桃山学院大学 ビジネスデザイン学部」のホームページデザイン解説サイトにアクセスすると、ハーフトーン加工された学校紹介のムービーが画面幅いっぱいに表示され、その上にナビゲーションメニューが重ねられていますが、画面をスクロールするとナビゲーションメニューが自然に変化してヘッダーとして画面上部に固定されます...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
オレンジを使ったデザイン
-
「スタジオK」のホームページデザイン解説ベージュとホワイトのツートーンのバックの中央にジムの様子を紹介したスライドショーが再生され、その上にはオレンジの明朝体で力強くキャッチコピーが配置されています。スタジオのロゴをメインカラーにした、明るく健康的なイメージの色使いです。トレーニ...
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社協和住建」のホームページデザイン解説鮮やかな青空が広がる街並みの写真の上に、キャッチコピーを大きく配置しています。横1列に並んだ物件情報はカルーセルになっており、次々と物件が表示されていきます。鮮やかなオレンジをアクセントにした色使いで、コンテンツによってホワイト・グレー・オ...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
