TOYOTA

TOYOTAのコーポレートサイトのデザインやCSSの記述などを分析した結果を掲載中。有名大手一流企業のWEBサイトはどのように作られているか知りたい時や、企業のホームページ制作で困ったときにチェック!

企業情報、投資家情報、ニュースルーム、モビリティ、サステナビリティ、採用情報等、トヨタの企業情報全般を提供するトヨタ自動車の公式企業サイトです。

タイトル・テキスト設定

See the Pen TOYOTA CSS by keisuke414 (@keisuke414) on CodePen.

font-family

“Helvetica Neue”, Helvetica, Arial, myHiragino, “メイリオ”, Meiryo, “Yu Gothic Medium”, “游ゴシック Medium”, YuGothic, “游ゴシック体”, “MS Pゴシック”, “MS PGothic”, Osaka, Verdana, sans-serif;

H1タグのフォント設定

24px相当
#000000

H2タグのフォント設定

22px相当
#000000

H3タグのフォント設定

16px
#000000

H4タグのフォント設定

16px
#000000

Pタグのフォント設定

16px相当
#212121

「px相当」はrem,em,%などの設定をしているものを、pxに換算した場合の数値です。

使用技術

ウィジェット

AddThis

Twitter

Facebook

アナリティクス

Moat

Google Analytics

プログラミング言語

Java

アドネットワーク

Twitter Ads

タグマネージャー

Google Tag Manager

JavaScriptライブラリ

YUI 2.6.0

jQuery 3.3.1

Slick

PaaS

Amazon Web Services

ロードバランサー

Amazon ELB

Social login

Facebook Sign-in

ドメイン情報

サーバー情報

使用サーバー

Akamai International, BV

感想

TOYOTAのサイトを見て感じた点です。

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

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

見出しのデザインですが、これもコーポレートカラーを取り入れたシンプルなデザインにH1の背景のグラデーションが非常に美しく見やすいデザインになっています。

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

UI:★★★★★

画像:★★★★★

フォント:★★★★★

SEO:★★★★★

参照

コメントを残す

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