HEART BREAD ANTIQUE 公式サイト(https://www.heart-bread.com/)分析
マジカルチョコリングのHEART BREAD ANTIQUEのwebサイトは、可愛らしいイラストのgif画像がたくさん使われているサイトです。左にスライドして切り替わる画像やスクロールするとふわっと上に動いて表示される画像が使われています。
今回は勉強のために、デザインを分析しました。
font
Helvetica, Arial, Verdana, “メイリオ”, Meiryo, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif
茶系（#35140E）・白系
color
茶系（#35140E）・白系・グレー系（#ccc）
メニュー
PCは上部にリンクメニューが並んでいます。中央にロゴがあります。赤いハートにマウスオーバーで540度回転をします。スマートフォンは右上にハンバーガーメニューがあり、タップすると上から下にスクロールしてハンバーガーメニューが開きます。背景は少し透過しています。
まとめ
マジカルチョコリングのHEART BREAD ANTIQUEのwebサイトは、イラストの使い方やスクロールすると現れる表現を参考にしたいサイトです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
