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

目次

（１）要件

（２）制作したバナー

（３）工夫したこと

（４）制作を通して学んだこと

（１）要件

・ターゲット

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

・掲載場所、企画内容

　Instagramに出稿するバナー

　季節の変わり目に自社ブランド商品をアピール

・制作要件

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

　　　　　オーガニックコスメ SHE

　写真は1枚または複数枚選んで使用。色補正・トリミング・大きさの変更は自由。

（２）制作したバナー（1080px×1080px）

（３）工夫したこと

・イメージ写真に合わせた配色とフォント

　女性のイメージ写真の背景であるパステルブルー（ベースカラー1）に合わせて、夏の疲れが癒やされるように、木目の背景の木目に青みを付けて（ベースカラー2）にして、メインカラーを白にしました。また、アイコンをより目立たせたかったので、商品写真の背景でもあった、黄緑色を選びました。

　また、イメージ写真がウエディングだったことから、気品のある印象にするため、明朝体に近いもの（ヒラギノ明朝 ProN、Apple Chancery）にしました。「夏の疲れに〜」の文章は、癒しをイメージして、より丸みを帯びたもの（クレー）を選びました。

・季節感が感じられるデザイン

　夏から秋の季節の変わり目を印象付けるため、上段は全体的に青くして夏を、下段は青みがかった茶色、企業ロゴの黄緑色で初秋を表現しました。

・画像の色味を調整

■商品

　商品全てにCamera Rawフィルターでより白くして、一番左の商品（オイル）には明るさ/コントラストで左側をより白く、左側を暗くして、光の度合いを統一させました。

　また、商品に入っている白いクリームをイメージさせるため、商品の背後に、クリームの画像を置きました。元は肌色でしたが、カラーオーバーレイで白くしました。

■木の板

　商品写真に枝が写っていたこともあり、自然をイメージできるように、背景を板目の画像を使いました。元は明るい茶色でしたが、イメージ写真の背景のパステルブルーに合わせて、Camera Rawフィルター（色温度-28）と不透明度(90%）を調整して、青みがかった板目にしました。

・コピーの位置（夏の疲れにオーガニックなドクターズコスメ）

　イメージ写真の女性が呟いているようにしたかったので、左上にイメージ写真、右上にコピーを置きました。また、文章を弾き立たせるために、背景に白い長方形（不透明度３０％）を配置しています。

（４）制作を通して学んだこと

　商品写真とイメージ写真の活かし方を学びました。今回は商品写真の中の商品3点と、イメージ写真1点を使い、商品写真の背景の黄緑色をコピーの背景色に選びました。提供いただいた写真は、クライアントの要望をさらに理解する、貴重な材料でもあるので、デザインのヒントにしていきたいと思います。