小松製作所

小松製作所 のコーポレートサイトのデザインや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

Font Script

Google Font API

エディター

 DreamWeaver

Webサーバー

Apache

JavaScriptライブラリ

 jQuery 1.11.2

Underscore.js 1.8.3

Slick

ドメイン情報

不明

サーバー情報

使用サーバー

Microsoft Corporation

コメントを残す

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