Webデザインを学びながら働く方法5選！未経験から仕事を始めるには？
「未経験からWebデザインを学びながら働ける会社はある？」
「今の仕事を辞めずにWebデザインを学んで、将来は副業や転職につなげたい！」
Webデザイナーを目指していても、収入がなくなることへの不安から、仕事を辞めて勉強に専念するのは難しいですよね。
また、未経験からWebデザインの仕事を始めたいものの、実務経験がなければ採用されないのではないかと悩む人もいるでしょう。
実際には、Web制作会社のアシスタントとして働く方法や、現在の仕事を続けながらスクールで学び、副業を始める方法などがあります。
Webデザインは働きながら学べます。ただし、未経験歓迎の求人でも基礎スキルが必要な場合があるため、自分の経験や生活に合った方法を選ぶことが大切です。
Webデザイナーとして就職してから学ぶ場合と、今の仕事を続けながら勉強する場合では、必要な準備も異なります。
この記事では、Webデザインを学びながら働く5つの方法を紹介します。未経験者向けの求人の探し方や、仕事と学習を両立する方法、注意点まで解説します！
Webデザインは未経験から学びながら働ける？
Webデザインは未経験からでも学びながら働けますが、入社後に学べる範囲や、採用時に必要なスキルは会社によって異なります。
たとえば、Web制作会社では、最初に画像加工やサイトの更新などを担当し、経験を積んでから本格的なデザイン制作を任される場合があります。
一方、仕事を続けながらオンラインスクールや独学でWebデザインを学び、スキルを身につけてから転職する方法もあります。
「学びながら働く」という言葉だけで判断せず、入社して学ぶのか、現職と勉強を両立するのかを決めましょう。
| 働き方 | 収入の得方 | 主な特徴 |
|---|---|---|
| 未経験からWeb制作会社へ入社 | 勤務先から給与を得る | 実務を通じてスキルを習得 |
| 現在の仕事とスクールを両立 | 現在の仕事の給与 | 収入を維持しながら体系的に学習 |
| 現在の仕事と独学を両立 | 現在の仕事の給与 | 費用を抑えて自分のペースで勉強 |
| 副業案件を受けながら学習 | 受注した案件の報酬 | 学んだスキルを実務で磨く |
収入を維持したい人は、まず現在の仕事を続けながら基礎を学ぶ方法が考えられます。Web制作会社へ転職したい人は、求人の応募条件も確認してみましょう。
Webデザインを学びながら働く5つの方法
Webデザインを学びながら働く方法は、Web制作会社への就職だけではありません。
現在の仕事や収入を維持したいか、早く実務経験を積みたいかによって、取り組みやすい方法が異なります。
1.未経験歓迎のWeb制作会社へ就職する
Web制作会社の未経験歓迎求人へ応募し、働きながら実務スキルを身につける方法があります。
入社後は先輩の指導を受けながら、画像加工やバナー制作、Webサイトの更新などを担当する場合があります。実際の制作案件に関われるため、依頼主の要望や納期を意識した仕事を経験できます。
ただし、「未経験歓迎」は必ずしも「スキル不要」という意味ではありません。PhotoshopやFigmaの基本操作、制作した作品の提出などを求める求人もあります。
応募前に研修内容や最初に担当する仕事を確認しましょう。
2.Web制作のアシスタントやアルバイトから始める
Web制作の補助業務を担当するアルバイトやアシスタント職も、実務に触れながら学びたい人に向いています。
仕事内容には、写真の加工や商品画像の作成、ホームページの記事更新、既存ページの修正などがあります。デザイン全体を任されなくても、制作現場での作業手順を知る機会になります。
ただし、職場によってはデータ入力や事務作業が中心で、デザイン制作にあまり関われない場合もあります。
勤務時間だけでなく、実際に担当する制作業務の割合も確認しておきましょう。
3.今の仕事を続けながらWebデザインスクールで学ぶ
現在の収入を維持しながらWebデザインを学びたい人には、仕事とWebデザインスクールを両立する方法があります。
オンラインスクールには、録画教材を好きな時間に視聴できるものや、夜間・休日に講師の授業を受けられるものがあります。
独学とは異なり、カリキュラムに沿って学習を進めたり、制作した作品の添削を受けたりできる点が特徴です。ただし、授業以外にも課題制作の時間が必要です。
受講前には、毎週必要な学習時間と授業を欠席した場合の対応を確認しましょう。
4.独学しながら現在の仕事を続ける
学習費用を抑えたい人は、書籍や動画教材を利用して、現在の仕事を続けながら独学する方法もあります。
平日の退勤後や休日に、デザインの基礎やFigmaなどの操作を勉強します。まずはバナーを1枚制作し、慣れてきたらLPやホームページのデザインに取り組むとよいでしょう。
ただし、独学では自分の作品の改善点を判断しにくく、わからないことを調べる時間も必要になります。
学習を続けるために、毎週の目標と作品の完成期限を決めておきましょう。
5.小規模な副業案件を受けながら経験を積む
基本的な制作スキルを習得したら、対応できる範囲の副業案件を受け、実務経験を増やす方法があります。
たとえば、SNS用のバナー制作や既存画像のサイズ変更、簡単なページ更新などです。実際の依頼に取り組むことで、要望の聞き取り方や修正対応、納品方法を学べます。
ただし、勉強中だからといって、依頼主に対する品質や納期の責任がなくなるわけではありません。
習得していない技術が必要な案件を無理に受けると、納期遅延や契約上のトラブルにつながる場合があります。
Webデザインを学びながら働ける求人の探し方
未経験からWeb制作の仕事を始めたい場合は、求人の探し方も工夫しましょう。
最初から「Webデザイナー」という職種名だけで探すと、実務経験者向けの求人が多く見つかる場合があります。
探し方1.未経験歓迎・研修ありなどの条件で検索する
求人サイトでは、「Webデザイナー 未経験」「Web制作 アシスタント」「Webデザイン 研修あり」などの言葉を組み合わせて検索しましょう。
特に未経験者は、完成したデザインだけでなく、Web制作の補助業務から経験を積める求人も確認してください。
求人を探す際は、ハローワークや一般的な転職サイト、企業の採用ページなどを利用できます。
- Webデザイナー 未経験歓迎
- Web制作 アシスタント
- Webデザイン 研修あり
- バナー制作 アルバイト
- ホームページ更新 未経験
探し方2.求人票の仕事内容と研修内容を確認する
未経験歓迎の求人でも、研修内容と入社後に担当する業務を必ず確認してください。
「研修あり」と書かれていても、一般的なビジネスマナー研修だけの場合や、デザイン制作とは別の業務を担当する場合があります。
制作ツールの研修があるか、誰が仕事を教えるのか、いつから制作業務を担当するのかを確認しましょう。
雇用形態・給与・勤務地・試用期間中の条件も、通常の求人と同じように確認する必要があります。
| 確認する項目 | 確認したい内容 |
|---|---|
| 仕事内容 | 実際にデザイン制作を担当するか |
| 研修制度 | 使用するツール・研修期間・指導担当者 |
| 応募条件 | ポートフォリオや基礎スキルの必要性 |
| 雇用条件 | 給与・勤務時間・雇用形態 |
| 配属先 | Web制作の部署で働けるか |
| キャリア | 補助業務から制作業務へ担当範囲が広がるか |
「未経験歓迎」という言葉だけで応募を決めず、入社後にどんな作品を制作できるのか質問してみましょう。
Webデザインを学びながら働くために必要なスキル
未経験からWebデザインの仕事を目指す場合、最初からすべての技術を習得する必要はありません。
ただし、基本的なデザインの考え方や制作ツールの操作を学んでおくと、求人への応募や副業の準備を進めやすくなります。
1.配色・レイアウトなどデザインの基礎
最初に、配色や余白、文字の配置、情報の優先順位など、Webデザインの基礎を学びましょう。
Webデザインでは、見た目を整えるだけでなく、利用者が必要な情報をすぐに理解できるように制作します。
たとえば、商品の広告バナーなら商品写真や価格、伝えたい言葉をどの順番で目立たせるか考えます。
普段利用するWebサイトを観察し、なぜその配置になっているのか考えることも勉強になります。
2.Figma・Photoshopなどの基本操作
Webデザインの仕事を始める前に、FigmaやPhotoshopなどのデザインツールの基本操作を身につけておきましょう。
FigmaはWebサイトの画面設計などに利用され、Photoshopは画像加工やバナー制作などで使われます。
ただし、仕事によって使用するツールは異なります。最初からすべてを覚えようとせず、自分が制作したいものに必要な機能から学びましょう。
操作方法を学んだら、練習用のバナーやWebページを実際に制作してみてください。
3.HTML・CSSの基本知識
Webサイト制作まで担当したい人は、HTMLとCSSの基礎も学んでおきましょう。
HTMLはWebページの文章や画像などの構造を指定し、CSSは文字の大きさや色、配置などを調整するための言語です。
デザインだけを担当する仕事では、必ずしもコーディングを求められるとは限りません。ただし、仕組みを理解しておくと、エンジニアとの相談にも役立ちます。
求人に応募する際は、デザインとコーディングのどちらを担当するのか確認しましょう。
4.依頼内容を理解して制作する力
Webデザインの仕事では、相手が何を作りたいのか理解し、目的に合わせて制作する力も必要です。
たとえば、採用サイトのデザインなら、応募者に仕事内容や会社の魅力が伝わることが重要です。
依頼主の希望だけでなく、サイトを見る人が何を知りたいのかを考える必要があります。
練習で作品を作る際も、対象となる人や制作目的を決めてから取り組みましょう。
働きながらWebデザインを学ぶための学習計画
Webデザインを働きながら学ぶ場合は、勉強に使える時間を先に整理しましょう。
平日の退勤時間や休日の予定に合わせて、無理なく続けられる計画を立てることが大切です。
1.平日1時間・休日3時間を確保する場合
仕事や家事で忙しい人は、平日に1時間、土日にそれぞれ3時間ずつ勉強するなど、週11時間を目安に学習計画を立ててみましょう。
平日はデザインの基礎やツール操作を学び、休日にバナーやWebページの制作課題へ取り組みます。
毎日長時間勉強しようとするよりも、継続できる時間を確保することが大切です。
| 曜日 | 学習時間 | 取り組む内容 |
|---|---|---|
| 月〜金 | 各1時間 | 教材・ツール操作・復習 |
| 土曜日 | 3時間 | バナーやWebページの制作 |
| 日曜日 | 3時間 | 課題の修正・次週の準備 |
| 合計 | 週11時間 | 学習計画の一例 |
2.最初の3ヶ月で学ぶ内容を決める
勉強を始める前に、最初の3ヶ月で何を学び、どんな作品を作るのか決めておきましょう。
たとえば、1ヶ月目にデザインの基礎とツール操作、2ヶ月目にバナー制作、3ヶ月目にLPの一部を制作する計画です。
学習の進み具合には個人差があるため、予定どおりに進まない場合は制作する作品数を調整しても問題ありません。
教材を見るだけで終わらせず、毎月ひとつは完成した作品を残すことを意識しましょう。
- 1ヶ月目：デザインの基礎・Figmaなどの操作
- 2ヶ月目：広告バナーやSNS画像の制作
- 3ヶ月目：LPデザインの練習・作品の修正
3ヶ月で必ず仕事を受けられるという意味ではありません。自分のペースで作品を増やし、必要なスキルを身につけましょう！
Webデザインを学びながら働くときの注意点
働きながらWebデザインを学ぶと、収入を維持しながら新しいスキルを身につけられます。
一方で、学習時間の不足や求人内容の確認不足などによって、思うように進まない場合もあります。
注意点1.未経験歓迎でもWeb制作を担当できるとは限らない
未経験歓迎の求人に入社しても、最初からWebデザインの制作業務を担当できるとは限りません。
勤務先によっては、事務や顧客対応などの仕事を中心に担当し、デザイン制作へ進むまでに時間がかかる場合があります。
また、研修期間中の業務内容や配属先が決まっていることもあります。
入社後の仕事内容を確認せずに転職すると、希望していたWebデザインの経験を積めないおそれがあります。
注意点2.仕事が忙しくて学習時間が不足する場合がある
仕事とWebデザインの勉強を両立する場合は、残業や休日出勤によって学習時間が不足することがあります。
特に短期集中型のスクールでは、授業を受ける時間に加えて制作課題の時間も確保しなければなりません。
忙しい時期がある人は、録画授業や振替制度、受講期間の延長などを確認しましょう。
睡眠時間を削って勉強するのではなく、学習期間を長めに設定することも大切です。
注意点3.勉強中でも依頼主への責任は発生する
副業案件を受ける場合は、Webデザインを勉強している途中でも、契約で決めた納期や制作内容を守る必要があります。
たとえば、バナー制作を依頼された場合は、画像サイズや納品形式、修正回数などを事前に確認します。
依頼内容を十分に理解しないまま引き受けると、想定外の追加作業が発生する場合があります。
最初は自分が対応できる作業を選び、制作条件を文書で残しておきましょう。
注意点4.副業を始める前に勤務先のルールを確認する
現在の仕事を続けながらWebデザインの副業を始める場合は、勤務先の就業規則を確認しましょう。
会社によっては、副業の申請や事前の承認が必要な場合があります。また、現在の勤務先と競合する事業や、会社の機密情報を利用した仕事には注意が必要です。
副業の報酬を得た場合は、税金や確定申告についても確認してください。
勤務先のルールを守り、本業に支障が出ない範囲で仕事を受けることが大切です。
Webデザインを学びながら仕事を始める4ステップ
未経験からWebデザインの仕事を目指す場合は、いきなり難しい案件へ応募するのではなく、基礎学習と作品制作から始めましょう。
ここでは、仕事への応募までの準備を4つに分けて紹介します。
STEP1.Webデザインの基礎とツール操作を学ぶ
まずは配色やレイアウト、文字の配置などの基礎と、デザインツールの使い方を学びましょう。
初心者の方はFigmaやPhotoshopなどのデザインツールを使い、簡単なバナー制作から始めましょう。
最初から高度なWebサイト制作に取り組む必要はありません。
教材を見て覚えるだけでなく、自分で手を動かして操作を身につけていきましょう。
STEP2.実際にバナーやWebページを制作する
基本操作に慣れたら、架空の商品やサービスをテーマにバナーやWebページを制作しましょう。
たとえば、カフェの新商品を紹介する広告バナーや、架空の美容室のホームページなどです。
作品を作る際は、対象となる人や制作目的を決めると、実際の仕事に近い練習になります。
完成した作品を見直し、読みやすさや情報の伝わりやすさを改善しましょう！
STEP3.ポートフォリオを準備する
制作した作品をポートフォリオにまとめ、自分がどのようなデザインを作れるのか伝えられるようにしましょう。
ポートフォリオには、完成した画像だけでなく、制作目的や使用したツール、工夫したことも記載します。
求人や案件によっては、採用担当者がポートフォリオを見てスキルを判断する場合があります。
架空の依頼を想定して制作した作品は、自主制作であることを明記してください。
STEP4.未経験向け求人や対応できる案件へ応募する
基本的なスキルとポートフォリオを準備できたら、未経験者向け求人や自分が対応できる制作案件を探しましょう。
就職を目指す場合は、研修制度や仕事内容を確認します。副業を始める場合は、制作範囲と納期を守れる小規模な案件から検討しましょう。
不採用になった場合も、応募条件と現在のスキルを比較すると、次に学ぶべきことを整理できます。
実務経験を増やしながら、少しずつ担当できる制作内容を広げていきましょう。
働きながらWebデザインを学ぶなら「びるどるスクール」
「現在の仕事を辞めずにWebデザインを学びたい」「独学では作品の改善点がわからない」と悩んでいる人もいるでしょう。
仕事を続けながらWebデザインを学ぶ場合は、授業時間だけでなく、録画教材の利用や質問・添削サポートも確認したいところです。
「びるどるスクール」は、オンラインでWebデザインを学び、将来的に副業やフリーランスとしての仕事を目指せるスクールです！
Web制作サービス「びるどる」が運営しており、プロの講師によるリアルタイム講義や、制作課題への質問・添削サポートを受けられます。
リアルタイム講義に参加できなかった場合も録画で内容を確認できるため、残業や休日の予定がある人も学習を進めやすい仕組みです。
- オンラインのリアルタイム講義で学べる
- 授業の録画を使って復習できる
- 質問・作品添削のサポートがある
- バナーやLP・ホームページのデザインを学べる
- 学習内容に応じた案件紹介の仕組みがある
- 生成AIをWebデザインへ活用する方法も学べる
びるどるスクールには、基礎コースとマスターコースの2種類があります。学びたい内容や目指す仕事に合わせて比較しましょう。
| 項目 | WEBデザイン基礎コース | WEBデザインマスターコース |
|---|---|---|
| サポート期間 | 2.5ヶ月 | 4.5ヶ月 |
| リアルタイム講義 | 合計6回 | 合計15回 |
| 主な学習内容 | Webデザインの基礎・バナー制作など | 基礎・LP・ホームページのデザイン制作 |
| 質問・添削 | あり | あり |
| 案件紹介 | 学習内容に応じて紹介 | 学習内容に応じて紹介 |
| 受講料金 | 最新料金は無料相談で確認 | 最新料金は無料相談で確認 |
卒業後には、学んだスキルを活かした制作案件の紹介を受ける仕組みもあります。ただし、案件の受注や報酬が保証されるわけではありません。
仕事と両立できるか不安な人は、無料相談で講義の時間帯や課題の量、サポートの内容を確認してみてください。
Webデザインを学びながら働くことに関するよくある質問【Q＆A】
最後に、Webデザインを学びながら働きたい人からよくある質問へ回答します。
Webデザインは完全未経験でも働きながら学べる？
完全未経験でも現在の仕事を続けながらWebデザインを学べます。
一方、Web制作会社へ入社して学びたい場合は、求人によって基礎スキルやポートフォリオが必要です。
最初はデザインの基礎やツール操作を学び、簡単な作品を制作してから応募する方法もあります。
働きながらWebデザインを学ぶには何ヶ月必要？
Webデザインの基礎学習には数ヶ月程度を計画する方法がありますが、必要な期間は学習内容や勉強時間によって異なります。
バナー制作を学ぶ場合と、LPやホームページ全体の制作まで学ぶ場合では、必要な練習量も変わります。
仕事を目指す場合は、基礎学習に加えてポートフォリオ制作や応募準備の時間も考えておきましょう。
Webデザインを学びながら給料をもらえる会社はある？
未経験者を採用し、研修や実務を通じてWebデザインを教える会社であれば、給与を受け取りながら学べる場合があります。
ただし、研修期間の給与条件や仕事内容は会社によって異なります。
求人票で雇用形態や給与を確認し、面接では研修後に担当する制作業務について質問しましょう。
職業訓練でWebデザインを学びながら働ける？
Webデザインを学べる職業訓練はありますが、原則として求職者の就職支援を目的とする制度なので、現在の勤務状況や受講条件を確認する必要があります。
訓練内容には、デザインツールの操作やHTML・CSS、ホームページ制作などが含まれる場合があります。
受講料が無料の訓練でも、教材費などが必要になる場合があります。訓練日程や受講資格についてはハローワークへ相談しましょう。
Webデザインは独学でも仕事にできる？
独学でWebデザインを学び、作品制作や実務経験を積んで仕事を目指すことはできます。
ただし、ツールの基本操作を覚えるだけでは、依頼主の要望に合わせた制作が難しい場合があります。
作品を作って改善を重ね、ポートフォリオで自分のスキルを伝えられるようにしましょう。
Webデザインを学びながら副業で稼げる？
基本的な制作スキルを身につければ、対応できる範囲の副業案件を受けて報酬を得ることは可能です。
ただし、学習を始めたばかりの段階では、案件を受けるためのスキルが不足している場合もあります。
まずは自主制作で練習し、納期や品質に責任を持てる仕事から始めましょう。
まとめ～Webデザインは自分に合った方法で学びながら働こう～
Webデザインは、未経験者向けのWeb制作会社へ就職する方法や、現在の仕事を続けながら勉強する方法などで、学びながら働けます。
今の収入を維持したい人は仕事と学習を両立し、実務経験を早く積みたい人は制作会社の未経験者向け求人を調べるなど、自分の状況に合った方法を選びましょう。
また、仕事を受けるにはデザインツールの操作だけでなく、作品制作や納期管理、依頼主とのやり取りなども必要です。
働きながらWebデザインを学び、将来的に副業やフリーランスとしての仕事を目指したい人は、オンラインで学べる「びるどるスクール」もチェックしてみてください。
