menu

コントラストやトーン&マナーを工夫してさらに効果を高める、バナー作成のコツ

制作

動画などさまざまなメディアが発達した今でも、Webサイトにおけるバナーの重要性に変わりはありません。必要以上に時間をかけず効果的なバナーを作成するためには、まずレイアウトと配色を切り離して考え、情報は優先度の高い順に左上から配置。文字数はレスポンシブデザインなども考慮して、できるだけ少なく抑えるのが大切なポイントです。

さらにそれらに加えて、文字と背景のコントラストや、デザイン、ランディングページとの整合性などを工夫することによって、さらに効果の高いバナーを作成することができます。具体的なポイントをご紹介します。

・コントラストでユーザーの目を引きつける
ユーザーの目を引きつけるためには、文字と背景のコントラストも大切です。濃淡やカラーの組み合わせによって文字情報とビジュアルの両方が引き立つようにするのが基本です。実際制作する際はいくつかのパターンを作成して、ABテストなどを行うのもいいかもしれません。

・掲載ページのデザインやブランドイメージとの相性にも注意
バナー作成で意外と見落とされがちなのが、バナーを掲載するWebページのデザインやブランドイメージとの相性です。バナーに盛り込む情報やデザインをいくら工夫しても、それがWebページなかで埋もれしまえばクリック率は低下しますし、企業イメージと合わないバナーはユーザーに混乱を与えます。

企業のイメージ戦略で成功しているといわれるコカ・コーラや無印良品のWebサイトでは、バナーとWebサイトのデザインに一貫して整合性を持たせ、さらにブランドイメージに合った文言や情報をバナーに盛り込むことで、ユーザーにインパクトと安心感の両方を与えています。バナーの制作にあたっては、こうしたWebサイトを参考にしてみるのもいいかもしれません。

・ランディングページと整合性を持たせる
バナー制作ではデザインやキャッチコピーだけでなく、ランディングページとの整合性も大切な要素です。申し込み・予約ページなどへ誘導するバナーの場合、リンク先ページのユーザーの目に付きやすい箇所に申し込み・予約ボタンを配置する必要があります。

またバナーのトーン&マナーとランディングページのデザインがあまりにも異なる場合は、ユーザーに混乱させて離脱を招くだけでなく、企業への信頼感という点でも大きなマイナスになるので注意が必要です。

Web制作に関するご依頼、ご相談、お見積はこちら

小野 良勝

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

対策の「数」からコンテンツの「質」への価値転換

顕在ターゲット層を取り込む「リマーケティング広告」

関連記事

  1. ユーザーに声をヒントにWebサイトを改善。手軽に利用できるアンケ…

    Webサイトの効果を示すデータは大きく2つに分けられます。1つはアクセス数やクリック率(CTR)、コ…

  2. ランディングページ制作に携わるなら知っておきたい、行動心理学の4…

    訪問したユーザーを納得させ、具体的なアクションに導くことが求められるランディングページ制作。Webデ…

  3. クライアントを納得させるWebデザイン制作&プレゼンのコツ_前編…

    「デザイン、レイアウトは自信があるけど、クライアントにきちんと伝わるか不安‥」、「時間の限られたプレ…

  4. 「アイコン化」が進むユーザーコミュニケーションとWebサイト

    MMD研究所が2015年に行ったリサーチによれば、日本国内のスマートフォーンユーザーの半数以上が1日…

  5. Webサイトのコンテンツをどう見せるか。共有・拡散されやすい3つ…

    Webサイトのコンテンツは内容に加えて「どう見せるか」、「どう届けるか」という視点も非常に大切です。…

  6. 誰でも簡単にインフォグラフィックを作成できる無料ツール

    数値とイラスト、図形、グラフなどを組み合わせビジュアル化することによって、複雑な情報も直感的に伝える…

  7. 日常的に使うPhotoshopだからこそ知っておきたい、初期設定…

    画像のレタッチやリサイズなど、Webディレクター業務でも何かと使う機会の多いPhotoshop。Ph…

  8. Webサイトに動画コンテンツを取り入れるメリット&実際の制作費

    Youtubeをはじめとした動画配信プラットフォームが普及し、スマートフォンで場所・時間を問わず動画…

PICKUP

PAGE TOP