バナーデザインの参考にしたいサイトまとめ！ホームページや広告に活用しよう！

更新日: 2020年09月09日

マイページにお気に入り

バナーデザインの難しさは、単純に綺麗なバナーをデザインすればいいわけではないところにあります。ユーザーが興味を持ち、クリックしてこそバナーの存在意義があるからです。そんな奥深いバナーデザインの参考になるサイトをまとめました。

デザインの参考にしたり、被っていないかを調べたりするためにご活用ください。

Webマーケティングのeラーニングサービス「ferret Learning」でデジタルに強い組織に

【無料トライアルあり】動画でページ改善からサイト解析まで学ぶ！Webマーケター育成サービス「ferret Learning」

約300の動画授業でWebマーケティングスキルアップ！学習進捗管理や演習機能、理解度の見える化機能などの学習支援機能を多数搭載

公式サイトはこちら

リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。

資料をダウンロード

テイスト別に検索できるサイト

バナーまとめサイトの多くが、色・サイズ・業種といったカテゴリで検索することができますが、テイスト別でも検索できるサイトを最初にご紹介します。

Banner Matome

登録件数は日本で1番多く、17100件以上登録されています。

検索条件も色や業種のみならず、「テキスト風」「イラスト風」といった表現でも検索することができるので、考えているイメージに近いバナーを探すことができるのではないでしょうか。

Retrobanner

Retrobanner
7500件近くのバナーが登録されています。ページ下部の検索ボタンを利用することで、サイズ・カラー・業種に加えて、「個性的」「シンプル」などのテイスト別にも探すことができます。

バナーが整列されていてみやすく、カーソルをバナーの上に持ってくると原寸大に拡大表示するという地味に便利な機能もあります。

Pinterest（ピンタレスト）

バナー専門のサイトではありませんが、画像共有SNSであるPinterestもバナーの参考になります。気になるキーワードで検索すれば、そのテイストの画像がたくさん閲覧できるため、目を引くデザインを見つけやすいでしょう。

2,000件以上登録されているバナーまとめサイト

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

バナーデザインアーカイブ
2116件のバナーが登録されているサイトです。サイズ・色・業種で検索することができます。

画像がスクロールに応じて読み込まれるので、シームレスにバナーを閲覧することができます。

banner gallery

banner gallery
現在、3,024種類のバナーが登録されているサイト。カラー・業種・サイズ別でバナーを閲覧することができます。

海外のバナーを検索できるサイト

MOAT

ブランド別にしか検索できませんが、ブランドによっては1万件近くのバナーが閲覧できるサイトです。

検索した際に画面右上にRelated Brands（関連するブランド）が表示されるのも、同じ業種のバナーを参考にする上で便利です。

banner inspiration

サイズ・タグ・カテゴリ別に検索できるものの、登録数があまり多くありません。

web banner gallery

web banner gallery
海外のバナーギャラリーサイト。小さいサイズの画像しかありません。

Banner Report

海外のバナーを数万件ほど閲覧できるサイト。サイズ別に検索することができま。

多くのバナーを参考にして、効果的なバナーデザインを！

普段は一覧して見る機会がないバナーをまとめて見ることで、参考になることもあるでしょう。

バナーは実際のページに配置されて、初めて意味を持つデザインです。多くのデザインを参考にしてユーザーとの距離を縮められるバナーを作成しましょう。

▼ディレクターとデザイナーで読みたい資料

マーケ思考のデザイナーは強い！提案型デザイナーのススメ

資料をダウンロード

クリックされるバナー作成のコツ

ユーザーの「信頼感」を高めて効果アップ！クリックしたくなるクリエイティブの作り方とは？

広告クリエイティブに関わる方は、日々クリエイティブの改善に励んでいることかと思います。今回はWebクリエイティブプロダクションである株式会社インフォデックスが、バナーのデザインやコピーについて意識調査を実施した結果を元に、クリックしたくなるクリエイティブを作成するコツを紹介します。

たった30分！？イケてるバナーを作るための8ステップ大公開

バナーを制作する際、思った以上に時間がかかってしまったということがあるのではないでしょうか。バナー制作の場合、作業工程を曖昧にしてから実際の作業に入ってしまうと、途中やり直したくなることもあるため、何回も似た作業の繰り返しになってしまいます。あらかじめ作業工程を決定させることで、やり直しの少ない工程で作業を進めていくことが可能です。