サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの重要なコンテンツには濃いパープルを背景に白抜き文字でコントラストを高め、それ以外はホワイトか淡いパープルの背景で柔らかい色使いにしています。円形のサムネイルと吹き出しを使ったカレンダー風のイベント情報も狭いエリアですが他のコンテンツとレイアウトを変えて目を引く構成になっています。
カテゴリ
基本情報
学校・大学に関連するデザイン
- 「大阪芸術大学 大学院」のホームページデザイン解説
紫やピンクの絵の具を混ぜたようなクリエイティブな印象を与える動きのあるファーストビュー画像を用いています。アウトラインやメッセージは詳細ページへ飛ぶようのボタンを設定しておりページ回遊率を意識したデザインです。トップページ内の各紹介では必要...
- 「慶應義塾大学 | SFC Open Research Forum 2019」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、カラフルなオブジェがクルクルと回っています。グローバルナビにて会場マップや開催概要、プログラムなどを案内しています。会場マップから、ミッドタウン・タワーへの交通アク...
- 「女子美術大学」のホームページデザイン解説
トップページは画面を縦に2分割したレイアウトで、左側にコンテンツを、右側に学生の声を写真付きで載せていますが、学生の声はクリックすると連動してコンテンツエリアが該当の内容に切り替わり、学生の声を次々と見ながら同時に大学について情報を得られる...
サービスサイトに関連するデザイン
- 「Caroselling」のホームページデザイン解説
イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
パープルを使ったデザイン
- 「Bornfight」のホームページデザイン解説
クロアチアのデザイン事務所のコーポレートサイトです。サイトにアクセスすると、ブラック1色の画面に力強く書かれたホワイトのキャッチコピーが特大のインパクトを与えます。実績紹介は画面全体を2分割して左にテキスト、右にビジュアルを配置した構成です...
- 「Opéra National du Rhin」のホームページデザイン解説
フランスの国立オペラの公式サイトです。ファーストビューは上下方向にスクロールして2枚の画像が入れ替わるスライドショーで、上演作品のサムネイルは太いブロック体のフォント、小さなセリフ体のフォントを極細のラインで区切ってキャプションを添え、上品...
- 「Dogstudio」のホームページデザイン解説
アメリカのデザインエージェンシーのサイトです。ファーストビューではサイト名にちなんだ犬の3D風イラストが画面全体に表示されユーザーに特大のインパクトを与えます。またこのイラストはマウスに追従して視差効果でわずかに角度が変わり、画面をスクロー...
堅め・信頼感なホームページのデザイン
- 「DRIVE CHART」のホームページデザイン解説
ファーストビューは斜めにカットされた運転シーンの写真に、製品写真の切り抜きとレポート画面のキャプチャを組み合わせて、ドライブレコーダーであることが一目でわかるビジュアルにしあがっています。グレーの濃淡をベースに、企業ロゴのオレンジをアクセン...
- 「株式会社コーポレート・アドバイザーズ・アカウンティング」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、雲の合間から薄日が差し込んでいる大空が写っています。グローバルナビにて会社情報、取扱業務などを案内しています。トップページの中央に、コーポレート・アドバイザーズ・アカ...
- 「おおたか総合法律事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...