スプリットレイアウトのトップページになっており、右側にサイトメニューが固定表示され、左側のメインページヘッダーではスライドショー表示で様々な企画のPRが流れています。ページを分けることで情報が散らばらず、閲覧しやすい設計になっています。「プロジェクト」ではそれぞれの企画にロゴマーク入りサムネイル用意され、一覧表示になっており、充実した企画のラインナップを見ることができます。さらにプロジェクトを3つのカテゴリに分けて表示し、気になる企画を探しやすい設計になっています。また、CMやメイキングムービーもサイト内で閲覧できるように埋め込まれていて、ユーザーが楽しめる工夫が凝らされたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
保険会社に関連するデザイン
-
「東京海上日動あんしん生命」のホームページデザイン解説トップページ上部にはまず初めに大切なお知らせの表記があります。水色の背景となっており主張しすぎない程度に目立つデザインです。またさらに上には資料請求、お問い合わせ、検索バー、メニューの表示がありユーザビリティに優れた案内となっています。 ...
-
「明治安田生命」のホームページデザイン解説トップページ上部にはピンクの背景に赤文字で重要なお知らせを表示しています。ファーストビュー画像下には2つのユーザーに分けて案内があります。契約中もしくは新規契約を検討している方に分けてコンテンツを用意しています。その下には各コンテンツのバナ...
-
「大同生命」のホームページデザイン解説各種お知らせやニュースリリースなど最新情報が多い中、お知らせを重要なものと会社からの案内に分けていたり、トップページ内には最小限の件数を表示しており一覧は、別途別ページに遷移する方法をとっています。また誰向けのコンテンツなのか、対象者を明確...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
- 「Tokyo Ueno Wonderer」のホームページデザイン解説
ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...