No.053 ナウオンチーズ Now on Cheese – webサイト分析

ナウオンチーズ Now on Cheese公式サイト(https://nowoncheese.jp/)分析

ナウオンチーズ Now on Cheeseのwebサイトは、開くと横に動く画像が表示されています。大きな画像で商品が紹介されていて、とてもおいしそうで買いたくなるサイトです。今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

“TBUDMincho M”, “Noto Serif JP”, serif
“mr-gabe”, sans-serif
白・黒系(#422914)・水色
見出しはfont-size: 5remくらい

 

 

 

color

ベージュ(#f7dfa6)・黄土色(#e9b000)・白・黒

 

 

 

メニュー

PCはメインビュー下にメニューが並んでいて、スクロールすると上部に固定されます。
スマートフォンは左上にハンバーガーメニューがあります。画面全体にハンバーガーメニューが開き、リンクが中央に縦に並んでいます。

 

PCヘッダーメニュー・フッター

 

スマートフォンハンバーガーメニュー・フッター

 

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

 

まとめ

ナウオンチーズ Now on Cheeseのwebサイトは、スクロールすると文章や画像が下から上に表示されます。明るい色がきれいです。トップページのリンクメニューはProductsは商品一覧にリンクしていて、その他のリンクはトップページ内にリンクしています。

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

 

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

 

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

 

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