ややくすんだブルーをメインカラーにしたフラットなデザインですが、学校説明会などのイベントの告知はYoutube動画のサムネイル風にインパクトのあるデザインで、Youtuberに馴染み深い中高生への訴求を強めています。メインビジュアルの下に引かれた斜めのストライプの飾り罫線もアクセントになっています。校内連絡ボードのリンクに、写真を貼ったコルクボード風のデザインを施すなど、アナログ的な演出も見られます。
カテゴリ
基本情報
学校・大学に関連するデザイン
- 「明治大学」のホームページデザイン解説
サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...
- 「大阪芸術大学 大学院」のホームページデザイン解説
紫やピンクの絵の具を混ぜたようなクリエイティブな印象を与える動きのあるファーストビュー画像を用いています。アウトラインやメッセージは詳細ページへ飛ぶようのボタンを設定しておりページ回遊率を意識したデザインです。トップページ内の各紹介では必要...
- 「慶應義塾大学 | SFC Open Research Forum 2019」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、カラフルなオブジェがクルクルと回っています。グローバルナビにて会場マップや開催概要、プログラムなどを案内しています。会場マップから、ミッドタウン・タワーへの交通アク...
採用・リクルートサイトに関連するデザイン
- 「株式会社ソルブレイン採用サイト」のホームページデザイン解説
ファーストビューで表示されるスライドショーは業務中の風景の写真に半透明のホワイトとグリーンでキャッチコピーを重ね、みずみずしさを感辞させます。鮮やかなエメラルドグリーンをアクセントに使い、淡いグレーとホワイトでコンテンツをエリア分けして、ホ...
- 「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説
ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
- 「Casa採用サイト」のホームページデザイン解説
採用サイトとしてトップページにはビジョン、サービス、メッセージを端的に写真とともに動きのある案内をすることで伝えたい内容が明確に理解することができます。その上でより詳細を知りたいユーザー向けに会社概要、採用情報を案内しています。最下部にはエ...
ブルーを使ったデザイン
- 「フロンティア総合会計事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、フロンティア総合会計事務所のスタッフが写っています。グローバルナビにて事務所概要、顧問料などを案内しています。フロンティア総合会計事務所の顧問料については、月額の記帳...
- 「ゆめ中央保育園」のホームページデザイン解説
ベージュをベースにブルーをアクセントにしたサイトです。ファーストビューには、ゆめ中央保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて施設概要、年間行事などを案内しています。ゆめ中央保育園は「本園」と「分園」に分かれています。ト...
- 「おおたか総合法律事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...
フラットなホームページのデザイン
- 「Wolf & Whale」のホームページデザイン解説
ニューヨークのデザイン事務所のコーポレートサイトです。サイトにアクセスするとまず鮮やかなブルーのベタが画面全体を横切り、画面が切り替わるとグレーをベースとしたモノトーンの色使いの中にわずかに使われたブルーの文字でデザインされた画面が目を引き...
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「株式会社アリシア」のホームページデザイン解説
鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...