バナー作成は副業やフリーランスにできる？実際の案件相場も徹底解説

バナー制作におけるバナーとは？

バナーとは、Webサイトなどで広告やメニューボタンとして利用されていることが特徴です。縦長のものや正方形のものなど、目的に合わせてさまざまな大きさと形があります。多くのバナーがリンク付きとなっており、消費者をサイトや商品に誘導することを目的として設置されます。

Webサイトのイメージに合わせて、カラフルなものやシンプルなものなど、幅広いデザインのバナーが制作されています。そのため、バナーを制作する前に、クライアントが持つイメージを汲み取ることが重要です。

バナーの種類とサイズ

バナーには、主に以下の種類とサイズがあります。

• Google広告バナー（250×250px/300×600px）
• Yahoo!広告バナー（600×500px/1200×628px）
• Instagram広告バナー（アスペクト比が9:16）
• LINE広告バナー（アスペクト比が1.91:1）
• Twitter広告バナー（アスペクト比が1.91:1）

上記のサイズのほかにも、幅広いサイズが存在します。

目を引くバナーの特徴とは？

消費者の目を引き付けるバナーには、以下のような特長があります。

• 情報を詰め込みすぎない
• キャッチコピーは単純明快に
• 訴求力がある写真やイラストを使用する
• テキストの可読性が良い
• フォントと配色で印象をアップする

バナーを制作する際には、消費者目線に立って制作することが大切。魅力的な写真やイラストを用意できたら、キャッチコピーが伝わりやすいようフォントの色やサイズなども工夫したいですね。

クリックされる画像づくりという意味では、YouTubeのサムネイルにも同じ考え方が使えます。

「YouTubeのサムネイルの作り方は？無料ツールも徹底解説」で作り方を解説しています。

バナーの制作時間目安は？

副業としてバナー制作に取り組む場合、収入を考えるうえでも「1本どのくらいの時間で作れるのか？」という点は気になるところかと思います。バナー制作の所要時間の目安について、詳しく見ていきましょう。

制作時間の目安は30分〜1時間

バナー制作1本あたりにかかる時間は、30分〜1時間が一般的といわれています。制作経験の浅い初心者の場合には、2〜3時間と長くかかってしまうこともあるでしょう。

もちろん、バナー制作に精通した人であっても、以下のようなケースでは作成に時間を要してしまう可能性もゼロではありません。

• サイズが大きめで情報量の多いバナーを作成する場合
• 文字の読みやすさやデザインなどにこだわる場合　etc...

最終的には作業の内容や作成者のスキルによるところが大きいので、作成時間であまり一喜一憂することなく、あくまで参考程度に捉えておくといいでしょう。

バナー制作のスピードを上げるためには？

バナー制作のスピードを上げるためには、以下のポイントを抑えておく必要があります。

• デザインのストックをためておく
• 必要な情報を洗い出す
• 始めにレイアウトを決めておく
• ショートカットキーを活用する

手早くバナーを制作するためには、デザインのストックをためておくことが大切なポイントです。幅広いバナーのデザインに触れることで、アイディアも広がりやすくなるでしょう。

製作時間の目安やスピードを上げる方法を知ることで、時給がいくらくらいになるのかをイメージしやすくなります。

バナー制作の料金相場

バナーの制作料金は、サイズと種類の2つの観点によって決まってきます。まずサイズごとの料金相場をまとめると以下の通り。


対して、バナーの種類別の料金相場は、次のようになります。


一口に「バナー」とは言ってもこれだけの種類があること、そして料金にも大きな差があることは覚えておくといいでしょう。

最も一般的な「静止画バナー」でも1本あたり10,000円程度稼げる可能性があると考えると、バナー制作は副業として十分取り組む価値のある仕事だということが分かりますね。

下記記事では、フリーランスWebデザイナーの仕事の取り方について解説しています。

「もっとバナー制作の仕事を引き受けたい」「案件数を増やしたい」と考えている方は、ぜひチェックしてみてください。

フリーランスWebデザイナーの仕事の取り方5選！案件獲得率を高めるコツも紹介

クラウドワークスのバナー制作案件相場

ここでは、バナー制作のクラウドワークスの案件相場について説明します。

SNS広告用バナー制作

出典：クラウドワークス
SNS広告用バナー制作は、報酬が5,000～10,000円となっています。業務内容は、脱毛に関するInstagram向けバナー3種類を制作します。応募条件として、Illustratorとチャットワークを使用できることが挙げられます。

ネットショップ商品バナー制作

出典：クラウドワークス
ネットショップ商品バナー制作は、報酬が1点あたり40円となっています。「未経験者可」の案件となっており、Photoshopが扱えれば簡単に制作できることが特徴です。そのため、バナー制作の案件に初めて携わりたいと考える人に向いている案件だといえるでしょう。

バナー作成・サイトデザイン・コーディング

出典：クラウドワークス
バナー制作・サイトデザイン・コーディングは、報酬が2,500円となっています。制作するバナーのサイズは1080×1080pxで、30～40代女性がターゲットとなっています。ただし、コンペ形式となっているため、バナーを制作しても選ばれない可能性もあるため注意しましょう。

バナーから一歩進んで、1ページまるごと任されるLP制作に挑戦する道もあります。

「LP制作は副業やフリーランスにできる？案件相場も徹底解説」で単価の目安を確認できます。

ランサーズのバナー制作案件相場

ここでは、バナー制作におけるランサーズの案件相場を説明します。

GDN、YDN用の画像バナー制作

出典：ランサーズ
GDN・YDNの画像バナー制作は、報酬が11,000円です。コンペ形式となっており、父の日ギフトである馬刺しに関するバナー作成を行います。なお、1200×628px、960×400px、300×300pxの3サイズ作成する必要があります。

納品時のファイルサイズは150KB以下と定められているため、ファイルサイズを念頭に置き、制作することが重要です。

海外部品メーカー紹介サイト用のヘッダー・メニュー用のバナー制作

出典：ランサーズ
海外部品メーカー紹介サイトのヘッダーとメニュー用バナー4点の制作は、報酬が25,000円です。ヘッダーにはコネクション数を記載し、メニュー用バナーには、会社概要や取り扱いメーカー、ニュースや問い合わせなどの内容を盛り込む必要があります。

なお、バナーのサイズについては、「制作者側から最適なサイズを提案してほしい」との要望もあります。

キャンペーンバナー制作

出典：ランサーズ
キャンペーン系のバナー制作2点は、報酬が5,000～10,000円です。バナーは、文字を中心としたポップなデザインを制作する必要があります。サイズは、PC用サイズの1920×350pxとSP用サイズの840×350pxです。

ただし、4K解像度でも画像が鮮明になるよう、上記の2倍のサイズで納品することが条件とされています。

バナー制作あり！副業・フリーランスクリエイター向け案件サイトおすすめ3選

バナー制作や画像編集のスキルを活かしてフリーランスを目指したい人は、フリーランスクリエイター向け案件サイトへの登録も検討してみましょう。

また、下記記事では、Webデザイン副業の始め方も解説しています。

副業を始めたいと考えている人は、下記記事も参考にしてみてください。

Webデザインで副業！始め方を初心者向けに徹底解説・案件も紹介

レバテッククリエイター

出典：レバテッククリエイター
レバテッククリエイターでは個人では獲得しにくい案件や業界の動向に合った最新の案件を紹介しています。「案件相場が高い分野を見つけたい」「自分からは言い出しにくい単価交渉を任せたい」など、フリーランスならではのあらゆる悩みや不安を専門コーディネーターに相談することも可能です。

バナー制作にまつわる求人としてはソーシャルゲームやWeb広告媒体、SNS運用などさまざまな分野での案件が随時提示されています。比較的案件相場が高いWebデザイナーやイラストレーター、グラフィックデザイナーといったカテゴリから求人を探すこともできるので、幅広いフリーランス業務を知るきっかけにもなるでしょう。

デザイン業界の動向やバナー制作スキルの需要などを分析することができる「レバテックプラットフォーム」を利用できるので、自分の市場価値を知りたいという人にもおすすめです。

バナー制作スキルも身につくWebデザインスクール3選

Webデザインの基本として扱われることの多いバナー制作ですが、未経験から独学で身につけるのは簡単なことではありません。「最短で仕事を受注していきたい」という方は、スクールを活用するのも効果的でしょう。ここでは、バナー制作スキル習得におすすめのWebデザインスクールをご紹介します。

デジタルハリウッド STUDIO by LIG

9万人以上のクリエイターを輩出してきた「デジタルハリウッド社」のカリキュラムでデザインスキルを学べるのが「デジタルハリウッド STUDIO by LIG」です。

運営する「株式会社LIG」自体がWeb制作会社であるため、プロのクリエイターから直接指導を受けられるのが魅力。実務を知り尽くした現役クリエイターだからこそわかる独自のノウハウを、特等席で学ぶことができるのです。

デジタルハリウッドSTUDIOは、目標に合わせた豊富なプランが用意されている点もポイント。「きっちり学んで転職や独立を目指していきたい」「まずは副業レベルから身につけたい」「仕事と家庭を両立したい」といった一人ひとりの悩みに寄り添いつつ、目指すキャリアまでしっかり導いてくれますよ。

侍エンジニア

侍エンジニアのWebデザイナー転職コースは、未経験からWebデザインとWebサイト制作を学べるオンラインスクールです。

入学から卒業まで現役Webデザイナーが専属インストラクターを務め、マンツーマンで学習を支援します。

学習コーチや24時間利用できるQ&A掲示板も用意されており、疑問を解消しながら進めやすい環境です。

カリキュラムでは、Photoshopによる画像加工やFigmaを使ったデザイン制作、HTML・CSSによるコーディング、WordPressによるサイト構築などを学習します。

画像編集やレイアウト、配色などのスキルを身につけられるため、Webサイトだけでなくバナー制作にも活かせるでしょう。

教材に沿った制作だけでなく、企画や設計から取り組むオリジナルWebサイトの作成を重視しており、完成作品は転職活動や案件獲得時のポートフォリオにも使用できます。

履歴書・職務経歴書の添削や企業別の面接対策など、卒業後の就職・転職支援も受けられます。

ZeroPlus Gate

ZeroPlus Gateは、30日間でWebデザインやWeb制作の基礎を学べる、未経験者向けのオンラインスクールです。

通常98,000円の受講料を毎月先着制で無料としており、年齢や転職の有無を問わず受講できます。

1本約10分の動画教材を使い、時間や場所を選ばず自分のペースで学習できる点が特徴です。

カリキュラムでは、Webデザインの基礎に加え、HTML・CSSやJavaScript、WordPressの使い方などを学びます。

30日間で4種類の基本的なWebサイトを制作するため、デザインとコーディングの流れを実践的に理解できます。

PhotoshopやFigmaなどのデザインソフトを専門的に学ぶ講座ではありませんが、Webページのレイアウトや配色、見せ方を学び、バナー制作にも応用できるデザインの基礎を身につけたい方に適しています。

プロ講師への質問は回数無制限で、専属メンターとの学習サポート面談も最大4回受けられるため、費用を抑えてWeb制作が自分に合うか試したい初心者におすすめです。

バナー制作の順序

バナー制作は、おおよそ以下のような順序で行なわれます。

• 1．目標設定: バナーを作成する目的を明確にする
  途中で方向性がぶれないように軸を決めておく。製品の売上UP、Webサイトへのトラフィック増加、ブランド認知度の向上など
• 2．デザインコンセプトの作成
  バナーに用いる色・フォント・画像・レイアウトなどをまとめたデザインコンセプトを作成する。チームで一つの方向に向いて作成していける指針を設ける
• 3．コンテンツの作成
  バナーに必要となる情報を全て拾い上げ、テキストや画像にする。伝えたい内容が欠けていないか要確認。
• 4．デザインの実装
  2、3の情報を元にバナーをデザインしていく。最初はコンテンツを仮置きしてレイアウトを練り、定まったら細部に手を加えていき完成。
• 5．テストと改善
  完成したバナーを実際に運用し、1で定めた目標達成に貢献できているかをテストする。異なるデザインのバナーとA/Bテストしたり、CTR(クリックされた割合)を追跡したりして、随時改善していく。

いきなりデザインの実装から取り掛かってしまう人も少なくないかと思います。しかし目標やコンセプトが明確でないと、仕上がりに統一感がなくなったり、せっかく作ったバナーが全く機能しなかったりと、散々な結果にもなりかねません。バナーは完成してゴールではなく、望む成果を達成することが最重要事項だということを理解して、制作前の事前準備を徹底することが大切です。

無料バナー制作ツールのおすすめ

バナー制作は、無料のアプリやツール利用によって、魅力的なバナーを数分で作成することができます。本項目では、バナー制作におすすめの無料作成ツールを紹介します。

Canva

Canvaは、無料で画像を加工できる便利なツールです。Canvaはパソコンからも利用できますが、携帯アプリからも作成可能なので、パソコンを所持していない方でも使用可能です。バナー制作に便利なデザインを無料で利用できるので、簡単かつオシャレなバナーを作成したい方におすすめです。

関連サイト:Canva

Pixlr Editor

Pixlr Editorは、画像編集ができる無料画像編集ツールです。画像の回転・反転、トリミング、リサイズ、色調・明るさ補正などの機能を利用することで、簡単にバナーを作成できます。ソフトのインストールなしで利用できるので、気軽に利用したい方にもおすすめです。

関連サイト:Pixlr Editor

 バナー工房

バナー工房は、会員登録・ソフトのインストールといった面倒な作業が一切ない、クラウドベースのオンライン画像編集サイトです。作成できる画像のサイズや容量に一部制限が設けられているという欠点はあるものの、トリミングやテキスト挿入・塗りつぶしなど、バナー制作に最低限必要な機能が揃っています。非常にシンプルなUIとなっており、画像編集に関する知識を身につけずとも直感的に使えるはず。

関連サイト：バナー工房

バナー制作時の注意点

Webデザインの基礎とも言えるバナー制作ですが、作成にあたって気を付けるべきポイントはたくさんあります。以下のような注意点に考慮して、より効果的なバナーに仕上げましょう。

• 作成の目的とターゲットは明確になっているか
• 画像やテキストなどの各要素に誤りはないか。コンセプトからずれていないか
• 見た人に情報が簡潔かつ正確に伝わる、シンプルなデザインになっているか
• 見た人が次のアクションに自然と移っていけるよう、適切な文言が盛り込んであるか
• ブランドのイメージと一貫性のある色・ロゴ・フォントなどが反映されているか　etc…

バナー制作は単調な作業ということもあり、ちょっと慣れてくると手癖がついたり、面白みのないレイアウトになったりしてしまいがち。自分の作成したバナーに対して「いまいち言いたいことが伝わっていないな…」と違和感を感じたら、ここで挙げたようなポイントに即しているかを今一度考えてみましょう。たかがバナー1個と手を抜くことなく、見てくれるユーザーのことを第一に考え、心を込めて制作するようにしたいところですね。

本章で紹介しているバナー制作の注意点は、フリーランスWebデザイナーとして活躍する際にも意識したいポイントです。

下記記事では、フリーランスWebデザイナーの実情やリアルな年収などを解説しています。

バナー制作を足掛かりに、フリーランスとして独立したいと考えている方は、ぜひ下記記事も併せて一読しておきましょう。

フリーランスWebデザイナーとして独立は可能？案件の単価相場も解説
フリーランスWebデザイナーは厳しい？リアルな年収も解説

バナー制作副業まとめ

クラウドソーシングの案件相場を把握したうえで、バナー制作の案件を受注したいですね。案件によっては、複数のバナーを納品する必要があることも。そのため、バナーの点数と報酬のバランスを考慮することが大切です。

バナー制作の作業に慣れてくると、短時間で多くのバナーを納品できるようになるでしょう。バナーの制作スピードを上げるポイントを理解したうえで、バナー制作に慣れていきたいですね。本格的にバナー制作を学びたい場合には、プログラミングスクールなどを利用して正しい知識を学ぶこともおすすめです。