No.011 ベーカリーアンデルセン – webサイト分析

まいにちに、ヒュッゲ。ベーカリーアンデルセン – 公式ホームページ(https://www.andersen.co.jp/)分析

ベーカリーアンデルセンの公式webサイトは、写真がきれいでとてもシンプルな画像が使われています。サイトのLPがとても参考になります。今回は勉強のために、簡単にデザイン・LPを分析しました。

 

PCメインビュー

 

font

“ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “メイリオ”, Meiryo, Osaka, “MS Pゴシック”, “MS PGothic”, “sans-serif”
明朝体:”Cormorant SC”, serif
文字:トップページは黒・白系
ゴシック体です。

 

color

トップページは、こげ茶・白系
背景:白・こげ茶・ベージュ系

 

画面の見せ方

ヘッダーメニューは、マウスオーバーでメニューボックスが開くところがあります。
フッターは、大きなタイプ。

 

PCヘッダーメニュー

 

PCフッターメニュー

 

LPでは、色使いがとてもきれいなページがあります。
メインビューに、動く画像が使われている箇所があります。とてもかわいいです。

 

ファーマーズブレッドアンデルセン

 

floatが使われています

 

まとめ

LPを作る際にとても参考になるデザインです。色使いもきれいで、とても食べたくなりました。初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。

 

PCトップページ

 

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