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

OVERVIEW

キャリアスクール「SHElikes」のWEBデザイン演習コースで作成したバナーです。

YEAR 2022

制作時間:修正含め約3時間

制作期間:初版、修正版含めて約3日

制作範囲:デザイン

使用ツール:Photoshop

①成果物

完成バナー

②要件定義

◆制作目的:季節の変わり目に自社ブランド商品をアピールすること

◆ターゲット:

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

◆サイズ:横1080px × 縦1080px

◆必要な記載事項:指定の写真と下記キャッチコピーを入れる

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

    オーガニックコスメ SHE

・写真は1枚または複数枚選んで使用

・色補正・トリミング・大きさの変更は自由

◆掲載先:Instagramに出稿するバナー

◆課題:

・女性が好みそうなテイストの色・フォントを検討する。

・商品写真はすでに完成された世界観なので、どのように文字を入れるか、イメージ写真とどのように使い分けるか。

・SNSバナーはテキストが別であるので、ビジュアルを重視する。

③ビジュアルデザイン

●情報構成

・季節は夏(終わりかけ)のため、清涼感のある水色をメインカラーに選択。

・ターゲット層に合わせて、またコスメバナーであるので清潔感を出したく、トンマナは白、透明感のある水色、写真の暗い部分の色彩を濃くしたグリーンを使用。ターゲット層に刺さるように女性らしい繊細なデザインを心がけた。

・オーガニックコスメ感を感じさせるあしらいを取り入れた(植物のイラスト、繊維質の背景、葉っぱ)

上記初回作成バナーではキャリアスクールのコーチから商品画像が小さめのため大きくすること、情報の優先順位をつけることとフィードバックをもらい修正。2回目修正では、写真の色味を補正。

④こだわった点

・写真の色味を「自然な色彩」などで調節した。

・コスメの切り抜きで細部で気になる箇所は極力ブラシツールで調整した。

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

・Photoshopの応用操作方法

・バナーの情報設計について

・写真の色味の調整について