株式会社NTTデータMSE株式会社NTTデータMSE

「見やすい」「使いやすい」レスポンシブデザイン

NTTデータMSEらしい先進的なコーポレートサイトを

モバイルを中心にクラウド、サーバー、オートモーティブ、デジタル機器などを対象とした様々なソリューションを提供している「NTTデータMSE」のコーポレートサイト。グリッドデザインを採用すること先進的なコーポレートサイトを目指しました。また、下層ページのキービジュアルやナビゲーションなどにコーポレートカラーを配色し、どのページを見てもでもNTTデータMSEらしさを表現しています。シンプルなため横並びになりがちなレスポンシブデザインですが、特徴・魅力を引き出し、レスポンシブデザイン上でもブランドらしさを表現しています。私たちクーシーは、クライアントらしさをまず第一に考え、サイトデザインを行っています。

グリッドシステムを採用し、
見やすさを向上

レスポンシブデザインとの相性が良い、グリッドシステムを本サイトでは採用しています。グリッドシステムとは、テキストや画像など情報を格子状「グリッド」に合わせるレイアウトで、情報を多く詰め込むことの多い印刷物は昔から使われいる基礎的なデザイン手法です。昨今では、Googleのモバイルファーストの影響で、スマホでも見やすいレイアウトとしてグリッドシステムを採用するWebサイトが増えています。ただ、グリッドデザインは、情報を並列に並べるため単調になりがちですが、NTTデータMSEサイトでは、ボックスのサイズや色を変えることで単調さを払拭し、情報の優劣も表現しました。

マルチデバイス対応で
UI/UXの向上を実現

PC、タブレット、スマートフォン、3つブレイクポイントを設けており、多様な画角のデバイスでも「見やすい」が実現したデザインを用意しています。見た目の美しさと良い印象を持ってもらえるよう、それぞれのデバイスでUIやレイアウトを変更し、オペレーションの違い、画面領域の違いに合わせた「使いやすさ」を最適化しました。