No.079 野田琺瑯 – webサイト分析

野田琺瑯公式オンラインサイト(https://www.nodahoro.com/)分析

野田琺瑯のwebサイトは、開くとメインビューがふわっと表示が切り替わります。明朝体で書かれています。とてもシンプルなデザインのサイトです。商品イメージととても合っています。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

ryo-display-plusn, serif
黒・グレー系(#8c8c8c)

 

 

 

color

白・黒・グレー系

 

 

 

メニュー

PCは左にメニューが並んでいます。マウスオーバーで丸が表示されます。
スマートフォンは、右上にハンバーガーメニューがあります。タップすると上から下にメニューがスライドして開きます。メニューの背景は黒で、リンクの先頭には丸が表示されています。

 

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

 

フッターは、PCは横6列にリンクが並んでいます。スマートフォンは縦に並んでいます。

 

 

 

画面について

お知らせページは右揃えで表示されています。

 

 

 

まとめ

野田琺瑯のwebサイトは、とてもデザインがシンプルで商品のイメージに合っているサイトです。

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

 

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

 

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

 

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