カヌレと焼き菓子専門店galbe公式サイト(https://galbe.net/)分析
カヌレと焼き菓子専門店galbeのwebサイトは、ABOUT・CANELE・MENU・INFO・CONTACT・ONLINEのページがあり、カヌレの写真がたくさん掲載されているサイトです。今回は勉強のために、デザインを分析しました。

font
“Sawarabi Gothic”
黒系(#333)・グレー系(#aaa)・白
color
背景色:白
メニュー
PCはヘッダーにメニューがあります。ロゴとメニューが並んだレイアウトです。
スマートフォンは右上にハンバーガーメニューがあります。三本並んだ線は、中央が短いデザインです。ハンバーガーメニュー内は左揃えでリンクが並んでいます。背景は黒で透過していません。ハンバーガーメニュー内は画面幅の横幅86%で、左上に矢印が表示されています。
フッターはコピーライトとプライバシーポリシーが横に並んだデザインです。上下にpadding30pxがあります。
まとめ
とてもシンプルで見やすく、商品のおいしそうな画像がたくさん掲載されているサイトです。店舗の雰囲気ととても合っています。カヌレがおいしかったです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。




