ファーストビューに窓から見える高層ビル群を映し出し、その上にくっきりと色鮮やかなDBJ GreenBuildingのロゴを表示したデザインです。ロゴの真下にある「グリーンビルに込めた想
い」というバナーをクリックすると、研究所のコンセプトが綴られたページが開きます。画像にはフィルターがかけられていて、その上にゴシック体の白抜き文字でテキストが説明され
ています。それが独特の雰囲気をかもし出しています。トップページのグローバルナビから、グリーンビルディング認証の一覧や流れを確認できます。下層ページには、トピックス並び
に「数字で見るGB」がイラストで描かれています。グリーンビルディング認証の数を一目で把握できます。
執筆者
カテゴリ
基本情報
コンサルティングに関連するデザイン
-
「トランスコスモス」のホームページデザイン解説メインビジュアルのスライドショーは縦方向を短くしてコンパクトにまとめ、その代わりに横幅をワイドに広げて情報量を多く盛り込めるようになっています。その後に続く実績や記事サムネイルが1画面でなるべく多く表示できるよう配慮されたレイアウトです。ナ...
-
「才蔵」のホームページデザイン解説高層ビルからの街並みをバックに取り入れた、スケールの大きいビジュアルを使ったスライドショーがまず目を引きます。サービス内容のコンテンツには背景に世界地図を敷くことで、グローバルな事業展開を行っていることを一目で感じるデザインです。色使いはビ...
-
「まいどフォーラム」のホームページデザイン解説コンパクトながら鮮やかな蛍光グリーンのメインビジュアルがパッと目を引くサイトです。ナビゲーションバーはマウスオーバーでダークグリーンに変わり、発行しているような効果を演出しています。シンプルな2カラムレイアウトで、下層ページはグレーをメイン...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
グレーを使ったデザイン
-
「TEPRA PRO App “Hello”」のホームページデザイン解説サイトを開くと画面中央に大きくCGグラフィック表示されて、一連のモーションによって商品の概要や特徴が紹介されています。説明的な文章は無く、オブジェクトの動きによって直感的に内容が理解できるデザインが、しっかりとユーザ視点を考えているとともに...
-
「syn」のホームページデザイン解説画像領域が左側に大きく表示されており、大きなエリアと小さなエリア2つに分けられた構成が見やすくユーザの関心を得るデザインになっています。右上にはドロアーで隠されたナビゲーションメニューが固定表示されていて、スムーズな閲覧が可能な設計となって...
-
「Nissen On-line」のホームページデザイン解説ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューでは右から左へ、ニッセン通販のセールやキャンペーン情報をスライドさせています。グローバルナビにて、ファッション以外にインテリアや雑貨、美容・レジャー・ワークなどを案内して...
堅め・信頼感なホームページのデザイン
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「ACSL」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、様々なケースで活躍するドローンを紹介しています。グローバルナビにて自律制御システム研究所の会社概要、仕事内容やソリューションなどを案内しています。ACSLのソリューシ...
-
「ベンザブロック」のホームページデザイン解説ファーストビューではタレントを起用した目を引く写真が大きく使われており、画像上に商品画像が配置された構成になっています。商品画像はタイプごとに3つの画像を色分けして、並べて表示されていて見やすく、それぞれにカーソルを合わせるとちょっとしたモ...