見出し画像

coneri渋谷 #1日1サイトレビュー

【概要】
・お土産用のお菓子の紹介・ECサイト
【印象】
・かわいらしい雰囲気のサイト
・お土産にこめられる優しさや温かみを感じる
【メインビジュアル】
・中央上部にロゴがタグのように表示される
・メインはフルスクリーンの写真のスライド
・実際に食べるシチュエーションを連想させる写真
・グローバルナビはハンバーガーメニューに集約
・ハンバーガーのアイコンはスタンプのようなテクスチャ
・スクロールを促す記号
【コンテンツ】
・渋谷を連想させるハチ公と商品をコラボさせたイラスト
(トップボタンにも使われている)
・見出しは明朝体を使うことで高級感がある
・商品紹介の部分の背景はクラフト紙のような質感
・ホバーすると商品が浮かび上がって影ができる
・ギフトボックスの部分はホバーで包装がされる
・instaの部分は若者の写真が多く、ターゲットが若者であることや渋谷の印象が強くなる
・アクセスの部分はGoogle マップの上に詳細の地図を配置(エキナカならでは)
【カラー】
・背景色の部分はクラフト紙のimgの上に色を重ねている
・重ねている色はパステル調
【フォント】
・フォントは筑紫A丸ゴシック
・見出しはimg
【レスポンシブ】
・SPの場合は商品は2カラムで表示
・商品紹介の小さいアイテムは横スクロール(少しわかりにくいけど仕様上は問題なし)

デザインの勉強をするために活用させていただきます。