淡いベージュでまとめた画面に、彩度を抑えたグリーンとイエローをアクセントに加え、落ち着いた色調ながらもワンポイントとして目立たせています。グリーンのラインは下線として、イエローの太線はマーカーとして文章に添えて、段階的に重要さを表示しています。注意喚起の重要な文章はさらに鮮やかな赤で表示し、重要さをアピールしています。
執筆者
カテゴリ
基本情報
保険会社に関連するデザイン
-
「東京海上日動あんしん生命」のホームページデザイン解説トップページ上部にはまず初めに大切なお知らせの表記があります。水色の背景となっており主張しすぎない程度に目立つデザインです。またさらに上には資料請求、お問い合わせ、検索バー、メニューの表示がありユーザビリティに優れた案内となっています。 ...
-
「明治安田生命」のホームページデザイン解説トップページ上部にはピンクの背景に赤文字で重要なお知らせを表示しています。ファーストビュー画像下には2つのユーザーに分けて案内があります。契約中もしくは新規契約を検討している方に分けてコンテンツを用意しています。その下には各コンテンツのバナ...
-
「大同生命」のホームページデザイン解説各種お知らせやニュースリリースなど最新情報が多い中、お知らせを重要なものと会社からの案内に分けていたり、トップページ内には最小限の件数を表示しており一覧は、別途別ページに遷移する方法をとっています。また誰向けのコンテンツなのか、対象者を明確...
Webメディアに関連するデザイン
-
「君二問フ」のホームページデザイン解説サイトを開くと中央にメッセージが展開されて、サイト導入の演出が凝った構成になっています。一連の流れのあとに「JOIN」のボタンが表示されてクリックするとトップページが表示される仕組みになっており、ユーザの期待感が高まるような演出が施されてい...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
ベージュを使ったデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「Loeven Morcel」のホームページデザイン解説背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...
ナチュラル・清潔感なホームページのデザイン
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
-
「FORCAS」のホームページデザイン解説ホワイトマスクがかかったムービーがファーストビューで展開されて、動きがあることで目を引く演出となっています。上部に設置されたナビゲーションメニューは、下スクロールで画面外に隠れ、上スクロールで瞬時に現れる仕組みで、スムーズな閲覧が可能な設計...
-
「WOTA」のホームページデザイン解説鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...