バナーデザインお題10個【ポートフォリオ掲載OK】作成の練習にも◎

今日は駆け出しWebデザイナーさんにむけて「バナーデザインのお題」を10個紹介します。

「実績がなくてポートフォリオに載せる作品がない」のに「ポートフォリオがないと案件に応募できない…」

私も3年前、同じように困っていました。

お題を考えるのって意外と手間なので

サクッとこの記事を踏み台に、案件にどんどんチャレンジしていってください＾＾

ハッシュタグや引用は不要です◎気軽に使ってもらえたら嬉しいです。

バナーお題の注意事項

• 著作権は筆者「まめ」にあります。
  コンセプトやキャッチコピーをデザイン作成者が作ったと勘違いさせてしまうような表現はおやめください。
• 使用する画像はフリー素材をお使いください。
  フリー素材以外の画像を無断で使用すると、著作権侵害にあたります。

節度を守ってご活用いただくようお願いいたします☺️

バナーお題を選ぶポイント

 もくじへ戻る

バナー作成の事前準備

バナーサイズ

バナーサイズは各お題に記載していますが、他サイズでも問題ありません。

例えば…同じお題でもリサイズしてみると勉強＋いろんなサイズのバナーが得意！とアピールできていいですよ☺️

↑は「思わずクリックしたくなる バナーデザインのきほん」に記載されているデザインを練習したものです💡

＼ あわせて読みたい ／

 もくじへ戻る

フリー素材

バナーに使用する画像は、フリー素材サイトからダウンロードしてお使いください。

使用する際は各サイトの利用規約にそったご使用をお願いいたします。

オススメのフリー素材サイト

• 写真AC
• Adobe Stock（無料素材あり）

写真素材ダウンロードサイト【写真AC】※無料会員登録はこちら

バナーを作る際のポイント

バナーを作る際のポイントは以下の3つです。

クライアントがポートフォリオを見る際、ただバナーが並んでいるよりも

• このバナーはコンセプトが〇〇だからこういうデザインにしたんだ！
• 制作時間がこのくらいなら納期を確実に守ってもらえそう！
• キャッチコピーを目立たせるためにこういう工夫をしているのか！
• 苦戦したところ（振り返り）も書かれていて、これからの成長も期待できる！

など、デザインへの姿勢もアピールすることができます◎

 もくじへ戻る

バナーお題一覧

それでは、本題「バナーお題一覧」です＾＾

例：１. 保護猫カフェのオープン告知

私が駆け出しの頃にポートフォリオに掲載していたオリジナルバナーのお題です☺️

依頼内容	バナー設置場所：地域の情報サイト ターゲット：30代の女性 イメージ：ベージュをベースに温かみのあるナチュラルな雰囲気 バナーサイズ：336×280（レクタングル）
テキスト	保護猫カフェオープン 4月7日（日）10:00←英語表記でもOK 夢丘駅徒歩1分 20匹以上のかわいい猫がお出迎えします 新しい家族に会いにきてね
画像	室内にいる猫の写真

私が実際に掲載した画像と紹介文↓

コンセプトは「ほっこり」
保護猫カフェは営利目的と猫の支援を両立している場所ということで
来てくれる方に寄り添うようなデザインを心がけました。
制作時間：２時間
制作ツール：Illustrator・Photoshop

２. 占いのオンラインスクールの生徒募集

依頼内容	バナー設置場所：占いブログのサイト ターゲット：20〜30代の女性 イメージ：白を基調に紫やピンクを使用。怪しい感じはNG・爽やかな印象 バナーサイズ：468 × 60px
テキスト	占いオンラインスクール MyFortune（サービス名） 好きを副業に 基礎から実践まで独立するスキルを習得 無料体験レッスンはこちら
画像	女性が微笑んでいる写真

３. 結婚相談所のオンラインイベント申し込み

依頼内容	バナー設置場所：婚活サイト ターゲット：25〜35才の女性 イメージ：ピンクと白をベースに可愛らしいイメージ。フォントは明朝体や筆記体など綺麗めな感じ。 バナーサイズ：300×250
テキスト	Online Bridal House（サービス名） Matching event ゆったり自宅で始める婚活 詳細はこちら 先着20名様 参加者限定特典あり 12月14日土曜日10:00〜12:00
画像	ウエディングドレスを着た女性の写真

４. 英会話塾：短期講習の告知

依頼内容	バナー設置場所：公式サイト ターゲット：25〜40才の女性（小学生の子どもを育てるお母さん） イメージ：楽しそう＋親しみやすい雰囲気・カラフル バナーサイズ：300×250
テキスト	SmileyHappyEnglish 「英語で楽しく話そう」 短期集中レッスン3月12日（金）受付開始 各レッスン８名まで
画像	子どもが笑ってる写真

５. ネイルサロン：定額コースキャンペーン

依頼内容	バナー設置場所：公式サイト ターゲット：20〜30代の女性 イメージ：シンプル・エレガントで落ち着いた印象 バナーサイズ：320×100
テキスト	ジェルネイル定額コース ハーフアート＋ストーンつけ放題 8,900円 サンプルを見てみる（Sample check）
画像	ジェルネイルをしている指先、または施術中の写真

６. ヘアケアの新商品PR

依頼内容	バナー設置場所：公式サイト ターゲット：20〜30代の女性 イメージ：白・緑を使用＋オーガニック/自然。 バナーサイズ：336×280px（レクタングル）
テキスト	MOON TREATMENT（サービス名） 今日から変わる私の髪 7日間分サンプルプレゼント 応募はこちら
画像	女性の写真/ボトル

７. 花屋：母の日のプレゼント

依頼内容	バナー設置場所：公式サイト ターゲット：20〜30代の女性 イメージ：ピンクをキーカラーに、写真が目立つように。大人可愛いシンプルな印象。 バナーサイズ：336×280（レクタングル） *例はサイズが異なります
テキスト	Mother’s Day お花とお菓子のギフトセット 配達日指定のご注文受付は5月8日土曜日23時まで
画像	お花とお菓子の写真

８. 脱毛サロン：お友だち紹介キャンペーン

依頼内容	バナー設置場所：公式サイト ターゲット：20代の女性 イメージ：水色・爽やか（子どもっぽい印象はNG） バナーサイズ：300×250
テキスト	友だち紹介キャンペーン あなたもお友だちも最大20,000円キャッシュバック 夏前に自信の肌へ！ まずは無料カウンセリングから 対象期間：3月1日〜3月31日
画像	女性（２人以上）の写真

９. パスタ専門店：期間限定メニューの告知

依頼内容	バナー設置場所：公式サイト ターゲット：25〜35才のカップル イメージ：落ち着いたイメージ。秋を感じられるといいな。 バナーサイズ：300×250
テキスト	秋の大感謝祭 秋野菜のパスタランチ 旨みたっぷりの絶品ソースと生パスタ、旬の食材を使って今年も再登場しました #大人の隠れ家 #一軒家レストラン #平尾グルメ
画像	パスタの写真

10 . お弁当屋さん：スタッフ求人

依頼内容	バナー設置場所：親会社の公式サイト ターゲット：30〜40代の女性 イメージ：親しみやすい・楽しそうな雰囲気 バナーサイズ：336×280（レクタングル）
テキスト	お弁当のテイクアウト専門店：おてさげ 調理スタッフ募集中 土日休みOK　週２・５時間〜 まかない有り
画像	「調理」を連想できる女性の写真

 もくじへ戻る

バナー作成後のチェック項目

バナーを作りおわったら、以下についてチェックします。

• 必要なテキスト・画像を正確にすべて入れている
• 色覚チェックをしている
• カラーモードはRGBカラーを選択している
• サイズはpxを選択している

デザインのチェック項目（目線の流れや適切なあしらいなど）もありますが、まずはここさえ押さえておけば問題ありません◎

 もくじへ戻る

ポートフォリオサイトがない方はいま作る！

バナーがひとつでも作れたら、ポートフォリオサイトに載せましょう🌸

「ポートフォリオサイトはバナーが10個できてから作ろう」は危ない考えだと思っています…！

「作ったものを元にどんどん営業していく」が 稼げる最短距離ですよ。

ポートフォリオサイトを作ることが目的ではなく、仕事を獲得するための手段なことをお忘れなくです。

作ったら公開→営業→デザインを追加→営業…このループを心掛けると「ずっと勉強で辛い…モチベ下がる…;;」を避けることが可能です！

Canvaに限界を感じている方へ

ここまでバナーお題について書いてきましたが、

と不安に思ったことはありませんか？

正直、Webデザイナーとして稼ぎ続けていきたいならCanvaでは限界があると感じています。

なぜ、Canvaでは限界があるの？

理由は、Canvaは誰でも使えるデザインツールとして開発されているため、細かい調整はできないからです。

例えば…

• 本格的な画像加工/合成ができない
• 文字間の細かい調整機能がない
• クリッピングマスク機能がない

模写やトレースをしたことがある方は、痛感しているのではないでしょうか💦

現役Webデザイナーは仕事でCanvaは使わない？

私自身、Canvaを使った仕事を受けることもあります◎

Instagramのテンプレート制作は、Web系に慣れていないクライアントに納品する際に最適だと思っています。

しかし、ココナラやランサーズの公開依頼では「Canva不可」の案件も増えてきて、逆に「Adobe（Photoshop・Illustrator）で制作」を指定されているクライアントが多い印象です。

Canvaじゃないなら何を使うの？

迷うことなく…「Adobe（アドビ）」です！

Photoshop（フォトショップ）やIllustrator（イラストレーター）はAdobeのツールです💡

世界中のウェブデザイナーが日常業務においてメインのデザインソフトとして採用しています。

収入を増やす（単価を上げていく）ためには、細部までこだわるデザインが求められます。対価に見合ったデザインを納品できなければ、収入は減っていきます…

Webデザイナーとして稼いでいきたいなら、早めにPhotoshopやIllustratorを使い始めるのがオススメです◎

ですが…公式サイトから契約するのはちょっと待ってください。

＼ 現役Webデザイナーが年間3万円もお得にAdobeを使っている裏ワザはコチラ ／

 もくじへ戻る

さいごに

オリジナルバナーの制作は、模写やトレースとは全くの別物です。

素材集め・配置・グルーピング・配色・フォント…

すべて自分で考えながら作業するので、驚くほど時間がかかると思います。

私の人生初バナーは８時間かかりましたよ💦

バナー上達の道は実践あるのみ！

何個か作ってみたら案件にチャレンジして実践でスキルを身につけていくのが近道です◎

「お題」活用してスキルアップしてくださいね☺️♡