NTTグループ

NTTグループのコーポレートサイトのデザインやCSSの記述などを分析した結果を掲載中。有名大手一流企業のWEBサイトはどのように作られているか知りたい時や、企業のホームページ制作で困ったときにチェック!

NTTの公式ホームページです。NTTグループの構成や取組み、グループ全体のニュースリリース、事業の紹介やトピックス、IR情報、災害対策、CSR、環境活動、研究開発、NTT(持株会社)の会社情報などをご紹介しています。

タイトル・テキスト設定

See the Pen NTTグループ by keisuke414 (@keisuke414) on CodePen.

font-family

‘繝偵Λ繧ョ繝手ァ偵ざ Pro W3’, ‘Hiragino Kaku Gothic Pro’, ‘Meiryo’, ‘繝。繧、繝ェ繧ェ’, ‘�ュ�ウ �ー繧エ繧キ繝�け’, ‘MS PGothic’, sans-serif;

H1タグのフォント設定

25px相当
#ffffff

H2タグのフォント設定

22px相当
#333333

H3タグのフォント設定

18px
#333333

H4タグのフォント設定

16px相当
bold
#333333

Pタグのフォント設定

16px相当
#333333

「px相当」はrem,em,%などの設定をしているものを、pxに換算した場合の数値です。

感想

NTTグループのサイトを見て感じた点です。

まず全体的な印象ですが、淡い青色のコーポレートカラーを基調とした色遣いがシンプルですっきりとした好印象のサイトです。

次にヘッダーメニューですが、使い勝手が良いです。

見出しのデザインですが、これもコーポレートカラーを取り入れたシンプルなデザインにH1の背景のグラデーションが非常に美しく見やすいデザインになっています。

全体のデザイン:★★★★★

UI:★★★★★

画像:★★★★★

フォント:★★★★★

SEO:★★★★★

参照

使用技術

アナリティクス

Google Analytics

Security

 Imperva

タグマネージャー

Google Tag Manager

JavaScriptライブラリ

 jQuery 3.5.1

ドメイン情報

不明

サーバー情報

使用サーバー

Incapsula Inc

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です