No.066 DELFONICS – webサイト分析

DELFONICS 公式サイト(https://shop.delfonics.com/)分析

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

 

PCメインビュー

 

font

“YuGothic-M”, sans-serif
白系・黒系(#383838)

 

 

 

color

白系・黒系(#383838・#414141)・グレー系(#bec2c3・#efefef)・赤系(#ff3700)

 

 

 

メニュー

PCは上部にリンクメニューが並んでいて、マウスを乗せるとカテゴリは下に画像があるメニューボックスが開きます。
スマートフォンは右上にハンバーガーメニューがあり、タップすると左へスライドして開きます。
フッターはPCは左右と下に、セパレートされてリンクが並んでいます。

 

PCヘッダーメニュー

 

スマートフォンハンバーガーメニュー内

 

まとめ

DELFONICのオンラインショップは、シンプルなデザインのサイトで、とても見やすいです。画像がとてもきれいなサイトです。

初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。

 

PCトップページスクリーンショット

 

スマートフォントップページスクリーンショット

 

webサイト100選 | 雨とホットケーキ