三菱食品

三菱食品のコーポレートサイトのデザインや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

Webサーバー

Apache

JavaScriptライブラリ

 jQuery 1.7.2

ドメイン情報

ドメイン名MITSUBISHI-SHOKUHIN.COM
有効期限2022-04-26T04:55:46Z
状態clientTransferProhibited – http://www.icann.org/epp#clientTransferProhibited
ネームサーバーns1.webhosting.jp
ns3.webhosting.jp
登録者メールアドレスdommaster@mark-i.jp
管理担当者メールアドレスdommaster@mark-i.jp
登録年月日2011-04-26T04:55:46Z
レジストラ1API GmbH

サーバー情報

使用サーバー

Itecjapan Co.,Ltd

コメントを残す

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