Gong cha Japan ゴンチャ ジャパン公式webサイト(https://www.gongcha.co.jp/)分析
Gong cha Japan ゴンチャ ジャパンのwebサイトは、開くとメインビューがふわっと切り替わります。明朝体とゴシック体のサイトです。
今回は勉強のために、デザインを分析しました。
font
“游ゴシック体”, YuGothic, “游ゴシック”, “Yu Gothic”, “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, “meiryo”, sans-serif
黒系（#382b20）・赤系（#c32032）・白系
color
白・黒系（#332013）・ブルー系（#0070b2）
メニュー
PCは上部にヘッダーメニューが並んでいます。スクロールすると上部に固定されます。メニューはクリックすると下にボックスが開きます。画像のリンクが表示されます。
スマートフォンは、ページの下部ににメニューが固定されていて、左にハンバーガーメニューがあります。タップすると下から上にボックスがスライドして開きます。ハンバーガーメニュー内は画像のリンク等が並んでいます。
フッターは、PCは横にリンクが並んでいます。スマートフォンは縦に1列で並んでいます。アコーディオンメニューになっています。
まとめ
Gong cha Japan ゴンチャ ジャパンのwebサイトは、画像がきれいでとても商品を購入したくなるサイトです。イラストが使われています。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
