No.005「Panasonic(パナソニック)」のからくり

No.005 Panasonic(パナソニック) コーポレートサイト
No.005 Panasonic(パナソニック)-ワンピースの楽譜 | Webサイト100選

No.005 Panasonic(パナソニック)- ワンピースの楽譜 | Webサイト100選

サイト概要
パナソニック株式会社のウェブサイトです。パナソニックの企業情報や商品情報、サポート情報、採用情報、環境活動などについて紹介しています。

 No.005 Panasonic(パナソニック )

No.005 Panasonic(パナソニック)-ワンピースの楽譜 | Webサイト100選

ここが魅力!
・会社の、CMキャラクター採用への思いなどを知ることができる!

 No.005 Panasonic(パナソニック)-大坂なおみ選手と「理想の社会」をめざして。

No.005 Panasonic(パナソニック)-大坂なおみ選手と「理想の社会」をめざして。-ワンピースの楽譜 | Webサイト100選

読み物がある!「理想の家族ってなんだろう?」など、人生について考える機会が生まれる!

 No.005 Panasonic(パナソニック)- q&d - 問いと対話で、くらしの理想を考えるメディア

No.005 Panasonic(パナソニック)- q&d – 問いと対話で、くらしの理想を考えるメディア-ワンピースの楽譜 | Webサイト100選

 No.005 Panasonic(パナソニック)- q&d - 問いと対話で、くらしの理想を考えるメディア

No.005 Panasonic(パナソニック)- q&d – 問いと対話で、くらしの理想を考えるメディア-ワンピースの楽譜 | Webサイト100選

構成
FV

 No.005 Panasonic(パナソニック)-FV

No.005 Panasonic(パナソニック)-FV-ワンピースの楽譜 | Webサイト100選

→会社の今後の方向性についてのページへのリンクをトップに配置している。

header、nav

 No.005 Panasonic(パナソニック)-header

No.005 Panasonic(パナソニック)-header-ワンピースの楽譜 | Webサイト100選

→デザインは無彩色。検索窓がある。カテゴリ名の上にマウスをかざすと、文字色が白になる。

footer

 No.005 Panasonic(パナソニック)-footer

No.005 Panasonic(パナソニック)-footer-ワンピースの楽譜 | Webサイト100選

→カテゴリ名の上にマウスをかざすと、下線が現れる。「印刷」、「ページの先頭へ」、「Area/Country」がある。

使用パーツ・アイコン

バナー

分析・考察
■ターゲット:全世代の男女、個人、法人
[理由]・扱っている商品の種類の豊富さから。
・「個人向け商品」、「法人向け商品」というカテゴリ名があるから。

■特徴:
・トップページの見出し画像の幅はすべて画面サイズと同じ。
・スクロールすると一画面移動する仕組み。「scroll」アイコンをクリックしても移動する。

※参考ページ:https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/move02/6-1/6-1.html#Service
(「動くWebデザインアイディア帳」)

・下層ページのデザインが凝っている。
(奥行きを出す、画像の枠が動く、クリックすると詳細が出てくる散りばめられたアイコンなど)

 No.005 Panasonic(パナソニック)- 動く画像の枠

No.005 Panasonic(パナソニック)- 動く画像の枠-ワンピースの楽譜 | Webサイト100選

 No.005 Panasonic(パナソニック)- 散りばめられたアイコン

No.005 Panasonic(パナソニック)- 散りばめられたアイコン-ワンピースの楽譜 | Webサイト100選

・トップページの見出し(「グループCEOから皆様へ『新体制で目指す方向性』」、
「私は、テニスプレイヤー。でもそれは、私のすべてではない。」)の文字サイズは27px

・フォントの種類は、トップページは「メイリオ」。視認性がよく、読みやすい。
パソコンのディスプレイで見る際に、読みやすさが優れているとされている。

No.005 Panasonic(パナソニック)-トップページ フォント(メイリオ)

No.005 Panasonic(パナソニック)-トップページ フォント(メイリオ)-ワンピースの楽譜 | Webサイト100選

下層ページ:「Arial(エイリアル)」。Arialは安定感もあり、太字や斜体にも対応している。
直線的なフォントだが、ひらがなでは曲線的な部分も見えてくるのでいかつくなりすぎない。

 No.005 Panasonic(パナソニック)-トップページ フォント(Arial)

No.005 Panasonic(パナソニック)-トップページ フォント(Arial)-ワンピースの楽譜 | Webサイト100選

Open Sans」。Open Sansは非常に可読性に優れたフォントで、
Googleも一部のウェブサイトや印刷物、ウェブ広告に使用している。

No.005 Panasonic(パナソニック)-下層ページ フォント(Open Sans)

No.005 Panasonic(パナソニック)-下層ページ フォント(Open Sans)-ワンピースの楽譜 | Webサイト100選

・ニュース(新着情報)のアイコンは、カテゴリ別に背景色を変えている。

 No.005 Panasonic(パナソニック)-新着情報 アイコン

No.005 Panasonic(パナソニック)-ワンピースの楽譜 | Webサイト100選

Webサイト100選No.003-ワンピースの楽譜 | Webサイト100選

コメント

タイトルとURLをコピーしました