白と赤を基調としたはっきりとした印象のホームページです。ファーストビューに検索バーおよび各種コンテンツがきれいにまとまっておりユーザーが迷うことなく目的のページに遷移できる案内になっています。 ページを進むと重要な案内が注意マークと赤枠を使用し目立つ案内になっています。お知らせに関してはトップページ内に表示されている項目数が多いです。 トップページ下には再度各コンテンツ毎の案内をしています。その下には各種案内バナーが整列しています。全体としてしっかりとしている真面目な印象のホームページです。
執筆者
カテゴリ
基本情報
銀行に関連するデザイン
-
「城南信用金庫 – 新卒採用」のホームページデザイン解説メインビジュアルは銀行で働く人々の写真をタイル状に組み合わせたもので、中央にベタを敷いてメッセージを重ねることで、応募者に就業への強い意欲を促します。コンテンツはブルーやグリーンのバックに写真を自然なグラデーションでマスクして乗せ、スペシャ...
-
「三井住友トラスト・ホールディングス」のホームページデザイン解説トップページ内に画像やピクトグラム等のイラストはなく文字がメインの情報量が充実したホームページです。ニュースリリースや更新情報、各種項目にはそれぞれリンク先があり別ページへ遷移する仕様になっています。各カテゴリー毎に情報が分かれているため各...
-
「NICOS」のホームページデザイン解説常時バナーとして「ご質問はこちら」が設定されているホームページです。単に文字だけでなく女性のイラストを用いることで案内がやわらかい印象となっています。全体としては白と赤を基調とした明るく元気で、誠実さのあるホームページです。フォントは原則ゴ...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
堅め・信頼感なホームページのデザイン
- 「新川電機株式会社」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「ACSL」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、様々なケースで活躍するドローンを紹介しています。グローバルナビにて自律制御システム研究所の会社概要、仕事内容やソリューションなどを案内しています。ACSLのソリューシ...
-
「ベンザブロック」のホームページデザイン解説ファーストビューではタレントを起用した目を引く写真が大きく使われており、画像上に商品画像が配置された構成になっています。商品画像はタイプごとに3つの画像を色分けして、並べて表示されていて見やすく、それぞれにカーソルを合わせるとちょっとしたモ...