住友化学株式会社

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

住友化学株式会社のウェブサイトです。住友化学は、「化学の力」を基盤に開発した多岐にわたる製品の提供を通じ、人々の豊かな暮らしづくりに広く貢献しています。

タイトル・テキスト設定

See the Pen HITACHI by keisuke414 (@keisuke414) on CodePen.

font-family

‘メイリオ’,Meiryo,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’MS Pゴシック’,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.

コメントを残す

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