就活・転職ランキング&企業比較就活ランキング & 企業比較
ランキング
企業比較
業界ガイド
就活ガイド
資格職キャリア
就活診断
ランキングを見る
📓就活・転職ランキング&企業比較

500社以上の就職偏差値ランキングと16タイプ性格診断で、自分に合う業界・企業を見つけるキャリアメディアです。

ランキング5軸

  • 偏差値ランキング
  • 年収ランキング
  • ホワイト企業ランキング
  • 就職人気企業ランキング
  • 転職人気企業ランキング

ツール・機能

  • 16タイプ就活診断
  • 業界ガイド一覧
  • 就活ガイド一覧
  • 2社サイドバイサイド比較
  • 偏差値の算定方法
  • 就活用語辞典

業界ガイド

  • IT・テック
  • コンサル
  • 金融・証券
  • 商社
  • メーカー・重工
  • スタートアップ

就活ガイド

  • 自己分析
  • ES 書き方
  • 面接対策
  • 業界研究
  • OB 訪問
  • インターン

資格職キャリア

  • 資格・専門職まとめ
  • 看護師の転職
  • 薬剤師の転職
  • 保育士の転職
  • 介護士の転職
  • 士業・会計のキャリア
  • スクール・講座比較
  • 給付金シミュレータ
  • 資格試験カレンダー

サイト情報

  • 就活・転職ランキング&企業比較について
  • データの引用・埋め込み(無料)
  • 著者・編集部について
  • お問い合わせ
  • 利用規約
  • プライバシーポリシー
  • 免責事項

運営: 就活・転職ランキング&企業比較 編集部・編集部メンバー プロフィール・所在地 東京都・運営開始 2025年1月・連絡先 techstudywork@gmail.com

© 2026 就活・転職ランキング&企業比較. All rights reserved.

利用規約プライバシー免責事項お問い合わせ
  1. ホーム
  2. 就活・転職
  3. Webデザイナー副業の始め方2026|未経験からの学習手順・単価の考え方・案件獲得
就活・転職

Webデザイナー副業の始め方2026|未経験からの学習手順・単価の考え方・案件獲得

2026年6月14日
約4分で読めます
Webデザイン資格・スクールWebデザインスクール
山田 直也 の似顔絵イラスト

執筆

山田 直也/ キャリアアドバイザー出身

実務 8年+国家資格キャリアコンサルタント公開 2026年6月14日

この記事でわかること

  • 1未経験から何か月で案件を受けられますか?
  • 2資格は必要ですか?
  • 3AIの普及で副業Webデザイナーの仕事はなくなりますか?
Webデザイナー副業の始め方2026|未経験からの学習手順・単価の考え方・案件獲得

目次

  1. 01副業Webデザイナーまでの全体像
  2. 02ステップ1: 学習——独学かスクールか
  3. 03ステップ2: ポートフォリオを作る
  4. 04ステップ3: 案件獲得と単価の考え方
  5. 05税金・確定申告の注意点
  6. 06出典・参考

Webデザイナーは、パソコン1台で始めやすく、副業として人気の高い職種のひとつです。ただし「すぐに稼げる」と考えるのは早計で、学習→ポートフォリオ制作→案件獲得という段階を踏む必要があります。 本記事では、未経験から副業として案件を受けるまでの現実的な手順を整理します。

注意: 本記事で触れる単価・報酬は案件・スキル・発注者により大きく変動します。特定の金額を保証するものではなく、実際の相場は各クラウドソーシングサイトや発注先の最新情報で必ず確認してください。スクールの料金・給付金制度も各社公式・厚生労働省の最新情報で要確認です。

副業Webデザイナーまでの全体像

ステップ やること 期間の目安(個人差大)
1. 学習 デザイン基礎・ツール(Figma等)・HTML/CSSの基礎 数か月程度〜
2. ポートフォリオ 架空案件・自主制作で実力を可視化 学習と並行
3. 案件獲得 クラウドソーシング・知人経由・SNS等 継続的
  • 期間はあくまで一般的な目安で、学習時間の確保量により大きく変わります
  • 2026年現在、AIツールの普及でデザイン業務の一部は効率化が進んでいます。AI時代のWebデザイナーの実情はWebデザイナーAI時代のリアル解説を先に読んでおくことをおすすめします

ステップ1: 学習——独学かスクールか

学ぶべき内容の例

  • デザイン基礎(配色・タイポグラフィ・レイアウト)
  • デザインツール(Figma が事実上の標準になりつつある傾向)
  • HTML/CSS の基礎(コーディングまで受けるかは戦略次第)
  • バナー・LP など「副業案件PRで実際に求められる制作物」の型

独学とスクールの比較

観点 独学 スクール
費用 低い 講座による(各社公式で要確認)
挫折リスク 高い傾向 質問・添削でカバーされる傾向
ポートフォリオ添削 自力 講座によっては添削あり
案件獲得サポート なし 講座により有無が分かれる(要確認)

スクールを検討する場合はWebデザインスクール比較ガイド2026とWebデザイン講座の人気ランキングを参考にしてください。当サイトの順位は報酬額では決めていません。また、講座によっては教育訓練給付制度の対象となる場合があります。給付金制度の解説と給付金対象スクールのランキングをあわせて確認してください(対象・支給率は改正されるため要確認)。

ステップ2: ポートフォリオを作る

未経験者の案件獲得で最も重要なのがポートフォリオです。実績がない段階では、架空案件(自分で設定した想定クライアントの制作物) で構いません。ただし、実在企業の実績と誤認させる見せ方は避けましょう。

  • バナー数点+LP1〜2本が最初の目安とされることが多い(案件ジャンルによる)
  • 「制作意図」を言語化して添えると評価されやすい傾向があります
  • 具体的な作り方はWebデザインポートフォリオの作り方ガイドで詳しく解説しています

ステップ3: 案件獲得と単価の考え方

主な獲得チャネル

  • クラウドソーシング(初案件の入口になりやすい)
  • 知人・前職経由の紹介
  • SNS・ポートフォリオサイト経由の直接受注

単価について

バナー制作・LP制作などの単価は、案件内容・修正回数・納期・発注者によって大きく変動 します。特定の金額を「相場」と断定することはできないため、実際に受注する前に各プラットフォームの募集案件を自分の目で確認してください。一般的な傾向として、直接受注はクラウドソーシング経由より手数料分だけ手取りが多くなりやすい、という構造的な違いはあります。

副業全般の始め方・注意点は副業の始め方おすすめガイド、副業に取り組みやすい講座は副業向けスクールランキングで紹介しています。グラフィック・DTP寄りの副業を検討する場合はグラフィックデザイナー・DTP副業ガイドも参考になります。

税金・確定申告の注意点

  • 給与所得者の場合、副業の所得(収入から経費を引いた額)が年20万円を超えると所得税の確定申告が必要になるのが原則です
  • 20万円以下でも住民税の申告は別途必要とされる点に注意してください
  • 詳細は副業の確定申告・20万円ルール解説と国税庁の公式情報で確認してください

出典・参考

  • 国税庁(確定申告が必要な方・副業収入の申告): https://www.nta.go.jp/
  • 厚生労働省(教育訓練給付制度): https://www.kyufu.mhlw.go.jp/
  • 厚生労働省(副業・兼業の促進に関するガイドライン): https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/0000192188.html

最終更新: 2026年7月 編集: 資格スクールランキング比較ナビ編集部 ※ 単価・料金・給付金制度は変動・改正されるため、必ず各プラットフォーム・各社公式・厚生労働省の最新情報をご確認ください。

PR(楽天アフィリエイトリンクを含みます)

いちばんよくわかるWebデザインの基本きちんと入門 レイアウト/配色/写真/タイポグラフィ/最新

楽天 2,860円〜

楽天で見る →

最大1年保証 送料無料★楽天1位防災 ライト デスクライト LED 充電式 目に優しい 勉強 学

楽天 2,980円〜

楽天で見る →

関連する比較記事

この記事に関連するサービス比較をチェック

IT転職エージェント比較

Webデザインのスクール・講座を比較する

Webデザインの学習サービスを、料金・受講形式・給付金対象の有無で比較できます。順位は報酬で変えない公開アルゴリズムで算定しています。

講座の比較を見る

関連サービス

ココナラPR

スキルを売り買いできる日本最大級のマーケット

ココナラの広告無料登録して相場を見る →

まずは無料ではじめられます。リンク先は公式サイトです。

本ページは広告・アフィリエイトプログラムを利用しており、リンク経由でのお申し込み・購入により当サイトに収益が発生することがあります。ただし、ランキング・評価・掲載内容は広告費や報酬の有無に関わらず編集部の独自基準で決定しており、広告主からの指示により内容を変更することはありません。

よくある質問

この記事をシェアする

X (Twitter)Facebook
最終更新 2026年6月14編集部レビュー済み四半期ごとに見直し

執筆

山田 直也/ キャリアアドバイザー出身

大手IT転職エージェントでのキャリアアドバイザー経験をもとに、転職市場の実態・面接対策・年収交渉のリアルな情報を執筆。

プロフィール詳細を見る →

本記事が参照した一次情報源

本記事は編集部の独自見解だけでなく、以下の公的・準公的な一次情報源を継続的に参照して作成しています。最新の数字・仕様は必ず公式の一次情報をご確認ください。

  • 厚生労働省 賃金構造基本統計調査— 業種・職種別の年収・労働時間の公的統計
  • 経済産業省 IT人材需給に関する調査— IT 人材不足のマクロ動向・将来推計
  • doda 平均年収ランキング— 職種別・年代別の中央値の参照値
  • 厚生労働省 一般職業紹介状況(有効求人倍率)— 職種別の求人動向

記事を読み終えたら:500 社を 5 軸で比較する

本記事の内容を「実際の企業選び」につなげるには、500 社を 5 軸でランキング化した一覧と組み合わせるのが効果的です。

  • 就職偏差値ランキング
  • 年収ランキング
  • ホワイト企業ランキング
  • 就職人気ランキング
  • 転職人気ランキング

この記事に関するご指摘・補足情報の提供

事実誤認・情報の古さ・追加すべき視点などにお気づきの場合は、編集部までお知らせください。確認のうえ速やかに記事へ反映します。広告・アフィリエイト報酬の有無は順位や評価に一切影響しません。

編集方針算定方法免責事項お問い合わせ

この記事について

掲載情報は各サービスの公式ウェブサイト・プレスリリース等を参照し、公開時点の情報をもとに作成しています。

料金・サービス仕様は予告なく変更される場合があります。最新情報は必ず公式サイトでご確認ください。

比較・ランキング記事は広告費・アフィリエイト報酬の有無に関わらず、編集部独自の評価基準で作成しています。 詳細は免責事項・プライバシーポリシーをご確認ください。

最終更新: 2026年6月14日

執筆者

山田 直也(キャリアアドバイザー出身)の似顔絵イラスト

山田 直也/ IT転職担当

キャリアアドバイザー出身

実務経験 8年以上

大手IT転職エージェントでのキャリアアドバイザー経験をもとに、転職市場の実態・面接対策・年収交渉のリアルな情報を執筆。

  • 国家資格キャリアコンサルタント
  • GCDF-Japan キャリアカウンセラー

プロフィール詳細を見る

関連記事

Webデザイナースクール比較2026|主要8校とAI時代の選び方

就活・転職2026年6月14日

Webデザイナー転職ポートフォリオ完全ガイド2026|未経験から内定

就活・転職2026年6月14日

WordPressで仕事化2026|Webサイト制作で月20-50万円

就活・転職2026年6月14日

WordPress Web制作副業2026|案件1万件超・月40-80万

就活・転職2026年6月14日

🏆 関連ランキング

IT転職エージェントランキング

Webデザインのスクール・講座を比較する

Webデザインの学習サービスを、料金・受講形式・給付金対象の有無で比較できます。順位は報酬で変えない公開アルゴリズムで算定しています。

講座の比較を見る