紅茶専門店TEAPOND 公式サイト(https://teapond.jp/)分析
紅茶専門店TEAPONDのwebサイトは、不思議の国のアリスのような画像が使われているとてもお洒落なサイトです。カルーセルやスライドが利用されていて、商品ページは大きな画像が何枚も利用されているサイトです。
今回は勉強のために、デザインを分析しました。
font
‘Hina Mincho’
白・グレー系（#3a3a3a）
color
黒系・ベージュ系
メニュー
PCは上部にメニューがあり、マウスオーバーで下にメニューボックスが開き、開いたボックスのリンクにマウスオーバーをすると、右にボックスが開きます。スマートフォンは左上にハンバーガーメニューがあり、タップするとメニューが開き、リンクをタップすると、下にアコーディオンが開き、下矢印がタブのようになります。
まとめ
紅茶専門店TEAPONDのwebサイトは、不思議の国のアリスのような画像がお洒落で、背景画像が多用されていて、デザインを参考にしたいサイトです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
