![見出し画像](https://assets.st-note.com/production/uploads/images/39372751/rectangle_large_type_2_8656cec4c870db730b7f873bfb1e2386.png?width=1200)
Cokemix #1日1サイトレビュー
【概要】
・コカ・コーラの公式ブランドサイト
【想定ターゲット】
・・・・・
【想定目的】
・コーラが好きな方に向けて、新フレーバーも試してもらいたい
【印象】
・コカ・コーラのイメージカラーである赤色をサイト全体に使用している
・明るく、楽しい印象
【配色】
・#F40008(ヘッダー、フッター)
・#E1081B(ファーストビュー、ボタン)
・#B20010(comingsoon内)
・#FFFFFF
【フォント】
・Lucida Grande
【ヘッダー】
・ヘッダー、トップで固定されており、ファーストビューの赤色とやや異なる赤色を使用しているため、スクロールした際色味がかぶることがない
【メインビジュアル】
・ファーストビューの下層部は、波線のような形となっており、赤と白色が縦線に交互に配色されている
・タイトル、キャッチコピーは左寄せとなっており、「COKE MIX」の文字がストローと泡のイメージとなっている
・キャッチコピーの下にはイラストも配置されている
・ファーストビューは、背景が2分割されており、左がオリジナルのもの、右が3つのフレーバーをイメージしたものとなっている
【コンテンツ・レビュー】
・コンテンツの背景色は、壁紙のような色味と淡い色の英字のあしらいが配置されている
・7つのフレーバーをバランスよく配置している詳細文の記載あり(また、CVボタンも配置されている)
・左に新店舗の写真を配置し、右に製品をそれぞれクリックすると、製品の詳細が表示される
・店舗限定メニューは、4カラムでの配置となっている
・新メニューには、製品の左上に「NEW」文字を配置
・下層部には、「comingsoon」の文字が表示
・フッターの右には、SNSアカウントを配置している
【レスポンシブ】
・・・・・・
・・・・・・
この記事が気に入ったらサポートをしてみませんか?