Webデザイン未経験始め方｜独学9ヶ月で月10万まで届く学習ロードマップ

2026年2月19日

中西直美

この記事のポイント

✓Webデザインを未経験から始めたい方へ
✓独学9ヶ月で月10万円の副収入に届くまでの学習ロードマップを
✓スキル習得・ポートフォリオ・案件獲得まで段階別に解説

「Webデザインを始めたいけれど、何から手を付ければいいのか分からない」。このご相談、本当によくいただきます。会社員として働きながら、あるいは子育ての合間に、自分のペースで身につけられるスキルが欲しい。そう感じている方が、ここ数年で本当に増えました。

大丈夫です。Webデザインは、未経験からでも段階的に学べる数少ないクリエイティブ職です。今日は「何から始めて、どのくらいの期間で、どこまで届くのか」を、現実的なロードマップとしてお話しします。

結論からお伝えすると、平日1〜2時間・休日3時間ほどのペースで学習を続けた場合、約9ヶ月で「初心者向けの案件を1人で完結できる」レベルに届きます。そして案件単価の相場感としては、ランディングページ1本で3万〜10万円、バナー制作で3,000〜1万円あたりが現実的なラインです。

「9ヶ月は長い」と感じるかもしれません。でも、この記事を最後まで読んでいただければ、その9ヶ月の中身が「何をどの順番でやるか」明確になります。焦らず、一歩ずつ進めば、必ず形になります。

マクロ視点で見る「Webデザイン未経験スタート」の現状

まず、市場全体の温度感から共有させてください。読者の方の多くが気にされている「今からWebデザインを始めても遅くないか」という問いに、客観的な数字でお答えします。

Webデザイナーの市場規模と需要

国内のWeb制作市場は、企業のDX推進と中小事業者のオンライン販路拡大により、依然として拡大基調にあります。総務省の通信利用動向調査でも、企業のWebサイト開設率は9割を超えていますが、その一方で「自社サイトを定期的に更新・改修できていない」事業者が多数派です。つまり、制作だけでなくリニューアル・改修・運用までを含めると、Webデザイナーの仕事はむしろ増え続けています。

参考: 総務省が公開する通信利用動向調査では、企業のインターネット活用状況が毎年公表されています。

副業として取り組む人も急増しました。クラウドソーシングサービスの登録者数は年々増加し、なかでも「Webデザイン」「バナー制作」「LP制作」のカテゴリは常に上位の発注数を維持しています。需要に対して供給が追いついていないわけではありませんが、「初心者でも入りやすい小さな案件」と「経験者向けの中〜大規模案件」の二極化が進んでいる、というのが現場で見ている印象です。

未経験から始める人の年齢層は驚くほど幅広い

「もう30代だから遅いかも」「40代から始めても無理ですよね」というご相談も、月に何度もいただきます。結論から言うと、年齢を理由に諦める必要はまったくありません。

今回は未経験の方でもWebデザイナーを目指すことができる方法をご紹介しました。インターネット・アカデミーの受講生の約80％は未経験からのスタートです。学び始めの時期も20代からの方が一番多くはありますが、30代が約40%、40代以降の方も約20%近くを占めており、幅広い年齢の方々が通っていらっしゃいます。Web業界は、スキルさえあれば年齢に関係なく挑戦できる世界です。未経験だからといってWebデザイナーになることをあきらめる必要はありません。自分の努力次第では将来の道は変わってきます。

実際、私のもとに相談に来られる方の年齢層も20代後半から50代まで幅広く、特に「子育てが一段落して、在宅で続けられる仕事を探している」40代女性の比率が高いと感じます。Webデザインは、年齢よりも「続けられるかどうか」が成否を分ける世界です。

未経験スタートでつまずく人の共通点

カウンセリングの現場で見えてきた、挫折する方の共通点を正直にお話しします。「教材を買いすぎる」「学習計画を立てすぎる」「最初から完璧を目指す」。この3つに当てはまる方は、9割の確率で途中で手が止まります。

逆に続く方は、教材を1〜2冊に絞り、毎日決まった時間に少しでも触れて、「下手でもいいから完成させる」を繰り返しています。今日この記事を読んでくださっている方には、ぜひ後者のスタイルで進んでいただきたいのです。

Webデザインの仕事内容と、未経験者が誤解しがちなポイント

「Webデザイナー」と一口に言っても、実は仕事の幅はかなり広いです。最初に全体像を掴んでおくと、これから学ぶスキルがどこで役立つのか見えやすくなります。

Webデザイナーの主な業務範囲

実務で求められるのは、大きく分けて以下の4つです。

ひとつ目はビジュアルデザイン。トップページのレイアウト、配色、フォント選定、写真・イラストの選定など、サイトの「見た目」を作る作業です。FigmaやAdobe XDといったデザインツールを使ってカンプ（完成見本）を制作します。

ふたつ目はコーディング。デザインカンプをHTML/CSSで実際のWebページに組み上げる作業です。JavaScriptで動きを付けることもありますが、未経験スタートの場合はまずHTML/CSSをしっかり身につけることが優先です。

3つ目はバナー・LP（ランディングページ）制作。広告用のバナー画像や、商品販売用の1枚物Webページを作る仕事です。単発で受注しやすく、未経験者の最初の実績作りに最適です。

4つ目はサイト改修・運用。既存サイトの一部を更新したり、CMS（WordPress等）の管理を代行したりする業務。継続案件になりやすく、安定収入につながります。

「グラフィックデザイン」と「コーディング」が両輪

ここで押さえておきたいのは、Webデザイナーに求められるスキルは「絵を描くセンス」だけではない、ということです。

多くのスキルが必要に見えますが、「グラフィック」と「コーディング」の２つが最低限求められるスキルです。専門スクールで学ぶこと、実際に制作しながら覚えていくことで、未経験の方でもWebデザインスキルを身に着けることができますよ。

「絵心がないからWebデザインは無理」と思い込んでいる方が本当に多いのですが、現代のWebデザインは「ゼロから絵を描く」よりも「既存の素材・テンプレートを目的に合わせて組み立てる」要素のほうが大きいです。むしろ論理的に考えるのが得意な方、整理整頓が好きな方のほうが向いている、というのが私の実感です。

未経験者が誤解しがちな3つのポイント

ご相談で頻繁に出る誤解を、ここで解いておきます。

ひとつ目の誤解は「Photoshop・Illustratorが使えないとダメ」。これは過去の話です。現在の現場ではFigmaが主流で、Figmaは個人利用なら無料で使えます。

ふたつ目の誤解は「プログラミングが必須」。HTML/CSSは「マークアップ言語」であり、いわゆるプログラミング（JavaScriptやPHP等）とは別物です。条件分岐や繰り返し処理は不要なので、文系の方でも問題なく習得できます。

3つ目の誤解は「最初から美大レベルの作品が作れないとダメ」。実務で求められるのは「クライアントの要望を整理して、目的に合うデザインを形にする力」です。アートではなく、コミュニケーションと設計の仕事だと考えてください。

未経験から始めるWebデザイン学習ロードマップ【9ヶ月プラン】

ここからが本題です。具体的に「いつ・何を・どのくらい」やるのか、9ヶ月のロードマップとして整理しました。あくまでひとつの目安として、ご自身のペースに合わせて調整してください。

ステップ1：1ヶ月目「全体像をつかむ・環境を整える」

最初の1ヶ月は、本格的な制作には入らず、地ならしの期間と考えてください。やることは大きく3つです。

ひとつ目は、学習環境の整備。PCを用意し（Mac/Windowsどちらでも可、メモリは8GB以上が望ましい）、Figmaのアカウントを作成、コードエディタ（Visual Studio Code推奨）をインストールします。Adobe製品は最初から契約する必要はありません。

ふたつ目は、Webデザインの基礎知識をざっと学ぶ。書籍1冊、または動画講座1本に絞って、Webデザインとは何か・Webサイトはどう作られるかの全体像を掴みます。この段階では完璧に理解しようとせず、「こんな感じか」程度で十分です。

3つ目は、好きなサイトを集める。「いいな」と思ったWebサイトのURLをスプレッドシートに30〜50件まとめておきます。これが後々、自分のデザインの方向性を決める財産になります。

この1ヶ月の学習時間目安は、合計で40〜60時間です。

ステップ2：2〜3ヶ月目「HTML/CSSの基礎を固める」

2ヶ月目からは、コーディングの基礎を集中して学びます。HTML/CSSは、Webデザインの「土台」になる言語です。ここで挫折する方が多いポイントですが、コツがあります。

それは「本やサイトを読むだけで終わらせず、必ず自分の手で書く」こと。具体的には、書籍やオンライン講座のサンプルコードを写経し、それを少しずつ改変して動作確認するサイクルを毎日繰り返します。

おすすめの進め方は、ProgateやドットインストールといったオンラインサービスでHTML/CSSの基礎を1周し、その後、Webサイト模写を3〜5本行うこと。模写は「既存サイトを見ながら、HTML/CSSで同じものを再現する練習」です。最初は1本に2週間かかっても構いません。

模写を3本終える頃には、「シンプルな1ページサイトなら、デザインカンプから自力で組める」レベルになります。この段階の学習時間目安は100〜140時間です。

ステップ3：4〜5ヶ月目「Figmaでデザインを作る」

コーディングがある程度できるようになったら、デザインツール（Figma）の習得に入ります。順番が逆だと感じるかもしれませんが、「コーディングできる目線でデザインする」ほうが実務的にスムーズです。

Figmaは公式チュートリアルが充実しているので、まずはそれを一通りこなします。その後、「バナー10本」「1ページLP 3本」をオリジナルで制作してみてください。

バナーは、Amazonや楽天で売られている架空の商品を題材に、自分で広告バナーを作る練習です。LP制作は、既存サービスの紹介ページを題材に、自分なりにリニューアルしてみる練習です。

この段階では「上手いか下手か」より「最後まで完成させたか」が重要です。下手でも完成させた1本は、教材として10本分の価値があります。学習時間目安は100〜120時間です。

ステップ4：6〜7ヶ月目「ポートフォリオを作る」

7ヶ月目に入る頃には、「自分でデザインしたものを、自分でコーディングする」一貫した制作ができるようになっています。ここで、案件獲得の武器となるポートフォリオを作ります。

ポートフォリオは「あなたのスキルレベルと作風が一目で分かる作品集」です。最初は架空案件で構いません。「カフェのWebサイト」「美容室のLP」「ECサイトの商品ページ」など、ジャンルの違う3〜5作品を掲載します。

ポートフォリオサイト自体も、自分のスキルを示す重要な作品です。WordPressで作ってもいいですし、HTML/CSSで一から組んでもいいです。「自分のことを依頼者目線で伝える」設計を意識してください。

この段階の学習時間目安は80〜100時間です。

ステップ5：8〜9ヶ月目「実案件に挑戦する」

ポートフォリオができたら、いよいよ実案件にチャレンジします。最初は単価3,000円〜1万円のバナー制作案件から始め、徐々にLP制作（3万〜10万円）へとステップアップしていきます。

最初の1〜2件は赤字でも構わない、という覚悟が大切です。なぜなら、初案件は「相場より安く受ける代わりに、納品実績を作る」ことが目的だからです。納品して評価をもらえれば、そこから次の案件につながります。

9ヶ月目の終わりには、月3万〜5万円の副収入が現実的なラインに見えてくるはずです。そこから半年〜1年かけて、月10万円〜の安定収入を目指していくのが、無理のないペースです。

Webデザインの独学に必要なツールと費用感

「結局いくらかかるの？」というのも、よくいただく質問です。結論から言うと、最初の3ヶ月は月3,000〜5,000円程度で始められます。

必須ツール（ほぼ無料）

Figma（個人利用無料）、Visual Studio Code（無料）、Google Chrome（無料）、Progateやドットインストールの基礎コース（月1,000〜1,500円）。最初の数ヶ月はこれで十分です。

中盤以降に追加検討するもの

Adobe Creative Cloud（コンプリートプラン月7,000円前後、フォトプランなら月1,500円程度）、書籍3〜5冊（合計1万円程度）、ストックフォトサービス（月1,000〜3,000円）。

Adobe製品はLP制作で写真加工が必要になってきた段階で検討すれば十分です。最初から契約してしまうと、使いこなせないまま月額料金だけ払い続けることになりがちです。

スクールを検討すべきか

「独学に挫折する自信がある」「半年で結果を出したい」「いつでも質問できる環境がほしい」という方は、Webデザインスクールも選択肢に入ります。費用は20万〜60万円と幅がありますが、学習効率と挫折率の低さを買う、という考え方です。

ただ、スクールに通ったからといって自動的にWebデザイナーになれるわけではありません。結局は「自分の手を動かした時間」が成果を決めます。「独学で半年やってみて、続けられそうなら本格投資する」という順番のほうが、お金の使い方としては合理的だと私は思います。

案件獲得の現実的な道筋

ポートフォリオができてからの「最初の案件をどう取るか」は、未経験者にとって最大の壁です。ここで具体的な道筋をお話しします。

クラウドソーシングサービスでの実績作り

まず利用するのは、クラウドワークス・ランサーズ・ココナラといったクラウドソーシングサービスです。発注数が多く、未経験OKの小規模案件が常時掲載されています。

ただし、これらのサービスはシステム利用料が10〜20%差し引かれるため、手取りは想像より少なくなります。「実績作りの場」と割り切って、最初の3〜5件は単価より経験を優先する、という姿勢が良いでしょう。

直接受注への移行

クラウドソーシングで実績ができたら、徐々に直接受注の比率を増やしていきます。手数料がない、または非常に低いプラットフォームを使うと、同じ仕事でも手取りが大きく変わります。

関連職種の動向としては、UI/UXデザイナーの始め方｜未経験から案件を獲得するまでで詳しく解説しているUI/UXデザイナーや、コピーライターのフリーランスの始め方｜未経験からの独立完全ガイド【2026年版】で紹介しているコピーライターと、Webデザインを掛け合わせるキャリアパスも有力です。

SNS・ブログでの発信

中長期で効いてくるのが、X（旧Twitter）やInstagramでの制作物発信、そしてブログでの学習記録です。最初はフォロワー0でも、半年〜1年続ければ、確実に「あなたを認知してくれる人」が増えます。

フォロワーが数百人を超えてくると、SNS経由での直接相談や指名案件が入るようになります。これが軌道に乗ると、案件獲得の苦労が大きく減ります。

私自身が見てきた「続く人・続かない人」の分かれ目

ここで、現場で見てきた実例を1つお話しします。匿名の事例として聞いてください。

40代前半の女性で、お子さんが小学校に上がられたタイミングで「在宅でできる仕事を身につけたい」とWebデザイン学習を始められた方がいました。最初の3ヶ月、彼女は「教材を5冊買って、全部を完璧にやろう」としていました。当然、どれも中途半端で進まず、「私には向いていない」と落ち込まれていました。

私がお伝えしたのは、「教材を1冊に絞ること」「毎日たった30分でいいから手を動かすこと」「下手でも完成させること」の3点だけでした。それから半年後、彼女は最初の案件を3,000円で受注され、1年後には月5万円の副収入を作られていました。

特別な才能ではなく、「焦らない・止めない・完璧を求めない」という姿勢が、未経験スタートで一番効くスキルです。

もうひとつお伝えしたいのは、「学習中の孤独」への対策です。在宅で1人で学んでいると、本当に誰とも話さない日が増えていきます。それが続くと、メンタル面で必ず影響が出ます。

SNSで同じく学習中の人とつながる、月に1度はオンライン勉強会に参加する、家族に「今日はこれを学んだ」と話す、など、何でも構いません。「学習を孤独にしない仕組み」を最初から作っておいてください。これは私が現場で痛感していることです。

参考までに、関連職種の単価相場はソフトウェア作成者の年収・単価相場で詳しく公開しています。Webデザイナー単体のデータは別ページですが、コーディングまで対応できるWebデザイナーはエンジニア寄りの単価レンジに近づいていく傾向があります。

また、Web制作には記事原稿やコンテンツ作成が伴うケースも多く、著述家，記者，編集者の年収・単価相場で公開しているライター系の単価相場も併せて見ていただくと、複合的な仕事の組み立て方が見えてきます。

未経験者が初案件を取るまでの平均期間

当プラットフォームに登録して初案件を受注するまでの期間は、未経験スタートの方の場合、ポートフォリオ提出後で平均1〜3ヶ月というのが体感値です。ポートフォリオの質によって大きく差が出ますので、登録前に最低3作品はそろえておくのが理想です。

手数料の差が長期収入に効いてくる

意外と見落とされがちなのが、案件マッチングサービスの手数料です。一般的なクラウドソーシングサービスでは10〜20%がシステム利用料として差し引かれます。

仮に月10万円の案件を継続受注した場合、手数料20%なら月2万円・年間24万円が差し引かれることになります。これは決して小さい金額ではありません。

当プラットフォームのように手数料0%の仕組みを併用することで、同じ仕事量でも手取りが大きく変わります。初心者のうちはクラウドソーシングで実績を作り、慣れてきたら手数料の低いサービスへ徐々に重心を移していく、というのが現実的な戦略です。

在宅・リモート前提案件が多い

当プラットフォームに掲載されているWebデザイン関連案件は、その大半が在宅・リモート前提です。住んでいる地域に左右されず、自分のペースで取り組めるのが、Webデザインという仕事の大きな魅力です。

特に子育て中の方、介護中の方、地方在住の方にとって、在宅で完結する案件の存在は、キャリアを継続するうえでの大きな支えになります。私自身、相談に来られる方の多くがこうした事情を抱えており、Webデザインという選択肢が「生活と仕事を両立する現実解」になっている場面を、数えきれないほど見てきました。

「未経験だから無理」「年齢的に遅い」と感じる必要はまったくありません。今日この記事を読み終えたら、まずFigmaのアカウントを作ってみる。それが最初の一歩で、9ヶ月後の景色を変えていきます。一緒に、無理のないペースで進んでいきましょう。

公的機関・関連参考情報

本記事の内容に関連する公的機関や信頼できる情報源は以下の通りです。最新情報は公式サイトで確認してください。

厚生労働省

よくある質問

Q. 実績が全くない未経験者でも、ポートフォリオは作れますか？

はい、作れます。実際の仕事としての実績がなくても「自主制作」や「架空のクライアントへの提案」という形で、あなたのスキルを証明することは可能です。大切なのは「何を作ったか」ではなく「どんな課題をどう解決しようとしたか」という思考プロセスを見せることです。

Q. 実務経験がないため、架空のサイト（架空案件）しか掲載できませんが評価されますか？

はい、未経験者の場合は架空案件でも十分に評価の対象となります。既存サイトの課題を分析した上でのリデザイン案や、ターゲットを細かく設定したコンセプトサイトを制作してください。重要なのは「どのようなビジネス上の課題を設定し、デザインという手段を用いてどう解決に導いたか」という論理的なプロセスです。

Q. ポートフォリオサイト自体もHTML/CSSで自作すべきですか？

コーダーやフロントエンドエンジニアとしてのスキルも同時にアピールしたい場合は、自作することが強く推奨されます。一方で、UI/UXデザインやグラフィック作成のスキルのみを重視するポジションを狙うのであれば、STUDIOやWixなどのノーコードツールを使用して構築しても全く問題ありません。目的に応じてツールを選択してください。