ファーストビューに使用している写真は日中から夜の景色に切り替わるお洒落なデザインです。また「注意」に関する表示は赤を背景に白文字を使用しておりインパクトがあります。 トップページ内には「借りたい」、「貯めたい」など目的を端的に示し、各詳細ページに遷移させており非常にわかりやすい案内となっています。 ピックアップ情報に関しては、重要な案内の場合その表示を出しておりどの内容に特に注目すべきなのかが一目でわかる仕様となっています。全体として掲載内容によって強弱をつけた信頼度の高いホームページです。
執筆者
カテゴリ
基本情報
銀行に関連するデザイン
-
「城南信用金庫 – 新卒採用」のホームページデザイン解説メインビジュアルは銀行で働く人々の写真をタイル状に組み合わせたもので、中央にベタを敷いてメッセージを重ねることで、応募者に就業への強い意欲を促します。コンテンツはブルーやグリーンのバックに写真を自然なグラデーションでマスクして乗せ、スペシャ...
-
「三井住友トラスト・ホールディングス」のホームページデザイン解説トップページ内に画像やピクトグラム等のイラストはなく文字がメインの情報量が充実したホームページです。ニュースリリースや更新情報、各種項目にはそれぞれリンク先があり別ページへ遷移する仕様になっています。各カテゴリー毎に情報が分かれているため各...
-
「NICOS」のホームページデザイン解説常時バナーとして「ご質問はこちら」が設定されているホームページです。単に文字だけでなく女性のイラストを用いることで案内がやわらかい印象となっています。全体としては白と赤を基調とした明るく元気で、誠実さのあるホームページです。フォントは原則ゴ...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
レッドを使ったデザイン
-
「名古屋グランパス」のホームページデザイン解説ページ全体としては白と本サイトで紹介されているサッカーチームのロゴに用いられている赤とオレンジを用いた明るく楽しい印象のホームページです。ファーストビュー画像の下には最新の試合情報が掲載されています。いつ、何時にどこのチームとどの場所で戦う...
-
「NBA.com (Japan)」のホームページデザイン解説グレーをベースに、レッドやブルーをアクセントにしたサイトです。ファーストビューでは、スポーツニュースを紹介しています。グローバルナビにて試合の日程やスコア、個人の成績や順位表などを案内しています。試合スケジュールのカレンダーを表示しています...
-
「ロッテオンラインショップ」のホームページデザイン解説ベージュをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、ロッテの新商品やキャンペーン情報をスライドさせています。グローバルナビにてロッテのブランド商品、キャンペーン・特集などを案内しています。キャンペーン・特集の...
鮮やか・元気なホームページのデザイン
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
-
「SOLES GAUFRETTE」のホームページデザイン解説画面右半分にスライドショーで切り替わる画像領域を設置して、左側に大きくテキストを表示したファーストビューが、目を引く演出になっています。画像が切り替わると同時にテキストも切り替わり、画面全体に大きな動きがあることで興味を抱かせる効果となって...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...