作成日:2021/04/12 更新日:2022/09/07

#1 バナーをデザインする

バナーのデザインをしてみましょう。2種類ずつ作りましょう。
まず下記の画像をダウンロードし、アプリで編集しましょう。
PhotoshopやIllustratorはバナーを作るには高機能過ぎて使い勝手が悪いです。バナーの制作にはFigmaかAdobeのXDがおすすめです。
Figma  Adobe XDサイト  Sketch  InVision Studio
土台となるファイルを用意したので、利用しても自作しても良いです。

Figma svgファイルをダウンロード
XDファイルをダウンロード

アパレルメーカーのバナー

アパメルメーカーのセールバナーを作ってみましょう。
与件:アパレルセールバナー
  1. サイズ:300×200px、500×150px の2サイズ
  2. ターゲット: 20代女性、ヤングカジュアル、ガーリースタイル
  3. キャッチコピー: 夏のセール、今ズグほしい!夏の定番アイテム、最大50%OFF、CLICKボタン
画像をダウンロード

コスメのバナー

コスメ商品のバナーを作ってみましょう。
与件:コスメキャンペーンバナー
  1. サイズ:300×200px、500×150px の2サイズ
  2. ターゲット: 30〜40代女性、スキンケア、自然派美容液
  3. キャッチコピー: 美しさを養う美容液、艶肌スキンケア、潤い美肌を創るシンプルスキンケア、CLICKボタン
  4. バッジ:サンプルセットを1万名様にプレゼント
画像をダウンロード

新車キャンペーンバナー

新車販売用のキャンペーンバナーを作ってみましょう。
与件:新車キャンペーンバナー
  1. サイズ:300×200px、500×150px の2サイズ
  2. ターゲット: 30〜40代男性、SUV車、アウトドアユース、ハイエンドモデル
  3. キャッチコピー: 新モデル登場、アドベンチャーSUV、全世界対応SUV、CLICKボタン
  4. 本文:10万円分のクーポンプレゼント
画像をダウンロード