Webデザインの副業

Webデザインって、どんな仕事？

お店や企業、サービスを発信する人のために、情報が伝わる画像やWeb画面を作る仕事です。写真・文字・色・レイアウトを組み合わせ、見た人が内容を理解し、次の行動へ進みやすい形に整えます。バナー・ヘッダー制作やWebサイトデザインをサービスとして届ける方法があります。^[1][2]

• 広告バナー

  商品やイベントの魅力を、1枚にまとめる

  画像と短い言葉を組み合わせ、見た人に何を知ってほしいか、どこへ進んでほしいかを伝えます。

• ヘッダー画像

  サイトやSNSの入口を整える

  お店や発信者の雰囲気が伝わるよう、写真・名前・説明などを、使う場所のサイズに合わせます。

• Webページのデザイン

  情報の順番と、画面の見せ方を考える

  商品紹介や申込みページなどの見出し・本文・ボタンを配置し、PCとスマホで読みやすい画面を作ります。

• 既存画面の見直し

  読みにくい部分や、迷う場所を整える

  文字の大きさ、余白、色、情報の並び方などを見直し、どこをどう変えるか説明します。

まずは、小さい制作から試せる

最初からサイト全体を引き受ける必要はありません。例えばバナー1点なら、伝える相手・入れる情報・画像のサイズを決めて、一つの制作物を完成させる流れを試せます。

画面のデザインと、コードを書いて動くサイトにする作業は、依頼ごとに担当範囲を確認します。実装も担当したい場合は、Web制作・プログラミングと見比べてみましょう。役割と納品物の違いを詳しく見る →

始めるための準備と、かかるお金

準備するもの

PC・デザインツール・使ってよい素材

例えばCanvaの無料プランで、文字・図形・無料素材を使ったデザインから試せます。最初は、自分で撮った写真や図形だけでも構いません。^[3]

仕事では、指定のツールと納品形式を確認します。画像を書き出せることと、依頼者が編集できるデータを渡せることは別です。

練習すること

情報の整理・文字の配置・配色・余白

「何をいちばん伝えるか」を決め、文字の大きさや位置を変えて見比べます。ツールの操作だけでなく、作った理由を説明することも練習しましょう。

素材と納品の条件

写真・イラスト・フォントの利用範囲を確認

無料・有料の区別に加え、商用利用や依頼者への引渡しの条件を確認します。Canvaの素材にも利用規約があり、素材そのものの再配布と、素材を組み合わせた制作物の納品は扱いが異なります。^[4]

初収入までのロードマップ

1. 1

   バナーを1点作り、制作例として見せる

   架空のお店やイベントを題材に、誰に何を伝えたいかを決めて作ります。サンプルは、依頼者に自分の仕上がりと考え方を見てもらうためのもの。「自主制作」と明記し、目的、使用ツール、自分が作った部分を添えましょう。

   ここまでできたらデザインと、意図を説明する短い文章

2. 2

   できる制作を出品する、または募集へ応募する

   ココナラでは「バナーを1点作ります」など、できる範囲をサービスにします。クラウドワークスでは、点数・納期・納品形式が合う募集に、制作例を添えて応募します。^[5][6]

   ここまでできたら出品ページ、または条件に合わせた応募文

3. 3

   目的・素材・納品物・取引条件を合わせる

   誰に何を伝えるか、掲載先とサイズ、使う文章・写真、点数、納期、修正回数、報酬を確認します。PNG・JPEGなどの画像だけか、編集できるデータも渡すか、実装まで含むかを合意しましょう。クラウドワークスの固定報酬制は契約・仮払い、ココナラは購入・トークルームの開始を確認して進めます。^[7][5]

   ここまでできたら必要な素材と条件がそろい、制作を始められる状態

4. 4

   デザインを作り、意図を添えて提出する

   依頼内容に沿って、情報の順番・文字・色・余白を整えます。書き出した画像のサイズ、誤字、読みやすさを確認し、何を目立たせたか、なぜその配置にしたかを添えて提出しましょう。

   ここまでできたら指定の用途に合うデザイン案と、その説明

5. 5

   確認・修正を進め、納品を完了する

   合意した範囲で修正し、指定の形式で納品します。クラウドワークスは検収、ココナラは正式な納品と承諾・取引完了を確認します。作品集へ載せたい場合は、依頼元に公開できる範囲を確認しましょう。^[6][5]

   ここまでできたら完成データの引渡しと、取引完了の確認

6. 6

   報酬を受け取り、次の制作へつなげる

   報酬・売上の確定を確認し、口座登録や出金の手続きを進めます。振込予定と入金を確認したら、制作・連絡・修正に使った時間を振り返り、次の出品内容や提案に活かしましょう。^[8][5]

   ここまでできたら入金の確認と、次の制作で改善すること

作品集の準備に7〜14日を使う計画例です。基礎技能がある人を想定し、初学者の学習・選考・受注待ち・入金までの日数は含みません。バナー1点は自主制作の例で、応募や受注の共通条件ではありません。

仕事を見つける場所と、二つの始め方

できる制作を出品する方法と、募集を探して応募する方法があります。制作例ができたら、対応できる用途・点数・形式に合う仕事の見つけ方を試してみましょう。

ココナラ

「バナーを作ります」とサービスを用意する

制作例を見せ、用途、点数、納品形式、納期、修正回数を決めて出品します。依頼内容を相談し、自分が納品できる範囲を確認して進めます。^[1][5]

クラウドワークス

条件の合う募集へ、制作例を添えて応募する

必要なデザイン、点数、使用ツール、納品形式と、実装を含むかを読みます。固定報酬制では契約・仮払いを確認してから制作に進みます。^[6][7]

一つに決めなくても、それぞれで出品・応募できます。複数の場所を使うと、デザインサービスを探す人と、募集を出す人の両方に自分のできることを伝えられます。受ける仕事の点数と納期は、まとめて管理しましょう。

始める場所を比べる

仕事を探して応募するか、自分のサービスを出品するか。受注の始め方で選べます。

ココナラ

作成できるバナーやWeb画面を、点数・納品形式・納期・修正回数を決めてサービスとして出品する場所。

向いている始め方制作例と対応できる範囲を示し、相談から依頼を受けたい人

クラウドワークス

バナーやWebサイトデザインの募集を探し、制作範囲・使用ツール・納品形式・納期を確認して応募するサービス。

向いている始め方募集の条件を見て、制作例を添えてデザインを提案したい人

クラウドワークスを見る ↗

PRリンクの申し込み等により運営者に報酬が発生する場合があります。募集・審査・費用・利用条件はリンク先で確認してください。

仕事を広げる方法と、収入の仕組み

最初の一件から、どう広げる？

完成したデザインと依頼者の反応をもとに、得意な用途や、相談・確認の進め方を少しずつ育てていけます。

• 得意な用途を増やす

  お店の告知、商品紹介など、作りやすい題材の制作例を増やし、できることを伝える。

• 依頼の進め方を整える

  必要な素材・確認事項・修正範囲をまとめ、制作前のすり合わせをしやすくする。

• 継続や追加制作へ

  同じ企画の別サイズ、次の告知などを相談する。制作範囲に合わせて料金と納期も見直す。

収入の仕組み

バナー1点や画面一式など、合意した制作に対して報酬を受け取ります。クラウドワークスの固定報酬制は検収、ココナラは取引完了の後に報酬・売上が確定します。^[6][5]

合意した報酬−サービスの手数料＝サービス上の受取額

銀行への振込費用や源泉徴収がある場合、入金額はさらに変わります。有料ツール・素材などに使った費用も合わせて確認します。

始めるときの、よくある疑問

副業全般の準備や税金は、始める前の準備ガイド、確定申告のガイドで確認できます。

参考にした公式情報

本文の参照番号に対応しています。各リンクから、ツールや仕事先の公式案内を確認できます。

情報確認：2026-10-03。仕事内容の例・ロードマップ・自主制作の題材・予算・時間・収入の計算例は、タスミチが編集したガイドです。