No.090 ミヨシ石鹸 – webサイト分析

ミヨシ石鹸 公式サイト(https://miyoshisoap.co.jp/)分析

 

ミヨシ石鹸のwebサイトは、開くとメインビューがふわっと切り替わり、グレー背景と白背景の全体的にシンプルなデザインのサイトです。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

Roboto, Yu Gothic Pr6N M, \6e38\30b4\30b7\30c3\30af, YuGothic, \30d2\30e9\30ae\30ce\89d2\30b4 ProN W3, Hiragino Kaku Gothic ProN, \30e1\30a4\30ea\30aa, Meiryo, sans-serif
グレー系(#555・#242424)

 

 

 

color

白・グレー系(#e1e0e0・#1f2529)
枠線:グレー系(#c2c2c2)

 

 

 

メニュー

PCは上部にメニューがあり、スマートフォンは左上にハンバーガーメニューがあります。タップするとアコーディオンメニューのハンバーガーメニューが開きます。

 

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

 

まとめ

ミヨシ石鹸のwebサイトは、全体的に背景がグレーで、商品のナチュラルな印象ととても合っているサイトです。

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

 

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

 

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

 

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