ソフトバンクのコーポレートサイトのデザインやCSSの記述などを分析した結果を掲載中。有名大手一流企業のWEBサイトはどのように作られているか知りたい時や、企業のホームページ制作で困ったときにチェック！
description
ソフトバンクの公式ホームページです。スマートフォン、携帯電話をはじめ、インターネット、固定電話、でんき、ロボットなどライフスタイルを豊かにする各種サービスやソフトバンクショップ、サポート、企業・IR情報などをご紹介します。
タイトル・テキスト設定
基準ページ
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：★★★★★
参照
使用技術
アナリティクス
Facebook Pixel
Google Analytics
Webサーバー
Apache
タグマネージャー
Google Tag Manager
JavaScriptライブラリ
jQuery 1.10.1
ドメイン情報
Domain Information: [ドメイン情報]
[Domain Name] SOFTBANK.JP
[登録者名] SoftBank Group Corp
[Registrant] SoftBank Group Corp
[Name Server] dns03.bbtec.net
[Name Server] dns04.bbtec.net
[Name Server] dns06.bbtec.net
[Signing Key]
[登録年月日] 2001/03/26
[有効期限] 2022/03/31
[状態] Active
[最終更新] 2021/04/01 01:05:10 (JST)
Contact Information: [公開連絡窓口]
[名前] SoftBank Group Corp
[Name] SoftBank Group Corp
[Email] domain-admin@softbank.co.jp
[Web Page]
[郵便番号] 105-7537
[住所] 東京都7-1, Kaigan 1-Chome
Minato-ku, Tokyo
Japan
[Postal Address] 7-1, Kaigan 1-Chome
Minato-ku, Tokyo
Japan
[電話番号] +81.368892000
[FAX番号] +81.362155001
サーバー情報
使用サーバー
Akamai Technologies, Inc.