六甲バター株式会社 #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）
この記事が気に入ったらサポートをしてみませんか？