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

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

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

#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,568円(税込)

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

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

2,838円(税込)

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

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

3,030円(税込)

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

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

1,848円(税込)

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

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

1,089円(税込)

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

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

1,980円(税込)

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

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

2,195円(税込)

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

JavaScript コードレシピ集

3,114円(税込)

JavaScript コードレシピ集

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

941円(税込)

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

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

1,485円(税込)

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

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

613円(税込)

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

バナー制作の関連ページ

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

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

ノートPCスタンド
1位

ノートPCスタンド

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

bookblock
2位

bookblock

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

車用スマホホルダー
3位

車用スマホホルダー

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

MusicBeeのレイアウト変更方法
4位

MusicBeeのレイアウト変更方法

MusicBee 3.1のレイアウトをデフォルトの状態から、自分好みのレイアウト設定に変更する方法を写真付きで紹介しています。

昭和記念公園
5位

昭和記念公園

東京都立川市にある国営昭和記念公園に家族で遊びに行きました。 広大な園内にはいろいろな遊具や春の花や大きな原っぱがあります。

武蔵丘陵森林公園
6位

武蔵丘陵森林公園

2019年5月2日のゴールデンウィークに埼玉県にある国営武蔵丘陵森林公園へ家族で遊びにいきました。

PHPを使って作るCMS
7位

PHPを使って作るCMS

PHPを覚えたらデータベース回りも一緒に覚えるのがオススメです、 制作できるものの幅が広がって色々な仕組みを理解できます

机上台
8位

机上台

机上台という机の上に設置し、モニターを置きデッドスペースになるモニターの下に空間を生み出す悪魔的発想の商品を使ってみました。

URLの疑似静的化
9位

URLの疑似静的化

htacessを使いhtmlファイルが存在しない静的URLを生成する方法と、仕事で使った疑似URLの活用方法の紹介です。

NORDACE
10位

NORDACE

NORDACEのSIENAというシンプルで機能的で収納力に優れたノートパソコンも入れられるナイスなリュックのレビューです

カテゴリ一覧

オススメ商品レビュー

オススメ商品レビュー

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

WEB制作

WEB制作

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

カメラ

カメラ

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

美味しいもの

美味しいもの

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

Amazonプライム動画

Amazonプライム動画

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

旅LOG

旅LOG

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

プロフィール

プロフィール

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

日記

日記

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

thanks

thanks

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

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

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

1,436
(税込)