【自主制作】Instagramバナー
自主制作として、Instagramに載せる化粧品のバナーを作成しました。使用ツール:Photoshop、Illustrator
【制作詳細】
制作時間:約3時間
制作期間:約1日
制作範囲:情報設計・構成・ワイヤーフレーム・デザイン
【成果物】
【要件定義】
掲載場所・企画内容:Instagramに出稿するバナー、季節の変わり目に自社ブランド商品をアピール
ターゲット:敏感肌などドクターズコスメに興味のある20-30代女性
作成のポイント:女性が好みそうなテイストの色・フォントを検討する。商品写真はすでに完成された世界観なので、どのように文字を入れるか、イメージ写真とどのように使い分けるか。SNSバナーはテキストが別であるので、ビジュアルを重視する。
コピー:夏の疲れにオーガニックなドクターズコスメ
テキスト:オーガニックコスメSHE
サイズ :1080px✖️1080px
【情報設計】
考えたペルソナ
名前:はる
年齢:29歳
性別:女性
趣味:Instagramでコスメの情報や日常で役立つことを集めること。コスメ集め。
仕事:IT企業で総務
生活環境:平日は9時から18時で仕事。残業は多少あるくらいでそこまで多くはない。健康に気を使っていることもあり、自炊多めで弁当も持参している。白米より玄米派。激しい運動は苦手なため、散歩したり1駅分余剰に歩いたりする。PC診断を受けたり骨格診断を受けたり美容にも興味がある。よく見るSNSはInstagramで、フォローしているのは同じイエベ春の人や、コスメを紹介している人、生活に役立つTipsを紹介している人。無印良品が好き。年齢を重ねるにつれて肌の調子が気になりいろんなコスメを試しているものの、なかなかしっくりくるものと出会えていない。
【デザインコンセプト】
使用カラー
シンプルで洗練された雰囲気を出すため、背景の写真もたくさん色があるために1色のみ使用。
【こだわったポイント】
①:女性が好む筆記体を飾りとして配置することで雰囲気を醸成。
②:段落を変えることにより動きを出しました。
③:見せたいものであるため、写真の枠をはみ出し目立つように配置しました。
④:女性の写真をぼかしていれることで透明感を出すことを意識しました。
コスメの元の写真が左側のものとなり、切り抜いた際、背景の緑色が商品にも入っている状態だったため、今回の女性の写真の雰囲気に合うよう色味の調整をしました。
【この制作を通して学んだこと】
- 使う背景色により素材の写真の色味を変更することで、違和感のないものになること。
- 綺麗に揃えるだけではなく、揃えた後に目立たせたい部分はどこか?動きを出したい部分はどこか?を考えることにより、動きのあるメリハリのあるデザインになること。