バナー制作まとめ

2025.09.06

母の日キャンペーンバナー

「ありがとう」を届けるやさしいデザイン

母の日バナー
実際に作成した母の日キャンペーンバナー
埋め込み母の日バナー
実際にあるサイトに差し込みました。

制作意図

母の日の温かさや感謝の気持ちを表現するために、やわらかなピンクと花モチーフと食べ物を基調にしました。
文字は読みやすさを意識しつつ、ふんわりした雰囲気を残すことで「優しさ」を感じてもらえるデザインにしています。

作品情報

  • サイズ： 1230×240px 横長（Webバナー想定）
  • ターゲット： 20〜50代の女性（母の日ギフトを購入する人）
  • 制作目的： 母の日キャンペーンの特設ページやSNS用バナー
  • 使用ツール： Photoshop
  • 制作時間： 約3時間

デザインのポイント

  • 背景はピンク系グラデーションでやわらかく仕上げ
  • 母の日を象徴する花モチーフ（カーネーション風）を配置
  • 文字サイズと余白で視認性を意識
  • スマホで見ても映えるシンプル構成

💡 今後はキャンペーンごとに展開可能な
「シリーズ化デザイン」へ応用予定。

コンシーラーキャンペーンバナー

ナチュラルな美しさを引き出すデザイン

コンシーラーバナー
実際に制作したコンシーラーのバナー
実際に埋め込んだサイト画面
実際にサイトへ埋め込んだイメージ

制作意図

コスメブランドのコンシーラー広告用に制作。職業訓練校の授業として。
シンプルかつ高級感を意識し、クリームベージュとゴールド調のアクセントカラーでナチュラルな美しさを表現しました。 購入意欲を高めるよう、テキストの視認性と商品ビジュアルのバランスに配慮しています。

作品情報

  • サイズ： 720×720px 正方形（Webバナー想定）
  • ターゲット： 20〜40代の女性、コスメに関心のある層
  • 制作目的： ブランドサイトのキャンペーン掲載・SNS広告用
  • 使用ツール： Photoshop
  • 制作時間： 約2.5時間

デザインのポイント

  • 自然な肌感カラーでグラデーションで商品イメージを引き立て
  • 余白を活かしたミニマルな構成で高級感を演出
  • サイトに埋め込んだ時の見え方をシミュレーションして調整
  • テキストを短くキャッチーにまとめ視認性を確保

💡 ブランド全体のトーンに合わせたデザイン展開も可能です。

ECサムネイル（みかん／700×700）

小さな表示でも“おいしさ”と“お得感”が一目で伝わる設計

EC用サムネイル（みかん／700×700）
制作したEC用サムネイル（楽天・ECモール想定）

制作意図

ECモールの一覧ビューで小さく表示されても視認できるよう、高コントラストのオレンジと はっきりした商品名・数値を大きく配置。余白を確保して サムネ内で情報が詰まりすぎないようにし、クリック率（CTR）の向上を狙いました。

作品情報

  • サイズ： 700 × 700 px（正方形）
  • ターゲット： ECモール利用者（楽天など）／ギフト・訳あり・産地直送に関心のある20〜50代
  • 制作目的： 一覧での視認性向上・クリック率UP・商品の強み（鮮度／甘さ）をシンプルに訴求
  • 使用ツール： Adobe Photoshop
  • 制作時間： 1時間

デザインのポイント

  • 色設計： 果実のオレンジ×白の文字の清潔感と食欲を両立、縁に淡いシャドウで浮き上がり効果
  • 視線誘導： メインビジュアル → 商品名 → 量/価格の順に読みやすく配置
  • 文字設計： 3行以内・太字中心・数字は大きく（一覧でも潰れにくい）
  • 運用性： kg数・送料無料バッジを差し替え可能なテンプレ構造

ECサムネイル（洗顔フォーム／700×700）

透明感×清潔感を水しぶきの質感で表現、SNSでも映える正方形

ECサムネイル（洗顔フォーム／700×700）
制作したEC／SNS用サムネイル（正方形）

制作意図

透明感と清潔感を軸に、背景へ水しぶきの写真を用いて質感を強調。
トーンは青で統一しつつ、わずかに異なる青を重ねて奥行きを作りました。
正方形での視認性を意識し、商品名・効果ワード・ハッシュタグを短く・太く・コントラスト高めに配置しています。

作品情報

  • サイズ： 700 × 700 px（正方形）
  • ターゲット： 10〜30代のスキンケア関心層／SNSで新商品を探すユーザー
  • 制作目的： 新商品の認知向上・EC商品ページ／LPへの流入増・SNSでの拡散
  • 使用ツール： Adobe Photoshop
  • 制作時間： 1時間

デザインのポイント

  • 透明感： 水しぶきのテクスチャと青の濃淡で“みずみずしさ”を演出
  • 視線誘導： 商品ビジュアル → キーワード → ハッシュタグの順に読みやすく配置
  • 配色： 同系ブルーのレイヤーで統一感と奥行きを両立
  • SNS適性： 正方形で文字は短文・太字、余白を確保して縮小でも潰れにくく

コメント

タイトルとURLをコピーしました