伊藤忠商事

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

description

伊藤忠商事は繊維、機械、金属、エネルギー、化学品、食料、住生活、情報、金融の各分野において幅広いビジネスをグローバルに展開する大手総合商社です。

タイトル・テキスト設定

See the Pen 伊藤忠商事 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に換算した場合の数値です。

感想

伊藤忠商事のサイトを見て感じた点です。

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

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

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

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

UI:★★★★★

画像:★★★★★

フォント:★★★★★

SEO:★★★★★

参照

使用技術

ウィジェット

Facebook

アナリティクス

Google Analytics

ビデオプレーヤー

YouTube

Font Script

Google Font API

Webサーバー

Apache

JavaScriptライブラリ

 jQuery 1.11.2

PaaS

Amazon Web Services

ロードバランサー

 Amazon ALB

Social login

 Facebook Login

ドメイン情報

Domain Information: [ドメイン情報]
a. [ドメイン名] ITOCHU.CO.JP
e. [そしきめい] いとうちゅうしょうじ かぶしきがいしゃ
f. [組織名] 伊藤忠商事 株式会社
g. [Organization] ITOCHU Corporation
k. [組織種別] 株式会社
l. [Organization Type] Company
m. [登録担当者] KS58160JP
Contact Information: [担当者情報]
a. [JPNICハンドル] KS58160JP
b. [氏名] 阪本 清和
c. [Last, First] SAKAMOTO, KIYOKAZU
d. [電子メイル] tokgv-kikan@itochu.co.jp
f. [組織名] 伊藤忠商事 株式会社
g. [Organization] ITOCHU Corporation
k. [部署] IT企画部 技術統括室
l. [Division] Corporate IT Archtecture Department IT Planning Division
m. [肩書] 室長
n. [Title] Manager
o. [電話番号]
p. [FAX番号]
y. [通知アドレス]
[最終更新] 2018/07/27 13:10:33 (JST)
form@dom.jprs.jp

n. [技術連絡担当者] ST32043JP
Contact Information: [担当者情報]
a. [JPNICハンドル] ST32043JP
b. [氏名] 冨永 新也
c. [Last, First] TOMINAGA, SHINYA
d. [電子メイル] itc-nw-sup@ctc-g.co.jp
f. [組織名] 伊藤忠商事 株式会社
g. [Organization] ITOCHU Corporation
k. [部署] IT企画部 技術統括室
l. [Division] Corporate IT Archtecture Department IT Planning Division
o. [電話番号] 03-3497-4067
p. [FAX番号] 03-3497-4106
y. [通知アドレス]
[最終更新] 2015/11/09 10:02:43 (JST)
form@dom.jprs.jp

p. [ネームサーバ] ns1.ctc-g.ad.jp
p. [ネームサーバ] ns2.ctc-g.ad.jp
p. [ネームサーバ] ns3.ctc-g.ad.jp
s. [署名鍵]
[状態] Connected (2021/07/31)
[登録年月日] 1994/07/18
[接続年月日] 1994/07/20
[最終更新] 2020/08/01 01:06:00 (JST)

サーバー情報

使用サーバー

AWS

NTTグループ

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

日本郵政

description

日本郵政株式会社のWebサイトへようこそ。日本郵政株式会社は、日本郵便株式会社・株式会社ゆうちょ銀行・株式会社かんぽ生命保険などからなる日本郵政グループの持株会社です。

タイトル・テキスト設定

See the Pen 日本郵政 by keisuke414 (@keisuke414) on CodePen.