DELFONICS 公式サイト(https://shop.delfonics.com/)分析
DELFONICSのオンラインショップは、PCサイトはロゴが縦に左上にあります。切替わる画像が表示されていて、上からNEW ITEM、RANKING、SPECIAL FEATURE、CATEGORY等があり、一番下にNEWSがあります。
今回は勉強のために、デザインを分析しました。

font
“YuGothic-M”, sans-serif
白系・黒系(#383838)
color
白系・黒系(#383838・#414141)・グレー系(#bec2c3・#efefef)・赤系(#ff3700)
メニュー
PCは上部にリンクメニューが並んでいて、マウスを乗せるとカテゴリは下に画像があるメニューボックスが開きます。
スマートフォンは右上にハンバーガーメニューがあり、タップすると左へスライドして開きます。
フッターはPCは左右と下に、セパレートされてリンクが並んでいます。
まとめ
DELFONICのオンラインショップは、シンプルなデザインのサイトで、とても見やすいです。画像がとてもきれいなサイトです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。



