EC・通販、ネットショップを支援するメディア

通販通信ECMOニュース・記事コラム【2022年最新】広告バナーのクリエイティブ・デザイン参考サイト3選!ネタ・アイディア/事例まとめ

2022.02.02 コラム

【2022年最新】広告バナーのクリエイティブ・デザイン参考サイト3選!ネタ・アイディア/事例まとめ

  • このエントリーをはてなブックマークに追加
 ECや通販などネットにせよオフライン媒体にせよ広告運用において、運用担当やデザイナーが頭を悩ますものの1つがバナーなどといったクリエイティブデザインのアイディアやネタです。本記事ではバナーデザインの基礎知識から参考サイト、成果の出るデザインやCVに貢献する文言の考え方、アクション誘発にベストな色使いなどについて解説します。



バナーデザインの基礎知識


 バナーとは、テキストや写真で作られた画像のことを指します。

 かみ砕いて説明すると、Web上にある「のぼり」のようなものです。

 ホームページに訪れたユーザーに向けて、魅力的なキャッチコピーや写真を使ったバナーを設置することで、自社サービスへと誘導することができます。

 また、訴求力の高いバナーを設置することで、ほかのサイトから見込み顧客を集めるなどさまざまな効果が期待できるのです。


バナーデザインの参考サイト3選


 現在はさまざまなバナーデザインが公開されています。まずは、どのようなバナーデザインがあるのか参考程度に知っておくとのちの制作イメージが深まります。

 以下のサイトでは、多種多様なデザインが掲載されているので、興味のある方はご覧ください。

◇色×業種×サイズで掛合せ検索可!

【バナーデザインアーカイブ】

2000種類以上の参考バナー画像を掲載。「色」「業種」「サイズ」でソートが可能で参考にしたいバナーデザインに素早くアクセスできます。

▽サイズ別ソート可能項目
・120×60
・120×600
・125×125
・160×600
・200×200
・234×60
・250×250
・300×250
・300×600
・468×60
・728×90
・twitter
・その他サイズ
・スマートフォン

▽色別ソート可能項目
・イエロー
・オレンジ
・グリーン
・グレー
・パープル
・ピンク
・ブラウン
・ブラック
・ブルー
・ホワイト
・レッド

▽業種別ソート可能項目
・仕事/ビジネス
・健康/ダイエット
・動物/ペット
・家電/PC
・情報/WEBサービス
・旅行/ホテル
・本/雑誌/電子書籍
・百貨店/モール
・美容/コスメ
・育児/教育
・花/グルメ/ギフト
・衣料/ファッション
・趣味/ゲーム
・車/スポーツ
・金融/保険
・雑貨/インテリア
・音楽/映画/テレビ

◇とにかく掲載数が多いものを見るなら

【Banner Matome】

 20000件以上の参考バナー画像を掲載。「業種」「表現別」でソート可能。メディア別インフィードバナー例も掲載。そのほか「バナーって何?」「バナーサイズを調べる」「バナー形式を調べる」「バナー容量を調べる」
などといったバナーデザインに関する基礎知識などお役立ちコンテンツも充実。

▽業種別のソート可能項目
・エステ
・コスメ化粧品
・サプリ
・旅行
・不動産
・仕事・転職
・出会い・結婚
・学校・学習・教育
・家電・IT・機械
・ゲーム
・アパレル・ネイル
・自動車・車

▽表現別のソート可能項目
・テキスト風バナー
・立体風バナー
・手書き風フォントバナー
・イラストバナー

◇サイズが充実!テイスト検索も可能

【retrobanner】

 12000種類以上の参考バナー画像を掲載。「色」「業種」「サイズ」「テイスト」でソート可能。

▽サイズ別ソート可能項目
・120×60
・120×600
・125×125
・160×578
・160×600
・200×200
・250×250
・250×239
・200×189
・180×600
・120×240
・160×160
・224×224
・120×90
・640×360
・234×60
・468×49
・300×125
・300×100
・367×306
・300×239
・336×269
・300×185
・468×60
・600×500
・728×90
・336×280
・400×300
・その他サイズ

▽色別ソート可能項目
・イエロー/オレンジ
・グリーン
・グレー
・パープル/ピンク
・ブラウン
・ブラック
・ブルー/シアン
・ホワイト
・レッド

▽業種別ソート可能項目
・ビジネス/サービス
・住宅/生活
・美容/健康
・ネット関連
・PC/電化製品
・旅行/交通
・飲食
・教育/学習
・ファッション
・ゲーム/娯楽
・スポーツ
・音楽
・デザイン/芸術

▽テイスト別ソート可能項目
・スタンダード
・かわいい/キュート
・シンプル/クール
・おしゃれ/きれい
・個性的
・にぎやか


成果の出るバナーデザインとは?

 成果の出るバナーデザインは、前提として「目立つこと」が大切です。

 基本ユーザーはサイトを流し読みする傾向があり、一般的には色や大きさで訪問者の注意をひくことが必要になります。

 サイトで使われているメインカラーとは反対色のデザインにする、使用されている画像よりも一回り大きいバナーデザインにする、など工夫をすることでユーザーの目に留まりやすいです。

 しかし、インパクトのあるバナーデザインにしただけでは成果に繋がりません。

 一見しただけで意味が分かる・サービス内容に関係があるバナーデザインにすることで、高い成果を挙げることができるでしょう。

CVに貢献するバナーの文言とは?

 バナーデザインの効果を高める文言は、「シンプル」「結果が明確」「簡潔」の3点を意識すると作成しやすくなります。

 例として以下の文言を見てみましょう。

・商品の購入をして欲しい場合は、「今なら会員登録するだけで〇〇円OFF!」

・セミナーへの集客をする場合は、「セミナーの申し込みはこちらをクリック!」

 特に、具体的なアクションを誘うような文言はユーザーの迷いを減らし、クリック率を高めることができます。

また、テキストは短く簡潔にすることが大切です。

 人が一瞬で認識できる文字数は10文字程度とされており、加えて、ウェブ上の訪問者はページを流し読みする傾向があるため、パッと見ただけで分かるバナーデザインにする必要があります。

アクション誘発にベストな色使いは?


 バナーデザインではアクション誘発のために、配色やサイズを工夫するだけでなく、CTAボタンのようなクリックを促すデザインを取り入れるのも1つの手法です。

 バナーデザインにCTAボタンの要素を取り入れる場合は、「目立つ配色を使う」ことが一般的です。

 また、ECサイトなどの通販業界では、信号の「進む」を意味する緑色がアクション誘発に有効と言われています。

 とはいえ、バナーデザインやCTAボタンの色使いは、確かな正解がありません。施策を実施し、ユーザーの反応を見て繰り返し修正を行うことが大切です。

 その過程で課題点が見つかり、より良いバナーデザインを検討することができるでしょう。

実際にバナーを作るには


 実際にバナーを作成するには、自社のデザイナーに依頼する方法か制作会社に依頼する方法の2種類があります。

 デザインを起こすことができるなら、社内のデザイナーに依頼する方が効率が良いですが、内部にプロがおらず、より高い質を求めるなら制作会社に依頼するのがおすすめです。

 特に、自社が求めるバナーデザインの請負実績が豊富な会社の方が、幅広いニーズに対応してくれる可能性が高く、満足のいくバナーデザインを作成してもらえます。

 しかし、多くのバナー制作会社があるため、比較検討が大切です。当サイトには、デザイン制作会社に関する資料を数多く掲載しています。そのなかで、おすすめなサービスが「イキツケ制作所」です。


★制作を丸投げ!「イキツケ制作所」


 イキツケ制作所の特徴として、プロのデザイナーとコミュニケーションが取りやすい点があります。

 無料のチャットツール「chatwork」を利用してデザインに関する打ち合わせをすることができ、詳細な要件でも適宜伝えることが可能です。

 月額料金でデザインからコーディング、イラストや撮影など、さまざまなサービスを受けることができます。

 また、各デザイナーはウェブ解析士の資格を保有しており、Webマーケティングに関する知識を身に付けています。

 デザインとマーケティング両方の視点から、最適なバナーデザインを提案してくれる点で、強い味方になってくれるはずです。

▽「イキツケ制作所」の資料はコチラ
https://www.tsuhannews.jp/documents/detail/180


バナーの成果を高める一工夫


 バナーデザインの成果を高めるためには、PDCAサイクルを早く回すことが大切です。

 他社が公開しているバナーデザインを分析し、どの配色が有効か、サイズはどの大きさが1番効果が出ているのか調査することで、自社に最適なバナーデザインを作ることができます。

 しかし、この段階では担当者の主観的な視点となっているため、試しに実施し、ユーザーの反応を確認することが必要です。

 この効果測定に最適な手法として「ABテスト」があります。

 ABテストとは、バナー広告を2パターン用意し、同時に公開してどちらがより良い効果を出せるのか検証する方法です。

 このABテストは、手動でも行うことは可能ですが、専用のツールを使うことで費用や時間を短縮することができます。

▽参考記事


★ABテストをするなら「Butterfly」

 現在は多種多様なツールが提供されていますが、おすすめツールの1つとして「Butterfly」をご紹介します。

 Butterflyでは、ツール内でABテストのページを作成することができます。

 また、HTMLといった専門的な知識がない方でも簡単にABテストを実施できるため、初めて導入する方におすすめです。

 ほかにも複数ページを同時にテストすることができ、効率の良いマーケティング施策を行えます。

 当サイトでは、Butterflyに関するサービス資料を掲載しています。

 無料でダウンロードできるので、ぜひご覧ください。

▽「Butterfly」の資料はコチラ


バナーデザインについてまとめ


 バナーデザインを活用することで、他サイトから自社サービスへの誘導を促進することができます。

 また、サービス内容が分かりやすく目立つデザインのバナーを設置することで、サービスの認知拡大を目指すことが可能です。

 これからバナーデザインを検討する方は、まずはウェブ上に既出のデザインを参考にして知識を深めると良いでしょう。

 現在はさまざまなバナーデザインが公開されており、参考サイトも豊富です。

 どのような色を使っているのか、サイズはどのようにしているのか確認することで、ヒントを得ることができます。

バナーデザイン関連の記事


 当サイトでは、バナーデザインに関する記事を掲載しています。

 バナーデザインの導入事例や知識をくわしく知りたい方は、以下のリンクよりご覧ください。


ログイン/会員登録

通販通信ECMO(エクモ)会員
ログイン

パスワードをお忘れの方へ

資料掲載企業ログイン

パスワードをお忘れの方へ

ダウンロードするにはログインが必要です。

旧「通販通信」サイトの会員情報では通販通信ECMO(エクモ)会員としてログインできません

パスワードをお忘れの方へ
会員登録されてない方 通販通信ECMO(エクモ)会員
(無料登録)

「資料掲載企業アカウント」では個別資料のダウンロードはできません
上記(無料登録)をクリックして登録してください。

※旧「ECマッチング」サイトの「ECマッチング会員(ECサイト運営者)の会員情報は、そのまま通販通信ECMO(エクモ)会員としてご利用いただけます。

イベント・セミナー予約するにはログインが必要です。

旧「通販通信」サイトの会員情報では通販通信ECMO(エクモ)会員としてログインできません

パスワードをお忘れの方へ
会員登録されてない方 通販通信ECMO(エクモ)会員
(無料登録)

「資料掲載企業アカウント」ではイベント・セミナー予約はできません。上記(無料登録)をクリックして登録して下さい。
※旧「ECマッチング」サイトの「ECマッチング会員(ECサイト運営者)の会員情報は、そのまま通販通信ECMO(エクモ)会員としてご利用いただけます。

記事の続きを読むにはログインが必要です。

旧「通販通信」サイトの会員情報では通販通信ECMO(エクモ)会員としてログインできません

パスワードをお忘れの方へ
会員登録されてない方 通販通信ECMO(エクモ)会員
(無料登録)

「資料掲載企業アカウント」では記事の全文閲覧はできません。上記(無料登録)をクリックして登録して下さい。
※旧「ECマッチング」サイトの「ECマッチング会員(ECサイト運営者)の会員情報は、そのまま通販通信ECMO(エクモ)会員としてご利用いただけます。