Facebook 【自主制作/課題制作】コスメブランドのSNSバナー
Logo

【自主制作/課題制作】コスメブランドのSNSバナー

クレジット
Avatar
WEBデザイナー
【自主制作/課題制作】コスメブランドのSNSバナー-1
シェア
制作ノート
【自主制作/課題制作】コスメブランドのSNSバナー制作について

◾️ターゲット

  • 敏感肌などドクターズコスメに興味のある20-30代女性

◾️掲載場所・企画内容

  • Instagramに出稿するバナー
  • 季節の変わり目に自社ブランド商品をアピール

◾️設定

  • 女性が好みそうなテイストの色・フォントを検討する。
  • 商品写真はすでに完成された世界観なので、どのように文字を入れるか、イメージ写真とどのように使い分けるか。
  • SNSバナーはテキストが別であるので、ビジュアルを重視する。

◾️指定要素(コピー、テキスト、写真)

・コピー

❶夏の疲れにオーガニックなドクターズコスメ

❷オーガニックコスメSHE

・写真:3枚指定

指定写真❶

指定写真❶

指定写真❷

指定写真❷

指定写真❸

指定写真❸

・サイズ:横1080px・縦1080px

--------------------------------------------------------

◾️デザイン❶

◾️デザイン❶

◾️デザイン❶について

・指定の写真だとどうしても左に文字を配置しないといけなかったのですが、それだとZの法則が反映できないと考え、レイヤーを追加して写真を伸ばしてみました

・白背景だと同化してしまいますが下に帯のような感じで名前を配置

・その他はあえてあしらいなど入れず、シンプルに文字のみ配置

--------------------------------------------------------

◾️デザイン❷

◾️デザイン❷

◾️デザイン❷について

・筆記体に境界線を入れ、文字を見やすくしました/帯と同化させて文字が浮かび上がっているように見せています

・商品を目立たせるためにブラシを使用

・肌が明るく見えるように少し写真を明るくしました

・線を入れて、女性をより強調

--------------------------------------------------------

◾️デザイン❸

◾️デザイン❸

◾️デザイン❸について

・❷のバナーよりも30代向けに大人っぽくを意識して落ち着いた青を使用

・商品の白飛びしていた部分を調整

・商品が目立つように、青四角形の上に載せています

・青四角形だけだとのっぺりしてしまうので、線を入れてメリハリをプラス

・筆記体は白だと服に被って見えづらかったので、ドロップシャドウを入れました

--------------------------------------------------------

◾️デザイン❹

◾️デザイン❹

◾️デザイン❹について

・お花の色を使用して商品を目立たせるための三角形を配置

・商品の白飛びしていた部分を調整

・文字色もお花から選定

・白帯を左半分で使用

・商品名の横に商品を配置することで印象付けることを意識

・筆記体は気持ち少し大きめにしています

シェア