接客・制作2014.3.18(最終更新日:2017.6.9)勝てるバナーレイアウト20選!│レイアウトに悩んだ時の虎の巻TweetPocket「今までのバナーとは大きく異なる新しいバナーを作ろう!」、そんなシチュエーションにピッタリな成果を出せるバナーのテンプレートを、広告代理店でバナーを作成している私が作ってみました。バナーのレイアウトでお悩みの方も、そうでない方も、イメージを膨らませたり、いざという時のためにストックしたり、自由に活用して頂ければと思います。悩んだらまずは最強のベーシック型ベーシックに負けない3つの王道レイアウト商品の見た目に自信があるなら写真メイン型レイアウト複数商品やカラーバリエーションが豊富ならバリエーション型レイアウトブランド力が高い場合にはブランドロゴを押し出したレイアウト漫画・イラスト型レイアウトその他珍しいバナーレイアウトまとめ悩んだらまずは最強のベーシック型コピー・訴求文・写真などをバランス良く盛り込み、情報量が多いレイアウト。バナーの時点で多くの情報を伝えられるため、飛び先との整合性が高いことが特徴です。珍しさやインパクトにかけるので、似たようなバナーにまぎれると埋もれてしまう恐れがあります。ベーシック型バナーレイアウトベーシック型バナーサンプルベーシックに負けない3つの王道レイアウト同じバナーを出し続けているとユーザはマンネリを感じてしまいます。そこで、ベーシック型レイアウトと並んで王道とも言える3つのレイアウトをご紹介します。記事風は、所謂「広告」という感じではないので、視認性が高く、多くの情報を盛り込めるレイアウトです。その反面、文字の可読性が低いことが弱点です。記事風バナーレイアウト記事風バナーサンプル記事風の亜種として、「つぶやき風」や、「検索結果風」などのバナーも見受けられます。余計な要素をそぎ落とし、キャッチコピーで勝負するレイアウト。伝えたいことを伝えやすいというメリットがある半面、画像等がないのでパッと見なんの商品の広告なのかが視覚的にわかりづらい。キャッチコピー型バナーレイアウトキャッチコピー型バナーサンプルキャッチコピー型レイアウトの延長として、数字を強調することでキャッチーな印象のバナーもよく見受けられます。数字強調型バナーレイアウト数字強調型バナーサンプル手書き型レイアウト似たような字体の多い広告の中での手書き文字やイラストはイレギュラーな存在であり、視認性が高い。可愛らしさや優しさ、親しみやすさ、面白さ等が求められる場合は、イラストのほうが写真よりも相応しいケースが多い。文字の可読性が低かったり、写真ならではのクリームのテクスチャなどが伝わらないという弱点がある。手書き型バナーレイアウト全て手書き型バナーサンプル手書き型レイアウトの亜種として、一部分だけを手書きにすることで、可読性と温かみのバランスをとっているレイアウトも人気です。手書き型バナーサンプル商品の見た目に自信があるなら写真メイン型レイアウト言葉よりも見た目にインパクトのある、スタイリッシュな商品や、食品などは、視覚に訴える写真メイン型のレイアウトをおすすめします。「百聞は一見にしかず」です。写真を活かすには訴求文を盛り込む事が難しいので、多くのことを訴求することが難しいことが弱点です。写真型バナーレイアウト写真型バナーサンプル写真メイン型レイアウトの亜種として、ビルや化粧品など商品が縦長の場合には、縦真っ二つに区切ったバナーレイアウトも人気です。縦型写真バナーレイアウト縦型写真バナーサンプル他にも訴求文を全く記載しない、イメージのみに振り切ったバナーもちらほら見かけます訴求文なしバナーレイアウト訴求文なしバナーレイアウト複数商品やカラーバリエーションが豊富ならバリエーション型レイアウト商品数や、カラーバリエーションを訴求するには、「●種類」と記載することも重要ですが、写真を並べて視覚的に訴求することで、パッと見で理解できる広告となります。反面、各商品の画像サイズが小さくなってしまうという弱点があります。バリエーション型バナーレイアウトバリエーション型バナーサンプルバリエーション型レイアウトの亜種として、ターゲットユーザのイメージを並べるレイアウトもあります。複数ターゲット型バナーレイアウト複数ターゲット型バナーサンプルブランド力が高い場合にはブランドロゴを押し出したレイアウトブランド力が高い場合には、商品そのものの画像を使用するよりも、ブランドロゴを押し出す方が強い場合があります。これはユーザが「Aブランドの」商品を欲しているからです。逆にユーザがブランド関係なく特定の商品を欲している場合には、ブランドロゴよりもその商品に反応するため、一長一短のレイアウトと言えます。ブランド強調型バナーレイアウトブランド強調型バナーサンプルブランド力のある企業のロゴはそれだけでパワフルなので、小出にしてコピーと絡める形も人気です。ロゴ&訴求文型バナーレイアウトロゴ&訴求文型バナーサンプルブランドロゴの代わりに、知名度の高い芸能人をチョイ出しするレイアウトもあります。芸能人チョイ出し型バナーレイアウト芸能人チョイ出し型バナーサンプル漫画・イラスト型レイアウト漫画やイラストで構成されたインパクト重視のレイアウトパターン。こちらも手書き型レイアウト同様に、広告らしい広告にまぎれても埋もれないインパクトがある半面、パッと見でなんの商品やサービスなのかがわからないという弱点がある。漫画・イラスト型バナーレイアウト漫画・イラスト型バナーサンプル漫画・イラスト型の亜種として、写真やテキストの可読性を下げずにインパクトを押し出す効果線型レイアウトもある。効果線型バナーレイアウト効果線型バナーサンプルその他珍しいバナーレイアウトバナーはクリックされなければ意味がないので、クリック率を高くするための、思わず押したくなるような施策が盛り込んであるバナーも多く見受けられます。クリック率を上げるという事は、見込みの薄いユーザの流入数が増えるということなので、獲得単価は上がる傾向にあります。「商品やサービスは良い(もしくはCVのハードルが低い)のだから、とにかくランディングページやサイトに集客したい」ということであれば、うってつけのものをいくつか紹介します。気になる診断型バナーレイアウト診断型バナーレイアウト診断型バナーサンプルYES/NO自体がボタンになっている亜種もあるYES/NO型バナーレイアウトYES/NO型バナーサンプルまとめバナーには様々なレイアウトがありますが、「誰に何をどう伝えたいか」によってある程度の形が見えてきます。高い成果を出すためには、各企業の商品やサービスがもつ魅力を最大限に伝える事ができるバナーを作る必要があります。その際に、上記のレイアウトを参考にイメージを膨らませていただければと思います。2013年にソウルドアウト株式会社へ入社。UIコンサルとして不動産系サイトのCVR1000%など、幅広い業界のサイト・LPのCVR改善を実施。2014年より自社のリード獲得とLISKULの立ち上げを経て、中小企業のマーケティング領域を総合支援。2018年よりLISKULを運営。LISKULについて検索:。