No.006「コクヨ」サイトのからくり

No.006 コクヨ コーポレートサイト
No.006 コクヨ-ワンピースの楽譜 | Webサイト100選

No.006 コクヨ – ワンピースの楽譜 | Webサイト100選

サイト概要
コクヨ株式会社のWebサイトです。コクヨは、お客様の「はたらく」「まなぶ」「くらす」がより創造性豊かなものとなるよう、コクヨならではの価値創造と課題解決を実現する商品・サービスの提供に努めています。

 No.006 コクヨ

No.006 コクヨ-ワンピースの楽譜 | Webサイト100選

構成
FV

 No.006 コクヨ-FV

No.006 コクヨ-FV-ワンピースの楽譜 | Webサイト100選

カルーセルパネルを使用。パネル全体数は10枚以上と多い。
イベント情報や商品、サービス内容をまとめている。

header、nav

 No.006 コクヨ-header

No.006 コクヨ-header-ワンピースの楽譜 | Webサイト100選

→画面サイズ幅766px以下でハンバーガーメニューのデザインになる。カテゴリ名の上にマウスをかざすと赤い下線が現れ、クリックするとメガドロップダウンメニューが表示される。「言語設定」ができる。検索アイコンをクリックすると「検索窓」が現れる。メインカテゴリ名の文字サイズは16px

幅766px以下

 No.006 コクヨ-header(766px)

No.006 コクヨ-header(766px)-ワンピースの楽譜 | Webサイト100選

(検索アイコンクリック時表示画面)

No.006 コクヨ-search

No.006 コクヨ-search-ワンピースの楽譜 | Webサイト100選

footer

 No.006 コクヨ-footer

No.006 コクヨ-footer-ワンピースの楽譜 | Webサイト100選

→無彩色デザイン。グレーの背景部分(上)と白い背景部分(下)とに分かれている。カテゴリ名の上にマウスをかざすと下線が現れる。

使用パーツ・アイコン

バナー

分析・考察
■ターゲット:全世代の男女、個人、法人
[理由]・幅広い年代の男女の写真を使用しているから。
・「受験応援」(学生向け)、「オフィス」、「会議から変えていく」(社会人、法人向け)などの言葉があるから。

■特徴:
・「ページトップアイコン」も含め、全体的に無彩色でシンプルなデザイン。

・トップページの見出しの英語表記(「Stationery」、「Information」)文字サイズは30px
右側の日本語表記文字サイズは20px

 No.006 コクヨ-font-size

No.006 コクヨ-font-size-ワンピースの楽譜 | Webサイト100選

・フォントの種類は全体を通して「Medium」。中くらいの太さで、ほとんどの和文書体に用意されているもの。

 No.006 コクヨ-フォント(Medium

No.006 コクヨ-フォント(Medium)-ワンピースの楽譜 | Webサイト100選

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

コメント

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