TORAY

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

description

無し

タイトル・テキスト設定

See the Pen TORAY CSS 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に換算した場合の数値です。

使用技術

アナリティクス

 Linkedin Insight Tag

Google Analytics

マーケティングオートメーション

Marketo

タグマネージャー

Google Tag Manager

JavaScriptライブラリ

 YUI 2.6.0

Lodash 4.17.15

jQuery 2.2.4

Cookie compliance

 Osano

ドメイン情報

Domain Information: [ドメイン情報]
a. [ドメイン名] TORAY.CO.JP
e. [そしきめい] とうれかぶしきかいしゃ
f. [組織名] 東レ株式会社
g. [Organization] Toray Industries, Inc.
k. [組織種別] 株式会社
l. [Organization Type] Corporation
m. [登録担当者] YK14056JP
Contact Information: [担当者情報]
a. [JPNICハンドル] YK14056JP
b. [氏名] 小堀 謙治
c. [Last, First] Kobori, Yoshiharu
d. [電子メイル] domain.master@brights.jp
f. [組織名] 東レ株式会社
g. [Organization] Toray Industries, Inc.
k. [部署]
l. [Division]
m. [肩書]
n. [Title]
o. [電話番号]
p. [FAX番号]
y. [通知アドレス] domain.master@brights.jp
[最終更新] 2006/07/24 10:25:03 (JST)
suzuki@brights.jp

n. [技術連絡担当者] RK2345JP
Contact Information: [担当者情報]
a. [JPNICハンドル] RK2345JP
b. [氏名] 高津 竜司
c. [Last, First] Kozu, Ryuji
d. [電子メイル] domain.master@brights.jp
f. [組織名] GMOブライツコンサルティング株式会社
g. [Organization] GMO Brights Consulting Inc.
o. [電話番号] 03-5784-1069
p. [FAX番号] 03-3462-5040
y. [通知アドレス]
[最終更新] 2016/08/02 09:55:55 (JST)
form@dom.jprs.jp

p. [ネームサーバ] dns3.toray.co.jp
p. [ネームサーバ] dns4.toray.co.jp
p. [ネームサーバ] dns5.toray.co.jp
p. [ネームサーバ] dns6.toray.co.jp
p. [ネームサーバ] dns-b.iij.ad.jp
p. [ネームサーバ] dns-c.iij.ad.jp
s. [署名鍵]
[状態] Connected (2022/03/31)
[登録年月日]
[接続年月日] 2000/11/17
[最終更新] 2021/04/01 01:06:55 (JST)

サーバー情報

使用サーバー

Akamai International, BV

感想

東レのサイトを見て感じた点です。

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

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

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

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

UI:★★★★★

画像:★★★★★

フォント:★★★★★

SEO:★★★★★

参照

TOYOTA

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

description

企業情報、投資家情報、ニュースルーム、モビリティ、サステナビリティ、採用情報等、トヨタの企業情報全般を提供するトヨタ自動車の公式企業サイトです。

タイトル・テキスト設定

See the Pen TOYOTA CSS by keisuke414 (@keisuke414) on CodePen.

font-family

“Helvetica Neue”, Helvetica, Arial, myHiragino, “メイリオ”, Meiryo, “Yu Gothic Medium”, “游ゴシック Medium”, YuGothic, “游ゴシック体”, “MS Pゴシック”, “MS PGothic”, Osaka, Verdana, sans-serif;

H1タグのフォント設定

24px相当
#000000

H2タグのフォント設定

22px相当
#000000

H3タグのフォント設定

16px
#000000

H4タグのフォント設定

16px
#000000

Pタグのフォント設定

16px相当
#212121

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

使用技術

ウィジェット

AddThis

Twitter

Facebook

アナリティクス

Moat

Google Analytics

プログラミング言語

Java

アドネットワーク

Twitter Ads

タグマネージャー

Google Tag Manager

JavaScriptライブラリ

YUI 2.6.0

jQuery 3.3.1

Slick

PaaS

Amazon Web Services

ロードバランサー

Amazon ELB

Social login

Facebook Sign-in

ドメイン情報

サーバー情報

使用サーバー

Akamai International, BV

感想

TOYOTAのサイトを見て感じた点です。

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

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

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

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

UI:★★★★★

画像:★★★★★

フォント:★★★★★

SEO:★★★★★

参照