【制作例】夏のセールお知らせバナー

OVERVIEW

オンラインキャリアスクール・SHElikesのデザインドリルよりバナー制作の演習を行い、スキルアップに努めています。

YEAR 2022

■制作要件

  • 制作目的
    • 夏のセールお知らせバナー
  • ターゲット
    • セールの時期に服を買っている女性
    • 夏物をセールで購入しようと思っている女性
  • 必要な要素
    • 2022.7.20~7.30
    • SPECIAL SUMMER SALE
    • 旬のアイテムが最大40%OFF
  • 方向性イメージ
    • 20代後半~30代の女性向けのポップなデザイン
  • 指定条件
    • 夏のセールの中にありそうな商品写真を少なくとも3点以上入れる
    • 商品を目立たせたい


■制作物(960×400px)

  • 1枚目

  • 2枚目

■制作時間

  • 1枚目
    • 構想:30分
    • 制作:180分
  • 2枚目
    • 構想:10分
    • 制作:20分


■工夫点

  • ワッペン内・外の文字の余白
    • 1枚目はワッペンを主役にしたデザインのため、文字のレイアウトや余白を正確にとってバランス良く仕上げました。

  • 写真の明るさを調整し、どれも同じ明るさに見えるようにした点
    • 素材によって明るさが異なっていたため、同じ明るさに見えるように調整しました
      • 調整前:シャツとピアスが暗く、帽子が明るい状態

  • 調整後:同じ明るさになるように調整

  • 夏のセールを彷彿させるイラストを差し込んだ点
    • ヤシの木やヒトデ、スイカなど夏を連想するイラストを差し込んで、季節感を出しました。
  • ターゲットやイメージに合わせた配色やパターンを取り入れた点
    • ターゲットが20代後半〜30代女性のため、同じ年齢層をターゲットとしているミュゼのバナーを参考に配色を決めました。
    • 基本的に青、白、黄色の3色で配色しましたが、シンプルであったり女性をターゲットとしていることから「OFF」をピンクにすることでバランス良く仕上げました。
    • 背景をストライプにして、夏感やポップな印象にしています。
  • 2種類のパターンを作成した点
    • 今回はセール内容を強調する1枚目とセール自体を強調する2枚目を作成しました。1枚目は大きなスペースで表示される場合を想定し、2枚目は小さな画面で表示される場合を想定しました。