Strawberry Shake Banner

Type:Banner
Creation Date:2022. 03

ストロベリーシェイク 販促バナーのモックアップ画像
Strawberry Shake Banner - Strawberry Shake Banner - Strawberry Shake Banner - Strawberry Shake Banner -

カフェから春の新商品として登場した「ストロベリーシェイク」を宣伝する広告をテーマに、架空の販促バナーを制作しました。テーマや写真は同一のまま、配色やフォント、レタッチなどを調整してトンマナを変え、それぞれ1枚目から苺の濃さや牛乳のミルキー感が伝わるもの、高級感があり素材の質の良さが伝わるものの2パターン展開になっています。

(01) ストロベリーシェイク 販促バナー 1枚目のデザイン写真
(02) ストロベリーシェイク 販促バナー 2枚目のデザイン写真
サイズ
1080 × 1080px(正方形)
ターゲット
日頃からカフェ利用をし、よく新作ドリンクの情報をチェックしている10〜30代の女性
目的
新作情報を伝え、注文するために来店してもらうため
レイアウト
まずメインの要素であるシェイク自体を1枚目からそれぞれ賑やかで明るい印象の右向き、上品で落ち着きのある左向きと変えることで適切なイメージを与え、サイズも賑やかに見せたい方は大きく、上品に見せたい方は小さくしています。またシェイクのまわりを飛び散るクリームや苺の破片も、1枚目の方の数を多くすることでよりポップで弾けるような印象になるよう工夫しています。
デザイン

デザイン面では主にフォント、文字を書いた円のあしらい、配色の3点で差をつけています。
まずフォントは、1枚目では特徴的なゴシック体に「Berry」の文字のみフォントを変えることでメリハリをつけ、2枚目は細めのセリフ体でエレガントかつ上品な印象を与えました。

次に円のあしらいは、1枚目では牛乳のミルキー感をより強調するためにクリームのテクスチャに牛乳が垂れているような形を組み合わせ、一方2枚目ではゴールドの艶感のある円でより高級感をもたらしています。

最後に配色は、赤と白で彩度を高くし、ジューシーに見せた1枚目に対し、2枚目は落ち着きのあるくすみピンクやゴールドをベースに、グラデーションを薄くかけることでサテン生地のような艶感を出しています。

バナーデザインで使用したカラーコード
制作時間
6時間(2枚合計)
使用ツール
Illustrator / Photoshop