レスポンスの取れるバナー制作の考え方とバナー実例

レスポンスの取れるバナー制作の考え方とバナー実例

SOUNDPEATS CC イヤーカフ ワイヤレスイヤホンレビュー

【期間限定】2024年12月31日まで!
カフ型ワイヤレスイヤホン 特別クーポン配布中!

レスポンスの取れるバナーの作り方の考え方

#103 バナー制作

WEB制作

レスポンス広告のバナーを作るときに何を考えて作っているかの解説です。 偉そうに言ってるけどほんとに作れるの?と言われないように、自分の言ったことをふまえてバナーも作ってみました。 テストしないと効果があるのかどうかは証明できませんが参考になればと。

公開日:
最終更新日:

商品リンクにアフィリエイト広告を利用しています

サイトマップサイトマップ

WEBマーケティング事例集 バナー制作するときに大切なこと

仕事でWEBバナーを作りますが、そのときに心がけていることを述べたいと思います。
私は通販サイトのWEB制作&マーケティング担当をしております。

最近購入したコーヒーマグカップを例に考えてみる

最近、コーヒー用のマグカップを購入したので、これを事例にバナー制作の考え方を書いてみます。参考にならなかったらすみません。

アスベル ステンレス鋼 真空断熱マグマップ330ml レッド

アスベル ステンレス鋼 真空断熱マグマップ330ml レッド #331

1,436円 (税込)(Amazon参考価格)

サイズ:12.3×9.3×10.3cm

このコーヒーマグカップを例に!

コーヒーグッズ紹介はこちら

バナー制作の目的をちゃんと理解すること

「バナーを作る」の、先にある目的を理解することがなによりも重要です。
ここがずれると意味のないただキレイなバナーができあがるだけ。

バナー制作の目的は?
目的をしっかり理解する

バナーを出すってことは広告として出す場合がほとんどだと思うんですけど、「集客」なのか「セールス」なのか、「認知」なのか「告知」なのか。

バナーを出すことで達成したい目的はなんなのかを理解して作ると、訴求要素が絞られてくるわけですね。

今回の例では、状況をリアルにした方が私が考えやすいので、「コーヒーマグカップを紹介するバナー」という目的で作っていきましょう。

バナーの役割は商品ページへの送客。そこに絞って考えます。

送客を目的にするならどんな訴求が良いかを考える

誘導バナーにするのであれば、バナーの先にある内容に興味を持ってもらう必要があります。
かつ、ユーザーが知りたい、または、興味関心を惹く内容が必要だと。

マグカップの特徴

真空マグカップで冷めにくい → 暖かいコーヒーを長く楽しめる

大きめのマグカップ → 330ml ドリッパーから直接ドリップできる

スライド式のふた付 → ふたを閉めたままコーヒーが飲める

マグカップを購入した決め手 KBFを考える

自分が購入したコーヒーマグカップなので、なんでこれを買ったのかを考えます。
KBFはKey Buying Factorの略で、顧客が商品の購買を決める際に重視する要素。購買決定要因のことです。

KBFを考える
日々の購買行動を自己分析するのもオススメ

購買行動を深く知るためには行動経済学がオススメ

私がマグカップを欲しかった理由が、ホットコーヒーが好きでいつまでも冷めないマグカップが欲しかった。
冷めないマグカップで想起される商品として、サーモスが頭に浮かび検討したけど、そちらは選ばず。
選ばなかった理由として、フタがスライド式ではなく、取り外しをしないといけなくてめんどくさそうだったため。

加えてカタログ上の保温時間の長さがサーモスよりもこっちの方が長かった。

購買決定の要因を整理すると、コーヒーが冷めない時間が長く、飲むときに気軽に飲めること。
そのほか、直接ドリップできること、容量が大きいもの、価格が高すぎないこと、がありました。

ターゲットはあまり深く考えません

これは私の考えなので、反論があることも承知で書きますが、ターゲットを深堀することはあまりしません。
プロダクトの特徴と訴求軸を絞っていけば、ターゲットになる顧客が自動的に絞られるので。(訴求する内容によりますけどね)

コーヒーのマグカップという時点でコーヒーが好きで、マグカップを購入することでえられるものに共感してもらえる人がターゲットになります。

訴求内容を元にバナーを作ってみる 実例紹介

ここから先は、あれなんですけどね、これが正しいとか正解とかじゃないんですよ?
私、どちらかというとプログラミングとかコーディングよりの人間なんで、キレイなデザイン得意じゃないんですよ。

通販のレスポンス広告を作るのが得意なので、デザイナーが作ったバナーというキレイなものじゃないですからね。そこだけ、何卒。

マグカップバナー
頑張って作ってみました 自作バナー

バナーサイズは一般的な横幅300px × 縦250pxのバナーサイズの2倍のサイズ。(高解像度用)

※写真のクオリティは私が撮ったものなので、そこは査定に入れないでもらえると嬉しいです。

自分で作ったバナーの解説

キャッチコピーは全部を言葉で説明すると長くなるので、「なんだろう」と興味を引くキャッチが重要です。
「1時間たっても70℃」というところですね。

この言葉だけだと伝わりづらいですが、マグカップの写真があるので、保温性能が1時間たっても70℃を保つと伝わるはず。

最初に浮かんだキャッチコピーが「いつまでもコーヒーが冷めずに暖かく飲めるマグカップ」。
長いしただ情報を並べただけで面白くないのでボツにしました。
情報の羅列になると、当たり前すぎて目に留まらないので、間違ってないけどよろしくないと。

キャッチコピーは読んでもらわないと意味がない

「たっても」を漢字の「経っても」にしなかったのは、読めない人もいるかもしれないので。
漢字が読めないと意味が伝わらない、伝えなきゃいけないことが伝わらないのは最悪なので、ひらがなで表記。

伝えることが重要
見た目よりも伝えることが重要

スライド式のフタも他製品と比べて、多少の差別化要因になったので、そこも追加しました。
勝手にスライドキャップと命名。

あとは容量を数字で説明しました。たっぷり330mL。
写真だけだと大きさ比較がないので、どれくらいのサイズなのかが伝わりづらいのでそこは想像しやすい数字を入れました。
缶ジュース1本が350mlなので、けっこう入るなとわかる人にはわかると。

一番下部の「真空断熱マグカップ」は、真空断熱がなんか凄そうなので入れました。真空の強さに期待して。

情報にメリハリをつける

一番伝えたいことを一番大きく、保温性を伝えるワードなので暖色になりますよね。
視線も上から認識していくので、重要なものほど上部に設置します。

逆にスライドキャップの文字は大して重要じゃないので小さく、写真の補足程度の大きさにしてます。

バナーにあえて入れなかったもの

価格はあえて入れていません。このマグカップ1700円~2000円くらいするんですが、マグカップとしては高い部類じゃないですか。

送客が目的のバナーなので、ここで価格訴求をして、この金額は出せないというユーザーの足切りポイントになってしまう可能性があるのであえて入れない。

バナーの先で、保温性の高さや他商品と比べるとそんなに高くないと思ってもらえれば購入につながる可能性がでてきます。

ちなみに、バナー広告の種類がCPC広告(1クリック毎に料金が発生する広告)の場合、購入につながらないクリックは無駄になってしまうので、あえて「入れる」ということもします。

広告クリックして、価格が高いから買わない、というユーザーをバナーの段階で選別して、クリックで発生するコストを抑えるわけです。

バナーに価格を表記することで、足切りにしてもらうか、させないかを変えるということですね。

バナー制作で大事なこと まとめ

私がバナーを作るときは、自分だったらなんでこの商品を買うのかを考えます。なるべく深く。

ここは客観的視点ではなく、主観で考えます。
自分だったらここがいい、と思える点のほうがキャッチコピーなどが浮かびやすいから。

なんでこうしたの?に理由がある

クリエイティブ作ると絶対聞かれるわけですよね。なんでこのキャッチにしたの?なんでこの色なのと。

絶対に言っちゃいけないセリフが「なんとなく」です。

このワードを口にした瞬間、そのクリエイティブの説得力がなくなります。

理由を考えて、すべての要素を作りこむことが大事です。
後付けでもいいから、なぜこうした、の理由は説明できるようにすることが大事。

結果が本当に出るかどうかはテストしないとわかりません

最後に言うのもあれなんですが、実際にレスポンスがとれるかどうかはテストしてみないとわかりません。
時間をかけて作ったからレスがいい、というわけではないのが面白いところです。

とはいえ、テストをしないと結果がわからないから、何も考えないで作ればよいかといえばそんなことありません。
絶対に勝てるパターンというのはないのですが、ある程度レスが取りやすい傾向はあるので、それを自分の中でどれだけ蓄積できるかが、マーケッターの能力の差になります。

バナー制作の説明をしてみました。以上です!

なにかご意見・ご質問・ご感想などありましたら、お気軽にTwitterにて!(よかったらフォローお願いします)

記事内で紹介している商品リスト
(価格はAmazon参考価格)

アスベル ステンレス鋼 真空断熱マグマップ330ml レッド

1,436円(税込)

アスベル ステンレス鋼 真空断熱マグマップ330ml レッド

行動経済学まんが ヘンテコノミクス

1,170円(税込)

行動経済学まんが ヘンテコノミクス

予想どおりに不合理  行動経済学が明かす「あなたがそれを選ぶわけ」

990円(税込)

予想どおりに不合理  行動経済学が明かす「あなたがそれを選ぶわけ」

僕らはSNSでモノを買う 僕らはSNSでものを買う

1,617円(税込)

僕らはSNSでモノを買う 僕らはSNSでものを買う

HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門

2,838円(税込)

HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門

スッキリわかるSQL入門 第2版 ドリル222問付き! (スッキリわかる入門シリーズ)

2,576円(税込)

スッキリわかるSQL入門 第2版 ドリル222問付き! (スッキリわかる入門シリーズ)

誰もがあきらめずにすむPHP超入門

1円(税込)

誰もがあきらめずにすむPHP超入門

いちばんやさしいGoogleアナリティクス4の教本 人気講師が教える行動計測とユーザー理解の基本 「いちばんやさしい教本」シリーズ

1,960円(税込)

いちばんやさしいGoogleアナリティクス4の教本 人気講師が教える行動計測とユーザー理解の基本 「いちばんやさしい教本」シリーズ

デジタルマーケティングの教科書―5つの進化とフレームワーク

2,156円(税込)

デジタルマーケティングの教科書―5つの進化とフレームワーク

SNSマーケティングのやさしい教科書。改訂新版 Facebook・Twitter・Instagram─つながりでビジネスを加速する最新技術

2,264円(税込)

SNSマーケティングのやさしい教科書。改訂新版 Facebook・Twitter・Instagram─つながりでビジネスを加速する最新技術

JavaScript コードレシピ集

3,212円(税込)

JavaScript コードレシピ集

ずる 嘘とごまかしの行動経済学

950円(税込)

ずる 嘘とごまかしの行動経済学

東大教授が教えるヤバいマーケティング

1,485円(税込)

東大教授が教えるヤバいマーケティング

ゲーム理論の思考法 (中経の文庫)

613円(税込)

ゲーム理論の思考法 (中経の文庫)

バナー制作の関連ページ

SNSでこの記事をシェアできます

ブログ デイリーアクセスランキング

NAS DS224+
1位

NAS DS224+

SynologyのNAS DS224+を購入。 メモリ増設が可能なため一緒に16GBのメモリも購入して増設してみました。

SOUNDPEATS CC イヤーカフイヤホン
2位

SOUNDPEATS CC イヤーカフイヤホン

SOUNDPEATSのカフタイプのワイヤレスイヤホンのレビューです! はじめてのカフタイプイヤホンは初体験がたくさんあり!

配色ジェネレーター
3位

配色ジェネレーター

色相環からカラーを選択し、クリックすると配色例を表示します! 24色×16トーンからお好みのカラーに合わせて利用可能!

ノートPCスタンド
4位

ノートPCスタンド

ノートパソコンを横にしまうと結構な専有面積があるのですが、立てて収納できればわずか数cmで使えるので本当に快適です!

PHPで作るカレンダー
5位

PHPで作るカレンダー

forとifとforeachがメインのPHPによるカレンダーの作り方です。 祝日設定がちょっとめんどくさいんですよね。

車用スマホホルダー
6位

車用スマホホルダー

スマホをカーナビとして使うと熱さで充電ができなくなるので、熱対策と1年間使って外れることがなかったスマホホルダーの紹介。

2台用PCスタンド
7位

2台用PCスタンド

ノートパソコンを2台置けるタイプのノートパソコンスタンドのレビューです。 購入して失敗したなぁというポイントも紹介!

東京タワー夜桜撮影
8位

東京タワー夜桜撮影

東京タワーと夜桜をPentax Q7で撮影。お花見スポット「芝公園」より「増上寺」よりも豆腐屋の前からの景色が最高でした。

iPhone16一括購入
9位

iPhone16一括購入

iPhone16をAmazonのアップルストアで一括購入。 残価設定のプログラムと比較してオトクかシミュレーション。

bookblock
10位

bookblock

本をめくるようなモーションを実現するbookblock.jsを改造してレスポンシブ対応にしてみました。

カテゴリ一覧

オススメ商品レビュー

オススメ商品レビュー

世の中にある比較サイトや、いかがでしたか系サイトが嫌いなんです。使ってないのにえらそうなこと言うなと。なので体験談です。

WEB制作

WEB制作

WEBサイトを作れますと一言に言っても色々な技術があるわけですよ。アウトプットの形は一緒でもいろいろこだわりがあるんです。

カメラ

カメラ

2018年4月に購入したソニーのミラーレス一眼「α7Ⅲ」に関連する記事一覧ページです。 作例集やカメラグッズレビューなど。

美味しいもの

美味しいもの

食に関してはあまりこだわりがないんですけどね、こだわりがない分美味しいと思ったものは本当においしいと思ったものなんですよ

Amazonプライム動画

Amazonプライム動画

Amazonプライム会員なら無料で利用できるAmazonプライム動画から、いろいろな動画をみたレビュー記事のまとめページ

旅LOG

旅LOG

家族旅行やおでかけした際の旅ブログです。夏休みの家族旅行(4人家族)で訪れた観光名所の感想などを記しています。

プロフィール

プロフィール

Start-Point.netの管理人のプロフィール紹介を兼ねた、自分の中のルールや決め事やエピソードなでお書いていきます

日記

日記

日記と言っても色々な日記があるわけで、記録的な日記や心理描写を色濃く描いた日記などをまとめたページです。

thanks

thanks

自分を表現することって意外と難しいんですよね。照れがあったり、間違ったこといってないかとよくわからない何かと戦ったりして。

マネーリテラシー

マネーリテラシー

お金や税金、資産形成に関する情報や体験談をブログでお伝え!

記事内で紹介している商品

アスベル ステンレス鋼 真空断熱マグマップ330ml レッド

1,436
(税込)