根元 八幡屋礒五郎公式サイト(https://www.yawataya.co.jp/)分析
七味唐辛子を扱っている根元 八幡屋礒五郎のサイトは、商品一覧・店舗・歴史等の各ページがあり、全体的に明朝体の文章で書かれています。和のイメージと上質な印象を受けます。レシピの掲載もあり、七味を利用して料理がしたくなるサイトです。
今回は勉強のために、デザインを分析しました。
font
YuMincho, “Yu Mincho”, “Hiragino Mincho ProN”, “serif”
文字：黒系（#231815）・白・ベージュ系（#beb7b5）
読みやすい文字です。
color
背景色：ベージュ系（#e8e3d8・#beb7b5）、黒系（#231815）、赤系（#860006）
メニュー
メインビューの下に縦書きのリンクメニューがあります。このメニューはスクロールすると上部に固定されます。スマートフォンでは右上のハンバーガーメニューになります。ハンバーガーメニュー内は画面幅100%、リンクメニューは縦書きです。
オンラインショップへのリンク箇所が、イラストになっていて、時間が経つと左右に動きます。
PCのフッターは、メニューリンクが横に6列に並んだタイプ。スマートフォンではフッターは短い内容になっています。
サイトには日本語以外に2種類の言語で表示できるリンクが付いています。
まとめ
サイトは、文章のフォントサイズが全体的に少し小さい感じもしましたが、内容が多く、見やすくまとめられています。オンラインショップもあります。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
