No.036 トシオークーデュパン – webサイト分析

Toshi Au Coeur du Pain(トシオークーデュパン)公式サイト(https://www.toshipain.com/)分析

 

Toshi Au Coeur du Pain(トシオークーデュパン)のサイトは、パンの詰め合わせも購入できるオンラインショップです。「パンのある生活を楽しむことができますように!」とサイトにあるように、パンに合う食品も販売をしています。

今回は勉強のために、デザインを分析しました。

PCメインビュー

 

スマートフォンメインビュー

font

“Noto Sans JP”, sans-serif
文字色:黒

 

color

背景色:白

 

メニュー

PCは上部にメニューが並んでいます。
スマートフォンは右上にハンバーガーメニューがあり、タップすると右側からメニューが表示されます。背景は白。

 

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

 

PC商品一覧

 

PCレシピページ

 

PCショップ情報

 

まとめ

オンラインショップには、作ってみたいレシピが掲載されています。パンやサンドイッチだけではなく、パンに合う食材も合わせて購入がしたくなるサイトです。おまかせセットは、かわいいイラストで画像が描かれています。

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

 

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

 

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