No.059 H&F BELX – webサイト分析

H&F BELX 公式サイト(https://hfbelx.com/)分析

ルイボスティー&ノンカフェイン紅茶専門店H&F BELXのwebサイトは、イラストが使われていてとてもお洒落なサイトです。商品のパッケージにも水彩画のイラストがあります。今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

游ゴシック体, YuGothic, “游ゴシック Medium”, “Yu Gothic Medium”, 游ゴシック, “Yu Gothic”, メイリオ, sans-serif
白系・黒系(#111

 

 

 

color

白系・黒系

 

 

 

メニュー

PC上部にリンクメニューがあります。マウスを乗せると下にメニューボックスが開きます。
スマートフォンは上部に中央配置でハンバーガーメニューがあります。タップすると下へスライドして開きます。
フッターは黒で、縦幅が長く、PCは横4列で、スマートフォンは横2列でリンクが並んでいます。

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

 

 

まとめ

H&F BELXのwebサイトは、画像が綺麗で、バナーには明朝体が使われているものが多く見られます。商品画像も枚数がたくさんあります。画像作りの参考にしたいサイトです。

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

 

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

 

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

 

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