メインビジュアルは高校の外観写真を使ったスライドショーで、左下に配置した高校名はシャドウを薄く敷いて読みやすくなっています。パープルをメインにした色使いで背景に淡いベタを敷き、お問い合わせのリンクボタンのみやや色を濃くした落ち着きのある色使いで、シンプルな1カラムのレイアウトの中にコンテンツと背景をずらして重ねるなどの変化をつけています。コンテンツの入り口はタイトルの下にブラックのグラデーションを薄く敷き、マウスオーバーでキャプションが浮かび上がる構成です。お問い合わせボタンの背景には青空の面積を大きく取った写真をはいちして、さわやかな印象を感じさせます。
執筆者
カテゴリ
基本情報
学校・大学に関連するデザイン
-
「埼玉東萌短期大学」のホームページデザイン解説サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
-
「桃山学院大学 ビジネスデザイン学部」のホームページデザイン解説サイトにアクセスすると、ハーフトーン加工された学校紹介のムービーが画面幅いっぱいに表示され、その上にナビゲーションメニューが重ねられていますが、画面をスクロールするとナビゲーションメニューが自然に変化してヘッダーとして画面上部に固定されます...
-
「日本大学理工学部建築学科」のホームページデザイン解説カラフルな円がラインで繋がっていくアニメーションから画面が切り替わり、学内の様子を記録した動画が画面いっぱいに表示される迫力のあるファーストビューです。画面両端のマージンを最小限に抑えたレイアウトで、コンテンツやリンクボタンはドットのライン...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
パープルを使ったデザイン
-
「近江楽堂」のホームページデザイン解説メインビジュアルは落ち着いたパープルのグラデーションを背景に、左に施設名とキャッチコピーを重ねたコンテンツの背景は導入部分をパープルとホワイトで色分けし、ホール内を映した縦アングルの写真をずらして重ねています。アクセス方法の案内は交通手段別...
-
「Bornfight」のホームページデザイン解説クロアチアのデザイン事務所のコーポレートサイトです。サイトにアクセスすると、ブラック1色の画面に力強く書かれたホワイトのキャッチコピーが特大のインパクトを与えます。実績紹介は画面全体を2分割して左にテキスト、右にビジュアルを配置した構成です...
-
「明治大学」のホームページデザイン解説サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...
シンプルなホームページのデザイン
-
「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
-
「医療法人 敬愛会 末広橋病院」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたスライドショーで、下部を流線型にトリミングして手書き風の鳥のイラストを添え、優しい雰囲気をまず感じさせます。病院の内装と合わせたくすんだピンクと淡いベージュを中心にした色使いと、角丸長方形を使ったレイ...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
