この記事にはプロモーションを含みます。
掲載しているスクールや講座の一部は広告です。
ただし紹介の順番や評価は、広告の有無で変えていません。
Webデザイナーを目指すときは、希望する仕事内容を決めてから、必要なスキルと学習方法を選びましょう。
この記事では、Web制作会社の視点で学ぶ順番とポートフォリオの準備を整理します。講座の紹介には広告を含みます。
- 1. Webデザイナーの仕事は、思われているより幅が広い
- 2. 採用する側が実際に見ているもの
- 3. 学ぶ順番
- 4. 独学とスクール、どちらを選ぶか
- 5. Adobe Creative Cloud をどうするか
- 6. どのくらいの期間がかかるか
- 7. 最初の仕事をどう取るか
- まとめ
1. Webデザイナーの仕事は、思われているより幅が広い
「Webデザイナー」という呼び名は、実際には複数の職種をまとめた言葉です。
求人票で同じ名前が使われていても、任される仕事はまったく違います。
| よくある呼び名 | 実際にやること | 求められる中心のスキル |
|---|---|---|
| Webデザイナー（制作会社） | サイトの見た目を設計し、そのままコーディングまで行うことが多い | デザインとHTML/CSS |
| Webデザイナー（事業会社） | 自社サイトやバナーの更新、LPの作成 | 運用の速さと、CMSの扱い |
| UIデザイナー | アプリやサービスの画面設計 | 情報設計とFigma |
| マークアップエンジニア | デザインをHTML/CSSに起こす | コーディングの正確さ |
| バナー・広告デザイナー | 広告用の画像を量産する | スピードとPhotoshop |
最初にどれを目指すかを決めないまま学び始めると、学習の順番が定まりません。
制作会社の求人に応募したいのか、事業会社で自社サイトを触りたいのかで、必要なものが変わります。
2. 採用する側が実際に見ているもの
未経験者が制作スキルを伝えるとき、ポートフォリオは重要な判断材料です。
求められる作品や提出方法は応募先によって異なるため、募集要項も確認しましょう。
資格やスクール名だけでは、どのような制作ができるかは伝わりません。
作品とその説明を用意し、自分で担当した範囲や工夫を示しましょう。
ポートフォリオで見ているのは「上手いかどうか」より前に、次の3つです。
・課題として与えられた条件を満たしているか
・なぜそのデザインにしたのかを説明できるか
・実際に動くものとして公開されているか
3つめが抜けている応募は多くあります。
画像だけを並べたポートフォリオは、コーディングができるのかどうかが判断できません。
1つでいいので、自分でドメインを取って公開したサイトがあると、それだけで話が早くなります。
3. 学ぶ順番
- HTMLとCSS最初にここを終えないと、何を作っても形になりません。
教材は無料のもので十分です。 - デザインツールFigmaかPhotoshopのどちらか1つで構いません。
両方を同時に覚える必要はありません。 - 模写既存のサイトを、見た目が同じになるまで作り直します。
ここで実力の差がつきます。 - オリジナル制作架空でよいので、目的のあるサイトを1つ作ります。
ポートフォリオの主役になります。 - 公開と改善実際に公開し、表示速度やスマートフォンでの見え方を直します。
ここまでやると経験として語れます。
やらなくてよいこと
JavaScriptのフレームワーク（ReactやVue）を最初に学ぶ必要はありません。
制作会社の実務では、まだWordPressとHTML/CSSが中心です。
デザインの資格も、取得を急ぐ必要はありません。
ポートフォリオが弱い状態で資格だけあっても、評価にはつながりません。
4. 独学とスクール、どちらを選ぶか
結論から言うと、独学で進められる人は独学で構いません。
教材は無料で十分に揃っています。
スクールにお金を払う価値があるのは、次のどれかに当てはまる場合です。
- 1人だと続かない自覚がある（最も多い理由で、これは十分な理由になります）
- 作ったものを評価してくれる相手がいない
- 転職の期限が決まっていて、遠回りする時間がない
- Adobe Creative Cloudを安く手に入れたい（後述します）
逆に「独学だと就職できない」という理由でスクールを選ぶ必要はありません。
学習方法だけで採否が決まるわけではありません。募集要項に合うスキルと、その根拠になる作品を準備しましょう。
スクールの比較は別の記事にまとめています。
料金の幅が大きく、同じ「Webデザイン」でも学べる範囲がまったく違うので、先に自分がどの職種を目指すかを決めてから見てください。
5. Adobe Creative Cloud をどうするか
PhotoshopとIllustratorを使うなら、Adobe Creative Cloudの契約が必要です。
利用するアプリと契約期間に合わせて、Adobe公式のプランを比較してください。
ここで知っておくとよいのが、Adobe公認スクールの通信講座に付いてくるライセンスです。
講座費用にAdobe CCの利用権が含まれており、結果として通常より安くなることがあります。
社会人でも購入できます。
詳しい比較は別記事にしていますが、選択肢としては デジハリ・オンラインスクール、ヒューマンアカデミー（たのまな）、アドバンスクールオンライン の3つが代表的です。
確認しておくこと
この仕組みは講座の受講が前提です。
ライセンスだけを目的に購入するものではありません。
法人での購入は認められていません。
個人として学ぶ場合の選択肢です。
価格や条件は変わります。
申し込む前に必ず各校の公式サイトで最新の内容を確認してください。
6. どのくらいの期間がかかるか
個人差が大きい部分ですが、目安を示します。
以下は学習計画を組むための目安です。応募できる水準や採用までの期間を保証するものではありません。
| 学習にあてる時間 | ポートフォリオが形になるまで | 備考 |
|---|---|---|
| 平日夜＋週末（週15時間） | 6〜10か月 | 働きながらの標準的な進み方 |
| 専念できる（週40時間） | 3〜4か月 | スクールの短期コースが想定している速さ |
| 週5時間以下 | 1年以上 | 短い課題に分け、継続できる予定を組む |
使える時間に合わせて、1週間で取り組む課題を小さく区切りましょう。
教材を読む時間だけでなく、作品を作り、直す時間も予定に入れてください。
7. 最初の仕事をどう取るか
未経験から仕事につながる経路は、大きく3つです。
| 経路 | 向いている人 | 現実的なところ |
|---|---|---|
| 制作会社に就職 | 基礎から教わりたい／実務経験を積みたい | 未経験者の募集有無、担当業務、入社後の指導体制を確認する |
| 事業会社のWeb担当 | 腰を据えて1つのサイトを育てたい | デザイン以外の更新・分析・社内調整が業務に含まれるか確認する |
| フリーランス・副業 | 時間の融通を優先したい | 制作以外に、営業・見積もり・進行管理・納品後の対応も必要 |
副業から始める場合、最初は知人からの依頼か、クラウドソーシングになります。
単価は低いですが、実際に納品した経験は独学の課題より強い材料になります。
まとめ
- 「Webデザイナー」は複数の職種の総称。
どれを目指すかを先に決める - 募集要項を確認し、作品と説明で担当できる範囲を伝える
- 1つでいいので、実際に公開したサイトを作る
- 独学で続けられるなら独学で構わない。
スクールは続ける仕組みを買うもの - 時間を確保できるかを、教材選びより先に考える
この記事を書いた会社
SHIKUMIを運営するMOTOKI合同会社は、WordPressに特化したホームページ制作会社です（埼玉県所沢市）。
制作実績と担当範囲を公開しています。
単一の自社メディアで月間30万PVを達成した過去の実績があります（現在の月間PVではありません）。
MOTOKIはスクールの運営会社ではありません。Web制作の立場から、学習内容や作品づくりの確認点を紹介しています。掲載する講座の一部には広告・アフィリエイトリンクを含みます。
Webデザインの仕事・就職に関する記事
この記事は「必要な技能と、学ぶ順番」を扱っています。
関連する内容は、それぞれ別の記事にまとめています。
- 制作会社は未経験者のどこを見ているか｜採用側がポートフォリオのどこを見ているか
よくある質問：Webデザイナーになるとき
Webデザイナーは、どんな仕事のことですか？
サイトのデザイン、HTML/CSSによる実装、バナー制作、運用更新などを担う仕事です。同じ職種名でも担当範囲は会社ごとに異なります。まず募集要項で、希望する仕事に必要なスキルを確認しましょう。
制作会社は、未経験者の何を見ていますか？
作品の目的、要件への対応、自分で担当した範囲、判断の理由が伝わるかを確認できるポートフォリオを準備しましょう。実装を担当する職種なら、動作するサイトも有効な判断材料になります。
どんな順番で学べばよいですか？
サイト制作を目指すなら、HTML/CSSとデザインツールの基礎を学び、練習、オリジナル制作、公開後の確認へ進む流れが一例です。希望職種で必要な技術に合わせて調整してください。
資格は、取っておくべきですか？
応募先の要件を確認してください。資格の学習と並行して、スキルを具体的に示す作品と説明を準備することが大切です。
スクールに通う価値があるのは、どんな人ですか？
添削や質問への回答、学習計画、就職活動の支援が必要な方には選択肢になります。料金だけでなく、添削回数、回答時間、支援期間、作品制作の範囲を比較しましょう。
Adobe Creative Cloudは、どうすればよいですか？
必要なアプリ、利用期間、個人・法人の区分を決めて、公式のプランを比較してください。ライセンス付き講座も選択肢ですが、受講条件と更新時の扱いを確認する必要があります。
どのくらいの期間がかかりますか？
使える時間と経験によって異なります。本文の期間は計画用の目安です。期間だけで判断せず、自分で制作し、意図を説明し、表示・動作を確認できるかで進み具合を確かめましょう。
最初の仕事は、どうやって取りますか？
制作会社への就職、事業会社のWeb担当、フリーランス・副業などがあります。未経験者の募集条件や担当業務を確認し、応募・提案に合う作品を用意してください。副業では制作に加えて見積もりや納品後の対応も必要です。
