2014.3.4(最終更新日:2018.10.5)クリックしたくなるバナーに共通した5つの特徴と業種別の参考事例TweetPocketバナー広告によって獲得数や集客率は1.5倍~2倍と劇的に変化するケースもあります。「売上を増やすために新しくバナーを作ろう!」と考えたときに、実際にどんなバナーを作れば成果が上がるのかお悩みの方も多いのではないでしょうか。成果にしっかりと繋がっているバナーには共通点があります。業種やサービスの内容によっても特に工夫すべきポイントがあります。WEB広告業界でバナー・ランディングページ・サイト等の構成を手掛けている私が、バナー作りの秘訣を参考事例を交えて分かりやすくお伝えします。知ってるだけで成果が変わる!良いバナーが持つ5つの共通点さらに成果を出すためには、サービスごとの特徴を加味するまとめ知ってるだけで成果が変わる!良いバナーが持つ5つの共通点たった5個のポイントを押さえるだけで、バナーの成果は確実に上がります。王道とも言えるルールを一覧で紹介します。上記のポイント一覧だけでは伝わりづらいものもあるので、各ポイントを簡単に説明します。各項目をしっかりと理解したい方は、各項目内にあるURLより参考記事をご覧ください。上記の例では、「一番読ませたいコピー」⇒「脱毛のイメージ」⇒「価格」という順番で目に入るように配置されています。ユーザの視線が左上から右下へと移動するのは、左から右に読み進む文化圏で暮らすユーザの習性で、右から左へと読み進むインドなどでは逆になるようです。※視線の動きに関して詳しく知りたい方は下記URLをご覧ください。http://web-directors.net/modules/pico/index.php?content_id=58http://kamishiba1.exblog.jp/m2012-06-01/ポイント2:文字数が少なくメリットが端的これは言うまでもないような事ですが、文字数をギリギリまで押さえることで、「読む」というよりも「見る」形を作ることが重要です。伝えたい内容を絞りこむことで、本当に伝えたいことをしっかりと伝えることができます。バナーはランディングページや、電車の中吊り広告などと比べてもサイズが小さいので、あまり多くのことを訴求しようとすると結果的に見づらい(悪い)広告となってしまうので注意しましょう。※コピーでお悩みの方は下記URLをご参考ください。http://bazubu.com/copywriting101ポイント3:文字のコントラストが強いこれも当然と言えば当然なのですが、背景色と文字色のコントラストが強いほど文字は見やすくなります。文字のコントラストが強くコピーが見やすいバナーデザインも重要ですが、可読性が低くてはメリットを伝えることができないので、文字色と背景色にはしっかりとメリハリを付けましょう。※文字色のコントラストに関して詳しく知りたい方は下記URLをご覧ください。http://tsutawarudesign.web.fc2.com/miyasuku2.htmlポイント4:画像が見やすく、意味がある画像を使用するのであれば、文字はかぶせない。意味のないものは置かない。画像は情報を伝えやすくするためのものなので、使用するのであれば文字や他の画像をかぶせずに、見やすい配置を心がけましょう。ポイント5:バナーの訴求やトーンをランディングページの内容と合わせるバナー広告はクリックした際の飛び先であるランディングページと対になる存在なので、作成する際にはランディングページの情報も加味しなければなりません。バナーの内容は、ランディングページに記載されている内容に合わせましょう。ユーザはバナーに記載されている内容に興味を持ってクリックしてくるので、飛び先のランディングページに別の内容が記載されていると、「求めているページと違う」という誤解を招き、離脱の原因となってしまう可能性があります。くのお店でお気軽査定」というコピーで「手軽さ」と「店舗数」を押し出しているバナーをクリックすると、下記の「地図から最寄りの店舗を検索できる」サイトに飛ぶので、サイト流入時にユーザが持っている「手軽に近くの店舗で査定したい」というニーズと合致しています。バナーに使用される画像やカラーをランディングページのものと統一することは、文言の整合性と同様に大事です。バナーのイメージと、飛び先のイメージの開きが大きいと、流入してきたユーザが「求めていたページと違うのではないか」と誤解や混乱してしまう可能性がありますので、あまりに開きのあるデザインを使用することは避けましょう。成果を出すためには、サービスごとの特徴を加味する上記の5つのポイントを踏まえた上で、さらにバナーに磨きをかけたい人はこちらの3つのテクニックをご参照ください。食品や旅行は、画像を押し出す食品や旅行などの広告は、画像を大きく使う事で視覚的に購買意欲を喚起させるようなものが王道です。「美味しい」や、「綺麗」などと文字で伝えるよりも直感的に理解できるので、まさに「百聞は一見にしかず」です。美容や食品系は、綺麗な人物写真や商品写真で具体的なイメージを連想させる商品写真は商品利用時のイメージを、綺麗な女性などの人物写真は商品(サービス)利用後のイメージ(理想)をユーザに連想させます。ネット上で販売している商品やサービスは、直接見たり手に取ったりできるものではないので、できるだけ具体的にイメージできる情報をユーザに与える事を心がけましょう。食品や化粧品などはパッケージの写真だけでなく、内容物も記載することで、より商品をイメージしやすくなるのでオススメです。キャンペーンは数字を強調するキャンペーン系の王道は、数字を大きくキャッチーに記載する形です。Sana0円お試しセット、DoCLASSEキャンペーンのバナーユーザは自分にとってメリットのある情報を求めているので、「0円」や「80%OFF」などの文言に惹かれます。低価格や割引率に自信がある場合には、堂々とその情報を記載しましょう。※業種別のバナーは下記URLのレトロバナーというサイトにて紹介されていますので、興味をお持ちの方はご覧ください。まとめ上記で説明したとおり、バナー広告には押さえるべきポイントがあり、それを守るだけでデタラメなバナーよりも高い効果を期待できます。どれも説明されれば「こんなの当たり前だろ」というような内容かもしれませんが、王道ルールを逸脱しているがために伝えたいメリットなどが伝わりづらくなってしまっているバナーをよく見かけます。これから作る集客施策の重要要素であるバナーが万が一でもコケてしまわぬように、「そんなの当たり前だろ」の方も念のため作成後に上記項目をチェックしてみると良いかもしれません。2013年にソウルドアウト株式会社へ入社。UIコンサルとして不動産系サイトのCVR1000%など、幅広い業界のサイト・LPのCVR改善を実施。2014年より自社のリード獲得とLISKULの立ち上げを経て、中小企業のマーケティング領域を総合支援。2018年よりLISKULを運営。LISKULについて検索:。