ファーストビューに「what’s news」があり、また内容がランダムで入れ替わる仕様となっており目立つ位置に配置されています。 背景はたんぽぽの綿毛のような写真を用い高級感と光が輝いているような綺麗で繊細なデザインです。 全体としては白、青、ワインレッドの色使いをしており上品さを感じられます。また複数社員の写真を使用しており親近感も伺えるデザインです。 「リスペクトを楽しむ」というタイトルのページは楽しそうなレポートの掲載がされている点が特徴的です。上品さと楽しい雰囲気を兼ね合わせた完成度の高いデザインです。
執筆者
カテゴリ
基本情報
コンサルティングに関連するデザイン
-
「トランスコスモス」のホームページデザイン解説メインビジュアルのスライドショーは縦方向を短くしてコンパクトにまとめ、その代わりに横幅をワイドに広げて情報量を多く盛り込めるようになっています。その後に続く実績や記事サムネイルが1画面でなるべく多く表示できるよう配慮されたレイアウトです。ナ...
-
「才蔵」のホームページデザイン解説高層ビルからの街並みをバックに取り入れた、スケールの大きいビジュアルを使ったスライドショーがまず目を引きます。サービス内容のコンテンツには背景に世界地図を敷くことで、グローバルな事業展開を行っていることを一目で感じるデザインです。色使いはビ...
-
「まいどフォーラム」のホームページデザイン解説コンパクトながら鮮やかな蛍光グリーンのメインビジュアルがパッと目を引くサイトです。ナビゲーションバーはマウスオーバーでダークグリーンに変わり、発行しているような効果を演出しています。シンプルな2カラムレイアウトで、下層ページはグレーをメイン...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
高級感・リッチなホームページのデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...