No.100 元祖ニュータンタンメン本舗 – webサイト分析

元祖ニュータンタンメン本舗公式webサイト(https://new-tantan.jp/)分析

 

元祖ニュータンタンメン本舗のwebサイトは、スクロールすると各文章や画像がふわっと表示されるお洒落なサイトです。ページの下の方では左右に流れていく画像が表示されているサイトです。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

“Noto Sans JP”, “Yu Gothic”, “Hiragino Kaku Gothic ProN”, “ヒラギノ角ゴ ProN W3”, sans-serif
黒系(#111)・赤系(#da0009)・白系

 

 

 

color

黒系(#111)・赤系(#da0009)・白系

 

 

 

メニュー

PCは上部中央にロゴが有り、左上と右上の左右にリンクが並んでいます。左上のリンクメニューにマウスオーバーで、リンクメニュー下に中央から左右に伸びる下線が表示され文字は赤くなります。スマートフォンは右上にハンバーガーメニューが有り、タップすると左揃えのリンクメニューで横幅100%のメニューボックスがふわっと開きます。

 

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

 

まとめ

元祖ニュータンタンメン本舗のwebサイトは、画像がとても綺麗で、商品が食べたくなるサイトです。

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

 

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

 

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

 

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