ファーストビューではナビゲーションバー、スライドショーと各情報サイトへのリンク、遠隔授業の受講案内と授業に必要なツールのリンクが1画面で収まるよう構成されています。デザインは一見フラットですが、マウスオーバーするとサムネイルにシャドウがかかり、ブラックのタイトルやベタ部分はオレンジに変化するアニメーションが施されています。下層ページはグレーをメインカラーに、オレンジをアクセントにしたシンプルな2カラムレイアウトで、細いグレーの罫線を多用して事務的なすっきりとしたデザインになっています。
カテゴリ
基本情報
学校・大学に関連するデザイン
- 「新潟県立三条東高等学校同窓会」のホームページデザイン解説
メインビジュアルは高校の外観写真を使ったスライドショーで、左下に配置した高校名はシャドウを薄く敷いて読みやすくなっています。パープルをメインにした色使いで背景に淡いベタを敷き、お問い合わせのリンクボタンのみやや色を濃くした落ち着きのある色使...
- 「埼玉東萌短期大学」のホームページデザイン解説
サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
- 「桃山学院大学 ビジネスデザイン学部」のホームページデザイン解説
サイトにアクセスすると、ハーフトーン加工された学校紹介のムービーが画面幅いっぱいに表示され、その上にナビゲーションメニューが重ねられていますが、画面をスクロールするとナビゲーションメニューが自然に変化してヘッダーとして画面上部に固定されます...
サービスサイトに関連するデザイン
- 「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説
地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
- 「株式会社東名_オフィス光119」のホームページデザイン解説
メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
- 「salon de You_vary clue」のホームページデザイン解説
メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
オレンジを使ったデザイン
- 「スタジオK」のホームページデザイン解説
ベージュとホワイトのツートーンのバックの中央にジムの様子を紹介したスライドショーが再生され、その上にはオレンジの明朝体で力強くキャッチコピーが配置されています。スタジオのロゴをメインカラーにした、明るく健康的なイメージの色使いです。トレーニ...
- 「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説
地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
- 「株式会社協和住建」のホームページデザイン解説
鮮やかな青空が広がる街並みの写真の上に、キャッチコピーを大きく配置しています。横1列に並んだ物件情報はカルーセルになっており、次々と物件が表示されていきます。鮮やかなオレンジをアクセントにした色使いで、コンテンツによってホワイト・グレー・オ...
シンプルなホームページのデザイン
- 「東海キャスター株式会社」のホームページデザイン解説
メインビジュアルは横長のスライドショーで、特にサイトを開いてすぐに表示される、製品のアップを映した重厚感のある写真が目を引きます。鮮やかなブルーのグラデーションとフラットなグリーンに、カタログ請求や資料請求ボタンのイエローが映える色使いで、...
- 「株式会社ユースペースプランニング」のホームページデザイン解説
メインビジュアルは建物の外観と内装写真で構成されたスライドショーに企業ロゴを重ねたレイアウトです。タイトルは太めの英語フォントで力強く書かれ、本文のフォントを小さめにすることでジャンプ率を上げてメリハリをつけています。モノトーンの色使いと夜...
- 「株式会社 せらら工房」のホームページデザイン解説
メインビジュアルのスライドショーは写真の中央に企業ロゴを小さく配置したレイアウトで、特に1枚目の写真は鮮やかな赤いレンガの家の外観写真を大きく使い、インパクトを与えます。写真と背景を自由なレイアウトで配置し、背景はコンテンツごとにホワイト・...