No.071 à la campagne – webサイト分析

à la campagne(ア・ラ・カンパーニュ) 公式オンラインサイト(https://www.alacampagne.jp/)分析

 

à la campagne(ア・ラ・カンパーニュ)のwebサイトは、開くとワンプレビューいっぱいに切替わるメイン画像が表示されています。メイン画像の下の方にマウスオーバーで切替わる画像のサムネイルが開きます。サイトはイラストが使われていて、お洒落です。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

“游明朝”, “游明朝体”, YuMincho, “Yu Mincho”, “yu-mincho-pr6n”, “ヒラギノ明朝 ProN”, “Hiragino Mincho ProN”, “MS 明朝”, “MS Mincho”, HiraMinProN-W3, “TakaoEx明朝”, TakaoExMincho, “MotoyaLCedar”, “Droid Sans Japanese”, serif
‘Dancing Script’, cursive
白系・黒系

 

 

 

color

白系・ベージュ系(#c4a547)・グレー系(#f5f3e9・#25435f)

 

 

 

メニュー

PCはヘッダーにメニューが並んでいます。マウスオーバーで下線が動いて表示され、下にメニューボックスが開くメニューもあります。
スマートフォンは右上にハンバーガーメニューがあり、タップすると左寄せのメニューが開きます。

 

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

 

まとめ

à la campagne(ア・ラ・カンパーニュ)のwebサイトは、画像がとてもきれいで商品がおいしそうなサイトです。

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

 

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

 

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

 

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