ナビゲーションを左に寄せたレイアウトで、メインビジュアルは中央で2分割し、左側にカルーセルで重要な記事へのリンクを、右側はタイル状に写真を配置して社員研修や導入事例へのリンクを貼っています。メインエリアのサービス一覧やコンテンツは幅をコンパクトに表示し、常時画面右上に表示されているお問い合わせのリンクボタンがコンテンツにかぶらないようにしています。コーポレートカラーのブルーを基準に濃淡をつけた配色の、すっきりしたデザインです。
執筆者
カテゴリ
基本情報
コンサルティングに関連するデザイン
-
「トランスコスモス」のホームページデザイン解説メインビジュアルのスライドショーは縦方向を短くしてコンパクトにまとめ、その代わりに横幅をワイドに広げて情報量を多く盛り込めるようになっています。その後に続く実績や記事サムネイルが1画面でなるべく多く表示できるよう配慮されたレイアウトです。ナ...
-
「才蔵」のホームページデザイン解説高層ビルからの街並みをバックに取り入れた、スケールの大きいビジュアルを使ったスライドショーがまず目を引きます。サービス内容のコンテンツには背景に世界地図を敷くことで、グローバルな事業展開を行っていることを一目で感じるデザインです。色使いはビ...
-
「まいどフォーラム」のホームページデザイン解説コンパクトながら鮮やかな蛍光グリーンのメインビジュアルがパッと目を引くサイトです。ナビゲーションバーはマウスオーバーでダークグリーンに変わり、発行しているような効果を演出しています。シンプルな2カラムレイアウトで、下層ページはグレーをメイン...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
ブルーを使ったデザイン
- 「新川電機株式会社」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「ACSL」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、様々なケースで活躍するドローンを紹介しています。グローバルナビにて自律制御システム研究所の会社概要、仕事内容やソリューションなどを案内しています。ACSLのソリューシ...
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
かっこいいなホームページのデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...