Delifrance-デリフランス 公式サイト(https://www.viedefrance.co.jp/delifrance/)分析
Delifrance デリフランスは、ヨーロッパを中心に展開しているフレンチスタイルの“ブーランジェリーカフェ”。イラスト使いが素敵なサイトです。（公式通販サイト説明を参考に記載）。今回は勉強のために、デザインを分析しました。
font
“游ゴシック体”, YuGothic, “游ゴシック”, “Yu Gothic”, “メイリオ”, sans-serif
color
文字はベージュ系（#c8b496）、白系、紺系が使われています。
背景は濃い紺とベージュ
画面の見せ方
メインビューはslickで画像が切り替わるようになっています。
<section>の::beforeと::afterに背景画像でイラストが呼び出されています。白いイラストがお洒落です。
「今月の新商品」ではslickを利用して画像が左に流れるようになっています。
「店舗一覧」は各地域別にリンクボタンが並んでいます。
まとめ
イラストがとてもお洒落に使われているサイトです。とても勉強になりました。私もイラストを使ってサイトを作ってみたいと思います。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
