ファーストビューは画像が左右に切り替わるデザインです。各画像の背景には緑の草木や青空の景色写真のような画像を用いており爽やかさを増長させています。トップページ上部にはシンプルに問い合わせ、資料請求のコンバージョンを意識した設計となっています。 お知らせに関してはカテゴリーのタグをつけておりわかりやすく表示数も多く最新情報が多いホームページである印象を与えます。ページ下部には各種項目のバナーがあります。多くは関連画像をあわせて表示させることで理解度が高まるデザインです。
執筆者
カテゴリ
基本情報
証券会社に関連するデザイン
-
「みずほフィナンシャルグループ」のホームページデザイン解説ファーストビューは画像が左右に切り替わるデザインです。その下にはニュースリリース、更新情報とFAQの3項目が分けれ表示されています。興味がある項目タブを押せば情報を確認することができユーザにとっても便利な仕組みです。その下の株価情報は表示が...
-
「NOMURA」のホームページデザイン解説トップページ上部は枠内いっぱいにファーストビュー画像、各項目毎の画像がきちんと整列しておりインパクトがあるデザインです。ページを下に進むとニュースリリース、更新情報などが掲載されています。各項目毎にタグが付けられているため視覚的にわかりやす...
-
「松井証券」のホームページデザイン解説ファーストビュー画像内に2つのボタンを用意しており選択させている点が特徴的です。その下にはイラストを用いてそれぞれの項目を並べています。口座開設については何分で完了するのか目安の時間があり口座開設ハードルを下げています。 トップページ下部...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
堅め・信頼感なホームページのデザイン
- 「新川電機株式会社」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「ACSL」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、様々なケースで活躍するドローンを紹介しています。グローバルナビにて自律制御システム研究所の会社概要、仕事内容やソリューションなどを案内しています。ACSLのソリューシ...
-
「ベンザブロック」のホームページデザイン解説ファーストビューではタレントを起用した目を引く写真が大きく使われており、画像上に商品画像が配置された構成になっています。商品画像はタイプごとに3つの画像を色分けして、並べて表示されていて見やすく、それぞれにカーソルを合わせるとちょっとしたモ...