【勉強会】バナー制作

OVERVIEW

Her Techにて、架空のクライアントからの要件書をもとに、バナーを作成しました。

【目次】

①制作したバナー

②課題要件

③工夫したポイント

④制作を通して学んだこと


①制作したバナー


②課題要件

●掲載媒体

Instagram

●バナーサイズ

1080px × 1080px

●会社情報

無添加の素材を使用し、女性の美容悩みに特化したスキンケアを販売。

●ペルソナ

・20代~30代女性。

・毛穴の開き、いちご肌、黒ずみなどのありとあらゆる毛穴ケアに悩んでいる女性。

●商品情報

・7種の美容成分配合(ビタミンC誘導体、レチノール、サリチル酸、セラミド、トラネキサム酸、アルブチン、ヒアルロン酸)

・毛穴の詰まり、黒ずみ、たるみ、開き毛穴などの様々な毛穴悩みに使用可

・成分一つ一つがお客様の悩みを解決できる働きができるようなこだわりの方法で美容成分の配合。

●キャンペーン情報

新発売キャンペーン

・今回毛穴悩みに特化した新商品を期間限定価格で半額キャンペーンを実施

・定期購入をされた方は、更に3カ月間はいい額で購入できる

●入れてほしい内容

・惹きつけるキャッチコピー(お任せします)

・今だけ半額キャンペーンについて

・誘導ボタン(購入LPのリンクに飛べる)

・支給画像は最低一枚は使用して欲しい

●その他の希望

・カラーや雰囲気はお任せします

・この商品を使ったら毛穴悩みが解決しそう!と思えるものをお願いします

●支給素材

・ロゴ

・商品画像×2

・女性の画像×3


③工夫したポイント

【配色】

・ピンク(背景)#feebed 

・ピンク(背景)#e2b3ce 

・白(背景)#ffffff 

・黄色(あしらい)#fafad8 

・黄色(あしらい)#f7e286 

【フォント】

・UD角ゴ_ラージ(N仕様) 

UD角ゴ_スモール(N仕様)

●配色

ターゲットが20代~30代の女性ということなので、ピンクや白など柔らかい雰囲気の配色を選びました。

●配置

・Zの法則を用いて、様々な肌の悩み〜キャンペーン情報〜ボタンと視線動線を作り、クリックアクションに繋がるよう配置を行いました。


④制作を通して学んだこと

制作にあたり様々な化粧品のバナーを拝見したが、同じ化粧品のバナーでも「配色」や「フォント」がいろいろなパターンがあった。

配色が違うだけでもバナーを見る人に与える印象は大きく変わるため、どのようなペルソナに向けて発信しているかということをしっかりと把握して作成することが重要なポイントだと思った。