Eggs of Designer

新宿在住の現役WebデザイナーがWeb・デザイン・SEO・アフィリエイト・ダイエット・生活・人生などについて気ままに語ります。

【保存版】バナー制作の参考サイトまとめ!効果が出る・成約につながるバナー制作を

web制作関連

フリーランスで仕事が欲しいならここ

   

NKJ56_syanainoturikawa500-thumb-750x500-2902

ホームページやランディングページの中身が充実していても、入り口であるバナーが微妙だとサイトに辿り着く前に離脱されてしまいます。ユーザーをサイトに誘導できるか否かはバナー次第と言っても過言ではありません。

デザイナー(ディレクター・営業)はデザインはもちろん、キャッチコピーや配色、レイアウト、飛び先との整合性など・・・様々な視点で「ユーザーがクリックしたくなる」バナーを考える必要があります。特に広告費をかけている場合のバナー制作は注意が必要です。リスティング広告やDSP広告アフィリエイト広告は高額な広告費が発生しており、バナーがクリックされないことが理由で売上げが上がらず広告費を無駄にしたとなると、制作したデザイナーや構成を考えたディレクターの責任となってしまうので….。300px_250pxの限られたスペースで結果を求められるわけですから責任は重大ですよね(笑)。

バナー制作で参考にしているサイト

アフィリエイトやDSP広告出稿にあたってバナーを作りたいという依頼が結構あります。バナー制作はおしゃれでかっこいいというより、成果や結果が求められるので結構悩みますよね。そんな時に参考にしているサイトを紹介します。

Retro banner(レトロバナー)

rbホームページ

特徴

  • 掲載バナー数は日本最大級の5,000超え(2015年9月時点)
  • サイズ、色、業種、テイスト別で検索可能
  • 選択したバナーに使われている色が表示してくれる機能あり
  • シンプルなUIで使いやすい

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

bdaホームページ

特徴

  • バナー数2,000以上
  • サイズ、色、業種、フリーワードで検索可能
  • スクロールするとどんどんバナーが表示される
  • SNSでのシェア数がどんどん伸びている

banner_linksホームページ

特徴

  • サイズ、色、カテゴリーで検索可能
  • 無駄な情報がなく、シンプルな作り
  • サイズ項目が他のサイトと比べると少ない

バナーデザインデータベース

dbホームページ

特徴

  • ホームページ作成AKAIRO株式会社が運営
  • タイプ、カラー、テイストなどで検索可能
  • バナー以外にもボタンやタイトル部分のデザインも豊富
  • 少し見づらいのが難点

バナーデザインギャラリー

bdgホームページ

特徴

  • サイズ別、カラー別、地域別で検索可能
  • 新着順、人気順、ランダム順に表示切替可能
  • バナーに使われてるカラーも参照できる
  • 一般ユーザーからの投稿で成り立っている

バナーまとめ

matomeホームページ

特徴

  • バナー数は日本一宣言(11,400※2015年9月時点)
  • 色、業種、表現別に検索可能
  • バナーとは?など初心者にもわかりやすいコンテンツを用意
  • バナーがタイル状に並んでいる為、見やすい

ブブンデザインアーカイブ

bubunホームページ

特徴

  • 業界別で絞り込みが可能
  • バナーに限らずロゴや各種パーツの参考デザインも充実
  • デザイン数は2511(2015年9月時点)

バナーデザイン一覧

ichiranホームページ

特徴

  • サイズ、カラー別で検索可能
  • サイドバーに日替わりバナーエリアがある
  • 掲載されているバナーがアフィリエイト目的?(笑)

WEB-BANNER-GALLERY

WEB-BANNER-GALLERYホームページ

特徴

  • サイズ、カラー検索が可能です
  • 英語サイト
  • 日本のバナーとまた違ったデザインで参考になります

Croppy

croppyホームページ

特徴

  • バナー以外にも参考物多数
  • 色彩分析機能付き
  • キーワード検索機能あり

バナー制作で役立つ情報

バナー制作に役立つ参考サイトは上記で紹介していますが、デザイン面以外の知識も重要です。例えばレイアウトや配色、キャッチコピーなど…バナー制作はデザイン以外にも重要となる項目がいくつもあります。これから紹介するサイトはバナー制作のデザイン部分以外の点で、役立つと思いますよ。

終わりに

バナー制作は奥が深いです。デザイン次第で会社やお店の売上げ上がるって考えると少しモチベーション上がりますよね。

  関連記事

デザイナーは参考にしよう!オシャレな年賀状まとめ【企業編】

さて、今年も残すところ1ヶ月を切りました。皆さんの2014年はどんな年でしたか? …

jQuery初心者が最初に必要な基礎知識

楽天booksにてWeb制作の現場で使うjQueryデザイン入門を購入しました。 …

効果の高いLP(ランディングページ)を作る為の参考サイト一覧!

クライアントは様々な目的を持ってWebサイト制作を依頼してきます。例えば、商品A …

2015年初売り福袋合戦!正月特設サイトでWebデザインを学ぼう!

2014年ももうすぐ終わりですが何も思い起こす事はありませんか?大掃除や年末ジャ …

話題のLINEクリエイターズスタンプを作ってみた【その4】

LINEスタンプの記事は以前にも紹介(参考)しておりますが今回も僕が作成したLI …

デザインに参考になる面白い広告30選!広告はアイディアが重要!

広告はアイディアが重要です。限られた時間、スペースの中でユーザーの心に残るもので …

【空編】無料で使えるフリー素材特集(空、夕焼け、夜空、星空)

ホームページやフライヤー、ポスターを作成する際に必ず必要となる素材ですが高品質の …

ホームページ制作の流れって?(前編)

ホームページ作成にあたって、お客様との間で必ず打ち合わせを行います。大体のホーム …

【熊・クマ・くま編】デザインの参考に!キャラクターを集めてみた。

たまに「ロゴにキャラクターを入れたい」「サイト内にキャラクターを登場させたい」「 …

【緑色編】ロゴ集めました!企業やサービス、商品のロゴ制作の参考に!

皆さんはロゴを制作する際に何を参考にしていますか?センスやアイディアだけで制作が …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA