54. mameSTRO#1日1サイトレビュー

mameSTRO - マメストロ | 豆腐・大豆製品の通販（お豆腐チョコレート・生キャラメル）

【ターゲット】
・食にこだわりがある人
・健康的な食品を求めている人

【印象】
・茶色
・こだわり
・健康的
・安心安全
・女性むけ

【カラー】
ベース：ベージュ
テキストカラー：ベージュ#C8A062、茶#512700、白#FFFFFF

【フォント】
本文：游ゴシック

【アニメーション】
・サイトを開くと、白い画面からFVが表示され、右下で大豆が跳ねるようなアニメーションがあった後、新商品紹介が表示される
・テキストにマウスオンすると、色が薄くなる
・SNSマーク・新商品紹介にマウスオンすると、色が薄くなる
・記事にマウスオンすると、写真が明るくなる

【あしらい】
・ヘッダー：ロゴは縦63px、横213px
・ヘッダーロゴの横に、ヘッダー幅の線
・新商品を右下に固定
・「大豆を楽しむキーワード」の背景は、原料や商品のアップ写真
・コンテンツタイトルと本文のフォントが異なる
・コンテンツタイトルは2色使われている
・大豆が積まれてるの写真のあしらい
・「online shop」の商品写真は、商品が連続して並んでいるものが多い

【サイト全体の構成】
・ヘッダー
・FV
・about us
・online shop
・NEWS BLOG
・フッター

【ファーストビューの構成】
・ヘッダー（ロゴ、about us・news・online shop・contact・store・shopping guide、商品名)
・NEWS
・TOP画像
・SNSマーク(Instagram/Facebook)
・新商品の紹介

【フッターの構成】
・ロゴ
・SNSマーク(Instagram/Facebook)
・住所
・電話番号
・プライバシーポリシー
・特定商取引法に基づく表記
・メディアダウンロード
・カートを見る
・about us
・news
・online shop
・contact
・store
・shopping guide
・ゴチソイのロゴ

【レスポンシブ】
・ヘッダー（ロゴ、ハンバーガーメニュー）
　ハンバーガーメニューは3本線で、押すと線がクロスし、画面全体に左からメニューが出てくる
・「NEWS BLOG」コンテンツ以外1カラム構成
・ロゴは、縦41px、横140px(ヘッダー)
　　　　　縦57px、横170px(フッター)

【気づき・分析】
・サイト全体が大豆カラーで配色されている
・テキストカラーは黒を使用しないことで柔らかい印象
・英語のテキストは小文字が多め
・新商品を「送料無料」のテキストとともに右下に固定
・キャッチフレーズ「大豆をたしなむ　豆腐をたのしむ」は縦書き二行・文字数同じでまとまりがある
・「online shop」コンテンツでは、全ての商品を表示している
　また商品名は商品ごとにフォントが異なる