Webデザイン副業、未経験からバナー10枚で応募まで

画像出典: パブリックドメイン（Wikimedia Commons）

Webデザインの入り口は、センスではなくルールの暗記から始まります。配置や色の使い方には、本や記事で言語化された共通ルールがあります。まずそれを覚えて、無料のツールで真似して、小さな成果物を積む。この順番で進む人が、いちばん脱落しにくいです。

正直なところ、いきなり高単価のサイト制作を目指すと最初の1件までが遠すぎます。バナー1枚から始めるほうが、手を動かす回数が増えて上達も早くなります。まずは1枚数千円の案件を積み上げるところを着地点に置いておくと、焦らずに進められます。

デザインの4原則とは？独学で最初に覚えるべきこと

Webデザインの独学で最初に手を付けるべきは、「デザインの4原則」と呼ばれる4つのルールです。Web・UIに限らず、資料やチラシなど日常的な制作物にも当てはまる基礎ルールとして、初心者が最初に学ぶべき知識と紹介されています。

中身はシンプルです。

崩れたバナーを、4原則で整えるとどうなるか

「英会話スクール／無料体験レッスン／オンライン対応／受付中／申し込むボタン」という5つの要素を、思いつくまま並べたバナーを想像してください。文字の大きさが全部同じで、左端の位置もばらばら、ボタンも灰色。どこから読めばいいかが決まらず、目が止まる場所がありません。

ここで加える操作は4つだけです。「無料体験レッスン」と「英会話スクール／オンライン対応」を上下にくっつけて1つの塊にする（近接）。すべての行の左端を1本の線に揃える（整列）。見出しの脇の飾り線・箇条書きの記号・ボタンを同じ青で通す（反復）。そして見出しと申し込みボタンだけを大きく濃くする（対比）。

これだけで、見出し→説明→ボタンの順に視線が流れるようになります。文字の内容は一字も変えていません。センスではなく操作の話だと分かると思います。

この4つは、才能ではなく知識として学べば誰でも実践できるルールとして紹介されています。だからこそ独学の入り口に向いています。

覚えたら、すぐ観察に使ってください。街の広告でも、よく見るECサイトのバナーでも構いません。「見出しと説明文の距離が近い＝近接」「左端が揃っている＝整列」と、実物に4つの名前を貼っていく作業を1週間続けるだけで、自分の作ったものの「なんか違う」の正体が言葉になります。

やってはいけない学び方

チュートリアル動画を眺めるだけで手を動かさない、というのが一番もったいない進め方です。4原則は10分で読めますが、使えるようになるのは作ってからです。読んだその日に1枚作る、を守ってください。

どのツールを使えばいい？費用を抑えた選び方

ツールは最初から全部そろえる必要はありません。無料枠から始めて、必要になったら足すのが費用面でも学習面でも合理的です。2026年9月時点の主なツールの料金体系は次のとおりです。

未経験からの順番としては、Canva（無料・テンプレートが豊富で完成形を真似しやすい）→ Figma（UI/UXデザイン＝アプリやWebサイトの画面そのものを設計する仕事。無料枠あり）という流れが、費用を抑えた入り口になります。Canvaはテンプレートで初心者でも簡単にデザインでき、FigmaはWebサイト・アプリのUIデザインに強い、という役割分担が比較記事で共通して指摘されています。

Canvaから始める理由は、テンプレートが「正解の型」として使えるからです。4原則を学んだ直後にゼロからレイアウトを組むのは難しいですが、整ったテンプレートの要素を動かして崩れ方を見ると、原則が体で分かります。Figmaに移るのは、バナーだけでなくWebサイトの画面設計まで受けたくなったタイミングで十分です。

上の図のように、画面サイズへの対応ひとつ取っても複数の考え方があります。Webサイト全体の設計まで進むと学ぶ範囲は一気に広がるので、まずはバナーという狭い範囲で完結させるほうが、最初の1件までが近くなります。

バナー制作から始めるのはなぜ？相場はいくら？

最初の実績づくりに向いているのはバナー制作です。1枚あたりの制作時間が短く、未経験可の募集が比較的多いジャンルとして紹介されています。数をこなせるので、4原則を試す回数が単純に増えます。

報酬の一般的な目安としては、シンプルなバナー1枚で1,000円〜3,000円程度、デザイン性が高いものや複数サイズ展開を含む案件で5,000円〜10,000円程度とされています。SNS広告用バナーは1件5,000円〜10,000円程度という情報がある一方、ネットショップ商品バナーのように1点あたり数十円という低単価のタスク型案件も存在します。実績ゼロの入り口としては後者も使えますが、続ける前提の仕事ではありません。

同じ「バナー1枚」でも作業量はまるで違います。素材を自分で購入する必要があるか、キャッチコピーの提案まで含むか、サイズ違いを何点納品するか。応募前に募集文でそこを確認する癖をつけると、あとから割に合わないと感じる事態を減らせます。

単価が上がると、どこまで届くのか

低単価は入り口の話で、天井ではありません。デザイン性や複数サイズ展開を求められる案件は、同じ制作スキルの延長線上にありながら報酬帯が上になります。バナー制作は低単価から始めても、実績を積むことで単価交渉がしやすくなる傾向がある、と複数のフリーランス向けメディアで共通して指摘されています。

この4つはどれも、最初の数件をこなす中で自然に手が届く範囲です。実績が増えると継続依頼の話も出てきて、そこからは単価交渉の土俵に立てます。最初の数千円は、そこへ進むための1段目だと思ってください。

最初の数件は「収入」ではなく「実績の仕入れ」と割り切るほうが気持ちが続きます。評価と作品が手に入る段階と、金額を取りにいく段階を分けて考えると、単価の低さに折れにくくなります。

独学で最初の1案件を取るまでの手順は？

ここまでを実際の進め方に落とすと、次の流れになります。期間の目安は、平日夜と週末に週5〜10時間を確保できる場合の想定です。

1. 4原則を読む（1〜2日）近接・整列・反復・対比の意味を覚え、身近な広告やバナーに当てはめて名前を貼っていきます。
2. Canvaで模写する（2〜3週間）実在のバナーを見ながら、同じ配置・同じ情報量で作り直します。1日1枚、合計10〜15枚を目標に。オリジナルはまだ作りません。
3. 架空案件で10枚作る（3〜4週間）「英会話スクールの無料体験募集」「食品ECの送料無料キャンペーン」など、自分でお題を決めて作ります。サイズは広告で標準的な300×250px（レクタングル）、728×90px（リーダーボード）、320×50px（モバイルバナー）に揃えると実務に近づきます。
4. ポートフォリオにまとめる（2〜3日）作った10枚を1ページに並べ、各作品に「誰向け・何を伝えるため・どこを工夫したか」を2〜3行添えます。制作意図が書けることが、初心者との差になります。
5. 提案文のテンプレを作る（半日）「募集内容のどこを読んだか」「似た構成で作った作品はこれ」「納期と修正回数の想定」の3点を含む型を用意し、案件ごとに冒頭だけ書き換えます。
6. 10件応募する（1〜2週間）単価1,000〜10,000円帯の未経験可案件に絞ります。1件で決まることは稀なので、最初から10件出す前提で臨みます。

合計でおおよそ2〜3か月です。早い人はもっと縮まりますし、本業の状況次第で伸びることもあります。重要なのは、4原則→模写→オリジナル→まとめる→出す、の順番を飛ばさないことです。ポートフォリオがない状態で応募だけ増やしても、返信率は上がりません。

提案文で差がつくポイント

未経験からの応募でいちばん効くのは、募集文を読んだ証拠を1行入れることです。「バナーを作れます」ではなく「今回の訴求は無料体験の申込数を増やすことだと読み取ったので、申し込みボタン（クリックを促すボタン。CTAボタンとも呼ばれます）を最も大きく配置した案を考えています」と書く。これだけで、テンプレを貼り付けただけの応募と区別されます。

会社員が始めるとき、制度面で確認することは？

副業を始める前に、勤務先の就業規則で副業の可否と申請手続きを確認してください。許可制・届出制の会社が多く、無断で始めて後から発覚するとトラブルになります。「副業禁止」と書かれていても、条件付きで認められる場合があるので、規則の条文そのものを読むのが確実です。

税金についても、始める前に大枠だけ知っておくと安心です。給与所得以外の所得（収入から経費を引いた額）が年間20万円を超えると、確定申告が必要になります。バナー制作なら、ツールのサブスク代や参考書籍代が経費になり得ます。1件目の報酬が入った日から、報酬の記録と経費のレシートを1つのフォルダにまとめる習慣をつけておくと、年明けに慌てずに済みます。最新の要件や自分のケースの扱いは、国税庁の情報や税務署・税理士に確認してください。

保険については、勤務先で働きながらクラウドソーシングでバナーを受注する形なら、健康保険・厚生年金は本業の勤務先の社会保険に入ったままです。副業側は雇用ではなく業務委託の扱いになるため、副業分で新たに社会保険へ加入する話にはなりません。ただし副業先とも雇用契約を結ぶ働き方（アルバイト等）や、労働時間・収入が増えて加入要件に触れる場合は扱いが変わるので、判断は年金事務所や勤務先の担当部署に確認してください。労災は雇用されている本業の勤務先が対象で、業務委託の副業中のけがは原則その対象外という点も、頭の片隅に置いておくと安全です。

独学とスクール、どちらを選ぶべき？

バナー制作を入り口にするなら、独学で十分に始められます。4原則の解説は書籍や記事で手に入り、CanvaとFigmaには無料プランがあるため、初期費用はほぼかかりません。手を動かす時間さえ取れれば、最初の1案件までは独学で到達できる範囲です。

一方で、スクールに向くのは次のような場合です。ひとつは、作ったものへのフィードバックを自力で得る手段がない場合。模写を続けても「どこが悪いか」を指摘してくれる相手がいないと、自己流のまま止まりやすくなります。もうひとつは、締め切りがないと続かない自覚がある場合です。

費用対効果で見るなら、まず独学で10枚作ってみて、そこで手が止まったかどうかで判断するのが現実的です。10枚作れた人はそのまま独学で進めばよく、3枚で止まった人は環境にお金を払う価値がある、という切り分けです。判断材料が自分の実績になるので、広告文を比べるより確かです。

最初の1枚を今日作るには

ここまで読んで進め方が見えたなら、次にやることは1つです。Canvaのアカウントを作り、よく見かけるバナーを1枚選んで、同じレイアウトで作り直してみてください。所要時間は30分ほど。近接・整列・反復・対比のどれを使っているか、作りながら1つずつ確認します。

その1枚が、10枚のポートフォリオの最初のページになります。焦って応募する必要はありません。作り方が分かってから決めれば十分です。

よくある質問

Webデザインの副業は未経験・独学でも始められますか？

バナー制作から入るなら独学でも始められます。デザインの4原則（近接・整列・反復・対比）は知識として学べるルールで、CanvaとFigmaには無料プランがあるため初期費用をほぼかけずに練習できます。バナーは未経験可の募集が比較的多いジャンルとして紹介されています。

バナー制作の副業単価はどのくらいですか？

シンプルなバナー1枚で1,000円〜3,000円程度、デザイン性が高いものや複数サイズ展開を含む案件で5,000円〜10,000円程度が目安とされています。一方でネットショップ商品バナーのように1点あたり数十円という低単価のタスク型案件も存在します。案件条件で上下するため確定した金額ではありません。

Webデザインの学習ツールは有料版が必要ですか？

始めるだけなら無料プランで足ります。Canvaの無料プランはテンプレート100万点以上・素材470万点以上を使え、Figmaにも無制限のドラフトやUIキットを使える無料プラン「Starter」があります（2026年9月時点）。有料はCanva Proが年払いで年間US$180、FigmaのProfessionalが月払いで1シートあたり月額US$16で、必要になってから検討すれば十分です。

副業で確定申告が必要になるのはいくらからですか？

給与所得以外の所得（収入から経費を引いた額）が年間20万円を超える場合、確定申告が必要になります。Webデザインの副業ではツールのサブスク代や参考書籍代が経費になり得るため、報酬の記録と経費のレシートを最初の案件から残しておくのが安全です。個別の判断は国税庁の情報や税務署・税理士に確認してください。

会社員がバナー制作を副業にすると社会保険はどうなりますか？

勤務先で働きながら業務委託でバナーを受注する形なら、健康保険・厚生年金は本業の勤務先の社会保険に入ったままで、副業分で新たに加入する必要はありません。副業先とも雇用契約を結ぶ場合や加入要件に触れる場合は扱いが変わります。また労災は雇用されている本業が対象で、業務委託の副業中のけがは原則対象外です。個別の判断は年金事務所や勤務先の担当部署に確認してください。

※記事で使用した内容・数値は変更される場合があります。最新情報は公式サイトをご確認ください。