Kao 花王株式会社のコーポレートサイトのデザインや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に換算した場合の数値です。
感想
Kao 花王株式会社のサイトを見て感じた点です。
まず全体的な印象ですが、コーポレートカラーを基調とした色遣いがシンプルですっきりとした好印象のサイトです。
次にヘッダーメニューですが、使い勝手が良いです。
見出しのデザインですが、これもコーポレートカラーを取り入れたシンプルなデザインでわかりやすく見やすいデザインになっています。
全体のデザイン：★★★★★
UI：★★★★★
画像：★★★★★
フォント：★★★★★
SEO：★★★★★
参照
使用技術
CMS
Adobe Experience Manager
ウィジェット
AddThis
アナリティクス
Matomo Analytics
Facebook Pixel
Adobe Experience Platform Identity Service
Adobe Analytics Moat
Google Analytics
JavaScriptフレームワーク
Backbone.js 1.3.3
ビデオプレーヤー
VideoJS 5.16.0
Webサーバー
Apache
プログラミング言語
Java
CDN
Amazon Cloudfront
タグマネージャー
Google Tag Manager
PaaS
Amazon Web Services
JavaScriptライブラリ
Underscore.js
Moment.js 2.17.1
Modernizr 2.8.3
jQuery 1.11.2
ドメイン情報
Domain Name: KAO.COM
Registry Domain ID: 2992760_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.markmonitor.com
Registrar URL: http://www.markmonitor.com
Updated Date: 2019-11-01T05:44:04Z
Creation Date: 1996-11-18T05:00:00Z
Registry Expiry Date: 2021-11-17T05:00:00Z
Registrar: MarkMonitor Inc.
Registrar IANA ID: 292
Registrar Abuse Contact Email: abusecomplaints@markmonitor.com
Registrar Abuse Contact Phone: +1.2083895740
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: MX.KAO.COM
Name Server: NS.KAO.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
サーバー情報
使用サーバー
Amazon.com, Inc.