![見出し画像](https://assets.st-note.com/production/uploads/images/52429217/rectangle_large_type_2_5c4d085c4e4724af0a250a53c9c71da9.png?width=1200)
六甲バター株式会社 #1日1サイトレビュー
【概要】
・事業内容:チーズ等の製造販売、ナッツ等の食品の販売及びチョコレートの輸入販売
・ターゲット予想:お子さんがいる主婦&主夫の方
【印象】
・写真素材からすごく美味しそう
・全体的に朝っぽい雰囲気があるように感じた
【トップページ構成】※上から順に
・HEADER
・MAIN VISUAL
・おすすめポイント
・商品ラインナップ
・おすすめレシピ
・FOOTER
【ファーストビュー】
・大きいスライスはマイルドの落ち着いた表現をするために、背景色を青へ
・大きいとろけるスライスはとろけてのびるチーズを表現するために、背景色をオレンジへ
・サイトを開いた瞬間「大きいスライス」の文字がドンッ!と大きくなるアニメーションを使ってる
【キャッチコピー】
・食パンの耳まで美味しい!大きいスライス
New Pacage パッケージが新しくなりました!!
【コンテンツ】
・おすすめのポイント01の食パンと手の画像が、右からニョッとでてくる
・おすすめレシピのところでは美味しそうな写真が並び、押すと下層ページのレシピ詳細が見れるので、料理する人は気になると思う
【カラー】
・メインカラー(トップ画像):青(#077AAD)、オレンジ(#EC7D11)
・ベースカラー(背景色):白(#FFFFFF)、薄グレイ(#F7F7F7)
・アクセントカラー(ロゴ、検索&SNSアイコン):赤(#EE1C24)
・フォントカラー:色(#EE1C24)
【フォントファミリー】
・HEADER、FOOTER:Asap
・見出し、本文:"Noto Serif JP"
【レスポンシブ】
・メインビジュアルの画像は縦一列に変化して、文字の位置も見やすい位置に移動している。
・FOOTERのメニューが縦1列に変化して、それぞれに枠線がついている。
・ヘッダーにはハンバーガーメニューの横に、検索メニューアイコンもついている(ブレイクポイント768px)
この記事が気に入ったらサポートをしてみませんか?