セールバナーは「安い」を大きく載せれば成果が出る、というものではありません。1〜2秒で割引の魅力を伝えきる設計と、割引の見せ方で景品表示法に触れないことの、両方が必要になります。

特に見落とされがちなのが後者です。「通常価格5,000円→セール3,000円」のような二重価格表示は、比較に使う「通常価格」に実態がないと、景品表示法上の不当表示(有利誤認)と判断されるおそれがあります(消費者庁 価格表示ガイドライン)。

この記事では、セールバナーの訴求の決め方・デザイン・表示の注意点を、作る順番どおりに整理しました。作りはじめる前に、何を大きく見せるかと、その見せ方が表示として問題ないかを、自分で判断できる状態を目指します。

この記事でわかること

  • セールバナーで最初に決める「1つの訴求」の選び方
  • 期間限定・緊急感を伝える5つの見せ方
  • 一瞬で伝わるデザインの作り方(色・視線・文字量)
  • 二重価格表示と景品表示法の注意点(通常価格の8週間の目安)
  • 作ったあとに成果を伸ばす検証と量産の進め方
💡 この記事で解説する作業は、Tasky なら数分で完了します。URLを入れるだけで訴求設計からバナー生成まで自動化できます。7日間無料トライアル(クレカ登録不要)。

セールバナーで最初に決めるのは「1つの訴求」

複数の訴求から主役を1つに絞り込むことを示す図

セールバナーの成否は、デザインに入る前にほぼ決まります。まず決めるのは、バナーで一番大きく見せる訴求を1つに絞ることです。

セールのときは「割引率」「価格」「期限」「送料無料」と、伝えたいことが一度に増えます。ところが、バナーがユーザーの目に触れる時間は1〜2秒ほど。その短い時間で複数のメッセージを読ませるのは難しく、全部を同じ大きさで並べると、結局どれも印象に残りません。

主役を1つ決めると、残りの情報の置き場所も決まります。例えば主役を「全品30%OFF」にするなら、期限や対象は補足として小さく添える。優先順位を先に決めるほど、仕上がりは速く、強くなります。

この「1つに絞る」考え方はセールに限りません。バナー制作全体の進め方は バナー広告の作り方の全体像 で5ステップにまとめています。

TASKY GENERATED生成例の生成例
スキンケア美容液のバナー例パーソナルジムのバナー例新築住宅見学会のバナー例

URLを入れるだけで、この品質のバナーが3案。

7日間無料トライアル。月額9,800円から。

Taskyを見る →

期間限定・緊急感を伝える5つの見せ方

セールの緊急感を伝える5つの見せ方をアイコンで整理した図

主役の訴求が決まったら、それを「今すぐ動く理由」に変えます。セールバナーで緊急感をつくる見せ方は、おおむね次の5つに整理できます。商材と在庫の状況に合うものを1つ選んでください。

見せ方主役にする要素向いている場面
割引率を主役にする「30%OFF」「半額」割引幅が大きいとき
価格を直接見せる「特価1,980円」価格の安さが分かりやすい商材
期限を明記する「10/31まで」「残り3日」終了日が決まっているセール
数量で絞る「先着100名」「在庫限り」数量限定・数が少ない商材
対象を限定する「会員限定」「初回限定」特定の人だけが使える特典

数字を主役にすると、内容が一瞬で伝わります。割引率や価格は、見出しとしてバナーの中で一番大きく置くのが基本です。

期限や数量は「緊急感」に直結します。「期間限定」とだけ書くよりも、「10/31まで」「残り3日」のように具体的な日付や数で示すほうが、行動を後押しします。ただし、ここで書いた条件は実際の内容と必ず一致させてください。あいまいな期限や、実態のない「在庫限り」は、後述する表示の問題につながります。

バナーの訴求を5パターン作って回すには、1人で手を動かすと時間が足りません。Tasky なら商材URLから訴求を設計し、最大20パターンを一括生成できます。月額9,800円から、月180枚まで。無料で7日間試す

一瞬で伝わるデザインの作り方

バナー内で情報の優先順位を大きさの階層で表すデザインの図

訴求が決まれば、デザインの役割は「それを1〜2秒で読ませる」ことに絞られます。凝った装飾より、情報の優先順位が見た目に出ているかが重要です。

視線は「見出し→数字→期限→ボタン」の順に流す

視線が見出しから数字・期限・ボタンへ流れる順路を示す図

セールバナーは、見る人の視線が自然に流れる順番を設計します。一番上か中央に見出し(主役の訴求)、次に大きな数字、その下に期限や条件、最後に「今すぐチェック」などのボタン。この順で配置すると、読み手は迷わず要点をたどれます。

色はコントラストを最優先にする

低コントラストと高コントラストを左右で対比した配色の図

セールでは赤・オレンジ・黄のような目立つ色がよく使われます。色そのものより大事なのは、背景と文字のコントラストです。割引率の数字が背景に溶けていては、せっかくの訴求が読めません。ブランドカラーは全面に使わず、差し色として一部に取り入れると、目立たせつつまとまります。季節のセールでは、秋は暖色、冬は寒色のように配色を合わせる手もあります(Canva セールテンプレートの傾向より)。

文字量を減らし、スマホで読めるサイズを保つ

スマホ表示で縮小しても読める文字量に絞ったバナーの図

セールバナーは情報を盛り込みがちですが、文字が多いほど伝わりにくくなります。主役の訴求以外は思い切って削り、注釈は最小限に。多くのセールバナーはスマートフォンで表示されるため、縮小しても読める文字サイズを保つことが前提です。配色や余白など基本の考え方は バナーデザインの基本 にまとめています。

配信面ごとにサイズを展開する

1つのデザインを配信面ごとの複数サイズへ展開する図

同じデザインでも、配信する面によって必要なサイズは変わります。ディスプレイ広告では 300×250 などが主要サイズです(Google広告ヘルプ)。SNSやバナー枠でも縦横比が異なるため、主役の訴求が切れない形で各サイズに展開してください。媒体別の寸法は 媒体別のサイズ早見表 で確認できます。

セールバナーで注意すべき表示(景品表示法)

セールバナーの表示が景品表示法に適合するか確認する関門の図

ここがセールバナー特有の落とし穴です。割引の見せ方しだいで、景品表示法(景表法)の不当表示にあたるおそれがあります。作る前に、以下を確認してください。

景表法は、価格などの取引条件を実際より著しく有利に見せる表示を「有利誤認表示」として規制しています(不当景品類及び不当表示防止法 第5条第2号)。不当表示と判断されると、措置命令や課徴金の対象になり得ます。

二重価格表示そのものは違法ではない、ただし「実態」が要る

二重価格表示の通常価格に実態の裏づけが要ることを示す図

「通常価格5,000円→セール3,000円」のように2つの価格を並べる見せ方を、二重価格表示といいます。これ自体が禁止されているわけではありません。問題になるのは、比較に使う「通常価格」に実態がないときです。実際にはその価格で売っていなかったのに、安く見せるためだけに高い価格を並べると、有利誤認にあたるおそれがあります(消費者庁 価格表示ガイドライン)。

過去価格と比べるなら「最近相当期間」の販売実績が要る

直近8週間のうち4週間の販売実績をタイムラインで示す図

「当店通常価格」や「セール前価格」を比較対照にするなら、その価格が最近相当期間にわたって実際に販売されていた価格である必要があります。目安として、セール直前の8週間のうち4週間以上その価格で販売していた実績があれば、過去の販売価格として表示できるとされています(消費者庁 価格表示ガイドライン)。最後にその価格で売ってから時間が空きすぎている場合も問題視されます。判断が難しい表示は、消費者庁のガイドラインで必ず確認してください。

将来価格・あいまいな「通常価格」は避ける

根拠のない将来価格やあいまいな通常価格を避けることを示す図

「来月から7,800円、今だけ5,800円」のように、将来の価格を参考にして今を安く見せる手法もあります。実際に将来その価格で販売する予定がなければ、不当表示のおそれがあるとされ、消費者庁はこの手法への執行方針を示しています(将来の販売価格を比較対照価格とする二重価格表示に対する執行方針)。根拠を示せない「通常価格」「定価」は、バナーに載せないのが安全です。

「期間限定」「最大◯%OFF」は実際と一致させる

バナーの表示と実際の販売条件を一致させることを示す図

バナーに書いた条件は、リンク先や実際の販売と一致している必要があります。よくある注意点は次の3つです。

  • 「最大50%OFF」: 一部の商品だけが50%OFFで、ほとんどが対象外だと、割引幅を誤認させるおそれがあります。対象範囲を明確にしてください。
  • 「期間限定」: 実際には常時その価格で売っている場合、限定ではありません。終了日を明記し、終了後は価格を戻します。
  • 「在庫限り」「先着◯名」: 数量に実態がないのに緊急感だけを演出すると、問題になり得ます。

迷ったら、バナーの数字・条件に対して「その根拠を記録で示せるか」を基準にすると判断しやすくなります。

作ったあとに成果を伸ばす — 検証と量産

複数の訴求を検証し勝ち筋から派生を広げる量産ループの図

セールバナーは1枚で終わらせず、複数の訴求を同時に試すと成果が伸びます。先ほどの5つの見せ方のうち、どれが一番クリックされるかは、商材やセールの時期によって変わるためです。

進め方はシンプルです。訴求違いのバナーを3〜5枚用意し、同じ条件で配信して反応を比べる。勝った訴求を軸に、色や文字を変えた派生を作ってさらに回す。この検証回数が、最終的な成果を左右します。

とはいえ、セールのたびに複数の訴求 × 複数サイズを手作業で作るのは現実的ではありません。株式会社ロックストックでは、Tasky の活用で同じ時間に作れるバナーが5本から20本(4倍)に増えています(Tasky導入事例)。制作がボトルネックでなくなると、検証に時間を回せます。

## セールの準備を、数分で

>

セールバナーは、訴求の数 × サイズの数だけ制作が必要になります。Tasky なら商材URLから訴求を設計し、マジックリサイズで各配信面のサイズまで自動展開。配信前にAI効果予測でスコアも確認できます。

>

7日間無料トライアルを始める(所要3分・クレカ登録不要)

よくある質問

Q1. セールバナーで一番大きく見せるべき要素は何ですか?

主役にする訴求を1つだけ大きく見せます。割引率(30%OFF)か価格(特価1,980円)を数字で見出しにするのが基本です。期限や対象は補足として小さく添え、1枚に複数の訴求を同じ大きさで並べないようにします。

Q2. 「通常価格」はどんな価格なら表示してよいですか?

実際に販売していた実績のある価格に限られます。目安として、セール直前の8週間のうち4週間以上その価格で販売していれば、過去の販売価格として表示できるとされています。実態のない価格を比較対照にすると、景品表示法上の有利誤認にあたるおそれがあります。詳しくは消費者庁のガイドラインを確認してください。

Q3. 「期間限定」と書くときの注意点は?

実際に終了日が決まっていることが前提です。「期間限定」とだけ書くより、「10/31まで」「残り3日」と具体的に示すほうが緊急感が伝わります。常時その価格で販売しているのに「期間限定」と表示すると、不当表示になり得ます。

Q4. セールバナーは何サイズ用意すればいいですか?

配信する媒体に合わせて複数サイズを用意します。ディスプレイ広告では 300×250 などが主要サイズで、SNSやバナー枠はそれぞれ縦横比が異なります。主役の訴求が切れない形で展開してください。媒体別の寸法は媒体別のサイズ早見表にまとめています。

まとめ

セールバナーは、見た目の派手さより「1つの訴求を1〜2秒で伝える設計」と「表示の正しさ」で決まります。

  • 主役にする訴求を1つに絞り、割引率や価格を数字で大きく見せる
  • 緊急感は「10/31まで」「先着100名」のように具体的な数で示す
  • 視線は見出し→数字→期限→ボタンの順に流し、コントラストと文字量を整える
  • 二重価格表示は、通常価格に実態(最近相当期間の販売実績)があるかを確認する
  • 将来価格・あいまいな「通常価格」は避け、書いた条件は実際と一致させる

訴求を複数そろえて検証するほど成果は伸びます。制作の手が足りないときは、Tasky の7日間無料トライアルでセール用バナーの量産を試してみてください。