住友化学株式会社のコーポレートサイトのデザインやCSSの記述などを分析した結果を掲載中。有名大手一流企業のWEBサイトはどのように作られているか知りたい時や、企業のホームページ制作で困ったときにチェック！
description
住友化学株式会社のウェブサイトです。住友化学は、「化学の力」を基盤に開発した多岐にわたる製品の提供を通じ、人々の豊かな暮らしづくりに広く貢献しています。
タイトル・テキスト設定
基準ページ
See the Pen HITACHI by keisuke414 (@keisuke414) on CodePen.
font-family
‘メイリオ’,Meiryo,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’ＭＳ Ｐゴシック’,Arial,Helvetica,sans-serif
H1タグのフォント設定
24px相当
bold
#777777
H2タグのフォント設定
17.6px相当
bold
#575757
H3タグのフォント設定
16px
bold
#737373
H4タグのフォント設定
15.36px相当
bold
#333333
Pタグのフォント設定
14.4px相当
#333333
「px相当」はrem,em,%などの設定をしているものを、pxに換算した場合の数値です。
感想
住友化学株式会社のサイトを見て感じた点です。
まず全体的な印象ですが、コーポレートカラーを基調とした色遣いがシンプルですっきりとした好印象のサイトです。
次にヘッダーメニューですが、使い勝手が良いです。
見出しのデザインですが、これもコーポレートカラーを取り入れたシンプルなデザインでわかりやすく見やすいデザインになっています。
全体のデザイン：★★★★★
UI：★★★★★
画像：★★★★★
フォント：★★★★★
SEO：★★★★★
参照
使用技術
アナリティクス
Google Analytics
JavaScriptフレームワーク
Mustache 2.2.1
その他
Swiper Slider
Webサーバー
Apache
タグマネージャー
Google Tag Manager
JavaScriptライブラリ
jQuery 3.3.1
ドメイン情報
Domain Information: [ドメイン情報]
a. [ドメイン名] SUMITOMO-CHEM.CO.JP
e. [そしきめい] すみともかがくかぶしきがいしゃ
f. [組織名] 住友化学株式会社
g. [Organization] SUMITOMO CHEMICAL CO.,LTD.
k. [組織種別] 株式会社
l. [Organization Type] Corporation
m. [登録担当者] SO27821JP
Contact Information: [担当者情報]
a. [JPNICハンドル] SO27821JP
b. [氏名] 岡田 愼治
c. [Last, First] Okada, Shinji
d. [電子メイル] okadas8@sc.sumitomo-chem.co.jp
f. [組織名] 住友化学株式会社
g. [Organization] SUMITOMO CHEMICAL CO.,LTD.
o. [電話番号]
p. [FAX番号]
y. [通知アドレス]
[最終更新] 2018/01/22 16:06:49 (JST)
form@dom.jprs.jp
n. [技術連絡担当者] NT24224JP
Contact Information: [担当者情報]
a. [JPNICハンドル] NT24224JP
b. [氏名] 塚本 直正
c. [Last, First] Tsukamoto, Naomasa
d. [電子メイル] sss@rs.sc-sss.co.jp
f. [組織名] 住友化学システムサービス株式会社
g. [Organization] Sumitomo Chemical Systems Service Co.,Ltd.
o. [電話番号] 06-7166-6216
p. [FAX番号]
y. [通知アドレス] sss@rs.sc-sss.co.jp
[最終更新] 2018/01/22 16:16:24 (JST)
form@dom.jprs.jp
p. [ネームサーバ] ns6.intervia.ad.jp
p. [ネームサーバ] ns6.via.or.jp
s. [署名鍵]
[状態] Connected (2022/03/31)
[登録年月日]
[接続年月日] 2014/07/12
[最終更新] 2021/04/01 01:04:13 (JST)
サーバー情報
使用サーバー
KDDI Web Communications Inc.