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