Kao 花王株式会社

Kao 花王株式会社のコーポレートサイトのデザインや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に換算した場合の数値です。

感想

Kao 花王株式会社のサイトを見て感じた点です。

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

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

見出しのデザインですが、これもコーポレートカラーを取り入れたシンプルなデザインでわかりやすく見やすいデザインになっています。

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

UI:★★★★★

画像:★★★★★

フォント:★★★★★

SEO:★★★★★

参照

使用技術

CMS

 Adobe Experience Manager

ウィジェット

 Facebook

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.

コメントを残す

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