ホワイトとグレーのベースに、ブルーやオレンジ、グリーンなどのアクセントカラーを効果的に使用。グローバルナビは、「観光インサイト」、「観光データベース」、「提供サービス」に分かれています。トップページのファーストビューから、「研究レポート」、「コンサルティング調査」、「観光教育」のページに移動することができます。トップページの真ん中に挟み込まれている「NEWS」にて、コラムやプレスリリースの一覧が見れるように工夫しています。さらに情報の更新日が一目でわかるように、赤丸に白抜き文字のフォントで表示されています。サイトを順番に見ていくと、「メルマガ登録」や「お問合せ」までスムーズにたどりつけるでしょう。
執筆者
カテゴリ
基本情報
イベントに関連するデザイン
-
「チケットぴあ」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、最新のチケット情報を紹介しています。グローバルナビにて初めての方向けに、チケットぴあのご利用方法を案内しています。トップページは2カラム構成で、左サイドにはおすすめ...
-
「藍のあまくさ村」のホームページデザイン解説エローをベースにした、カラフルなサイトです。ファーストビューには、藍のあまくさ村のポップなイラストが描かれています。グローバルナビにて島めぐり、藍の住人などを案内しています。トップページの中央に、藍の住人による「あまくさ村日記」を公開してい...
-
「PASMO」のホームページデザイン解説ホワイトをベースにピンクをアクセントにしたサイトです。ファーストビューでは、PASMOのロボットが使用方法などを説明しています。ポップなイラストが描かれています。PASMOのロボットのイラスト付きアイコンをクリックすると、PASMOの使い方...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
かっこいいなホームページのデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...