No.076 ICHIBIKO – webサイト分析

ICHIBIKO公式オンラインサイト(https://ichibiko.jp/)分析

 

ICHIBIKOのwebサイトは、開くときれいな画像のメインビューが切替わって表示されるサイトです。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

“Zen Kaku Gothic New”, sans-serif
黒系(#682017)

 

color

白・グレー系(#f5f5f5・#3b3737)

 

 

 

メニュー

PCはメインビュー上にメニューが並んでいます。マウスオーバーで上に回転するように動きます。スクロールするとハンバーガーメニューが上部に固定されます。スマートフォンは、右上にハンバーガーメニューがあります。タップするとふわっと開きます。

 

PCハンバーガーメニュー内

 

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

 

フッターは少し緑がかったグレーで、透かしのように画像が表示されています。

 

 

 

まとめ

ICHIBIKOのwebサイトは、画像がとてもきれいなサイトです。文字が小さめです。お洒落でとても商品を食べたくなるサイトです。

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

 

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

 

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

 

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