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ホームページ

特徴

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

バナー制作で役立つ情報

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

終わりに

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

  関連記事

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

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

【配色】おすすめ配色ツール・カラーチャートで美しい色選択を!

Webデザイナーとしてホームページやバナーなどを制作しているのですが、どうしても …

Webデザイナーにおすすめのブログ集!Webデザインの参考にどうぞ

Webデザインをする際に何かに躓くことってありますよね?「ここのデザインはどうし …

ホームページ制作を業者に依頼する時の注意するべきポイント

Web制作を、業者に頼む人には注意するべきポイントがあります。業者に頼めばホーム …

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

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

【比較】初心者コーダー必見!おすすめの人気のフリーエディタ

エディタって何を使えばいいの?と悩む人は少なくありません。実際僕もかなり迷いまし …

ロゴ制作に役立つ情報。企業ロゴに隠された意味・秘密・狙い【PCメーカー編】

企業ロゴを見渡すととてもユニークな物が多いです。デザイナーはセンスだけでデザイン …

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

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

おすすめのフリー素材サイト(写真、画像、背景、アイコン等)を集めてみた

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

激安・格安ホームページ制作の落とし穴|メリットとデメリット

「制作費●●円でホームページが手に入る」というキャッチコピーで集客をしている制作 …

Message

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

CAPTCHA