見出し画像

Cokemix #1日1サイトレビュー

【概要】

・コカ・コーラの公式ブランドサイト

【想定ターゲット】

・・・・・

【想定目的】
・コーラが好きな方に向けて、新フレーバーも試してもらいたい

【印象】
・コカ・コーラのイメージカラーである赤色をサイト全体に使用している
・明るく、楽しい印象

【配色】
・#F40008(ヘッダー、フッター)
・#E1081B(ファーストビュー、ボタン)
・#B20010(comingsoon内)
・#FFFFFF

【フォント】
・Lucida Grande

【ヘッダー】
・ヘッダー、トップで固定されており、ファーストビューの赤色とやや異なる赤色を使用しているため、スクロールした際色味がかぶることがない

【メインビジュアル】
・ファーストビューの下層部は、波線のような形となっており、赤と白色が縦線に交互に配色されている
・タイトル、キャッチコピーは左寄せとなっており、「COKE MIX」の文字がストローと泡のイメージとなっている
・キャッチコピーの下にはイラストも配置されている
・ファーストビューは、背景が2分割されており、左がオリジナルのもの、右が3つのフレーバーをイメージしたものとなっている

【コンテンツ・レビュー】
・コンテンツの背景色は、壁紙のような色味と淡い色の英字のあしらいが配置されている
・7つのフレーバーをバランスよく配置している詳細文の記載あり(また、CVボタンも配置されている)
・左に新店舗の写真を配置し、右に製品をそれぞれクリックすると、製品の詳細が表示される
・店舗限定メニューは、4カラムでの配置となっている
・新メニューには、製品の左上に「NEW」文字を配置
・下層部には、「comingsoon」の文字が表示
・フッターの右には、SNSアカウントを配置している

【レスポンシブ】
・・・・・・

・・・・・・

画像1

この記事が気に入ったらサポートをしてみませんか?