SHElikes デザイン演習コース バナー制作#1

OVERVIEW

シーライクス デザイン演習コースで制作したバナー(架空のコスメサイトのバナー)

YEAR 2023

①コスメ写真バージョン

 ②イメージ写真バージョン(追加制作)

制作データ

********************************************
制作箇所:全て (※写真、あしらいの素材は素材サイトからお借りしました。ロゴは課題の指定素材です。)
使用ツール:Photoshop
制作時期:2023.1月(1枚目)、2月(2枚目)
********************************************


要件定義・課題内容

********************************************

ターゲット:敏感肌などドクターズコスメに興味のある20-30代女性
制作目的:季節の変わり目に自社ブランド商品をアピール
方向性イメージ:女性が好みそうなテイストの色・フォントを検討する。
商品写真はすでに完成された世界観なので、どのように文字を入れるか、イメージ写真とどのように使い分けるか。
SNSバナーはテキストが別であるので、ビジュアルを重視する。
掲載場所:Instagramに出稿するバナー
サイズ:横1080px × 縦1080px
指定条件:写真は1枚または複数枚選んで使用(指定素材あり)
色補正・トリミング・大きさの変更は自由
コピー
・夏の疲れにオーガニックなドクターズコスメ
・オーガニックコスメ SHE
必要な要素:写真、コピー
遷移先:アプリのダウンロードページ

********************************************


①コスメ写真バージョン 制作時のポイント・こだわった点

********************************************
配色
夏、ナチュラル、爽やかなイメージから、薄いグリーンをメインカラーに採用。
文字色に少し濃いグリーン、「夏の疲れに~」の背景にアイボリー系の色味を使用することで、文字の視認性を高めた。
アクセントになるように、くすみ系ピンクをブランド名を入れる箇所の背景・枠組みとして使用。
フォント
本文:砧 丸明Fuji StdN
SHE:Warnock Pro
あしらい:Mina


インスタグラムへ掲載するバナーということもあり、商品写真をメインにしたかったため、文字は控えめな細めの明朝体を使用しました。
右の一番小さな瓶の上の部分が不自然な空間が空いてしまうため、雰囲気を壊さないように筆記体で夏のラインナップであることを示す文章を挿入しています。

個人制作テーマ:ナチュラル、シンプル
「オーガニック」「ドクターズコスメ」などのキーワードから、ナチュラルでシンプルな雰囲気のものがターゲットの女性には好まれるのではと考え、商品写真をメインにシンプルに仕上げました。
掲載場所がインスタグラムを想定しているということもあり、ただシンプルなだけでは見逃されてしまうと思い、グリーンの写真を装飾として使用しました。

② イメージ写真バージョン(追加制作) 制作時のポイント・こだわった点

********************************************
配色
前回はグリーンをメインにした配色だったが今回は女性の写真で白い服を着ている点や、透明感を感じさせる写真だなと思い、白を貴重としたシンプルな配色にした。
フォント
フォントについてはコスメ写真バージョンで作成した柔らかいイメージの明朝体のフォントが今回の「オーガニック」「ドクターズコスメ」といったナチュラルで健康的なイメージに合っていると思いそのまま採用。


1枚目のTAからのフィードバックの際に写真を大きく使ったビジュアルメインのデザインにも挑戦してみてくださいとのアドバイスをいただき、追加作成しました。


初稿デザインいただいたフィードバック

文字は打ちっぱなしではなく、装飾やジャンプ率を上げる、改行するなどでメリハリをつける
→夏の疲れ~部分に改行を入れ、3行にすることでバランスの悪さを改善しました。
「夏の疲れに」をやや小さくし、「オーガニック」「ドクターズコスメ」のサイズをやや大きくする+色を変えることで変化をつけています。

文字周りの余白をもう少し取る
→上下左右の位置を調整しました。

パッと見で商品画像の存在感が薄いので、サイズを変えたりして目立たせる
→商品のサイズを大きくし、背後に白で塗った薄いレイヤーをいれました。

女性の写真を大きくして、スキンケア商品のバナーであることを伝わりやすくしました。
(髪の長い女性の後ろ姿なので、ヘアケア商品の広告のように見えてしまうのを防ぐ)