三菱重工

三菱重工のコーポレートサイトのデザインや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:★★★★★

参照

使用技術

CMS

 Drupal 8

アナリティクス

 New Relic

Linkedin Insight Tag

Google Analytics

その他

webpack

Webサーバー

 Amazon EC2

Apache

キャッシュツール

 Varnish

プログラミング言語

PHP

CDN

Cloudflare

データベース

 Percona

タグマネージャー

Google Tag Manager

JavaScriptライブラリ

 jQuery 3.4.1

Lodash 4.17.4

Axios

Modernizr

PaaS

 Acquia Cloud Platform

ドメイン情報

不明

サーバー情報

使用サーバー

Cloudflare, Inc.

コメントを残す

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