サイトの横幅いっぱいに子供たちの集合写真を全画面表示し、「笑顔つづくスポーツ」のタイトルの背景を透過させて下から背景写真を透かし、あたかもメインビジュアルのように見せた構成がユニークです。またこの背景写真にはグレーのドットのパターンを薄く重ねて印刷物のように見せる効果を施しています。タイル状に配置した各ページのリンクは違う大きさのものもひとつの長方形に綺麗に収まるように配置されています。
執筆者
カテゴリ
基本情報
- 会社名
- 一般財団法人 UNITED SPORTS FOUNDATION
- サイト名
- ユナイテッド・スポーツ・ファウンデーション
スポーツに関連するデザイン
-
「Nike Basketball」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、NIKEのバスケットボール・シューズを紹介しています。グローバルナビにて、NIKEのブランドウエアやシューズなどを案内しています。トップページの中央に、「NBAオー...
-
「PUMA」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、PUMAのブランド商品を紹介しています。グローバルナビにてレディースやメンズ、コレクションやセールなどを案内しています。買い物カゴのマークから、プーマジャパンのオン...
-
「YONEX」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、YONEXのスポーツウエアを紹介しています。グローバルナビにてヨネックスの会社概要、スポーツ情報などを案内しています。スポーツ情報のページはバドミントンやテニス、ゴ...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
グリーンを使ったデザイン
- 「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説
グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「CHEVALIER Valentin」のホームページデザイン解説深いグリーンをメインカラーとしてサイトが構成されていて、上品で落ち着きのあるイメージが作り上げられています。上部に設置されたナビゲーションメニューは下スクロールで画面外に隠れて、上スクロールですぐに表示される仕組みになっていてスムーズな閲覧...
-
「Pitta!」のホームページデザイン解説メインビジュアルに配置したサービスロゴは背景を明るくぼかすことで、ツヤ感のあるロゴデザインと相まってスポットライトが当たっているような効果を演出しています。また同様の効果はナビゲーションバーにも施されていて、メインビジュアルに配置したアイコ...
シンプルなホームページのデザイン
- 「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説
ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
- 「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説
グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...