大画面に映し出される鮮やかな物件の写真のファーストビューのホームページです。左のグローバルナビゲーションは英語表記ですがシンプルかつわかりやすい表記になっています。 ページ下に進むと少しずつ大きさが異なる四角バナーが多数並べられており、興味を持ったバナーをクリックできるデザインです。四角の大きさが異なりますが、乱雑ではなく、むしろ洗練された印象です。 ページ内には様々な色味を使用していますが全体的に落ち着いたテイストのため主張しすぎずリラックスした印象を感じさせるホームページです。
執筆者
カテゴリ
基本情報
設計事務所に関連するデザイン
-
「UDATSU」のホームページデザイン解説全画面表示の写真がファーストビューに表示されて、インパクトのある演出が施されています。画面中央にはロゴマークの形状に別の写真が組み合わさって独特な表現になっていて、興味を抱かせる工夫となっています。さらに右下に設置された左右の矢印マークをク...
-
「アクシード設計事務所」のホームページデザイン解説ムービーがファーストビュー上で展開されて、思わず見入ってしまうような演出になっています。また、全画面領域になっていることでインパクトがあり、サイトの導入として効果的な表示がしっかりと考えられています。ロゴマークにも使われているパステル調のエ...
-
「SpiderPlus & Co.」のホームページデザイン解説ファーストビューの画像領域は画面左側に大きく設置されており、目を引く演出になっています。画像はスライドショーで切り替わる仕組みになっており、次に画像領域で大きく表示される控えの画像が右側に小さく表示されています。さらにその次に表示される画像...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
- 「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説
ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
- 「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説
グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
- 「Tokyo Ueno Wonderer」のホームページデザイン解説
ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...