No.041 カヌレと焼き菓子専門店galbe – webサイト分析

カヌレと焼き菓子専門店galbe公式サイト(https://galbe.net/)分析

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

PCメインビュー

font

“Sawarabi Gothic”
黒系(#333)・グレー系(#aaa)・白

 

color

背景色:白

 

メニュー

PCはヘッダーにメニューがあります。ロゴとメニューが並んだレイアウトです。
スマートフォンは右上にハンバーガーメニューがあります。三本並んだ線は、中央が短いデザインです。ハンバーガーメニュー内は左揃えでリンクが並んでいます。背景は黒で透過していません。ハンバーガーメニュー内は画面幅の横幅86%で、左上に矢印が表示されています。

フッターはコピーライトとプライバシーポリシーが横に並んだデザインです。上下にpadding30pxがあります。

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

 

PCフッターメニュー

 

PCメニューページ

 

まとめ

とてもシンプルで見やすく、商品のおいしそうな画像がたくさん掲載されているサイトです。店舗の雰囲気ととても合っています。カヌレがおいしかったです。

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

 

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

 

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

 

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