小松製作所 のコーポレートサイトのデザインや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
Font Script
Google Font API
エディター
DreamWeaver
Webサーバー
Apache
JavaScriptライブラリ
jQuery 1.11.2
Underscore.js 1.8.3
Slick
ドメイン情報
不明
サーバー情報
使用サーバー
Microsoft Corporation