30歳手前までPCすらまともに触れない
完全未経験から Webデザイナー
になることが出来ました！

フリーランスになる前の準備やなった後の実務サポートも紹介してます。

30代手前までに 20種類以上のアルバイトを経験し、正社員として4社を渡り歩きました。

会社員としての給料は一般的ですが、フリーランスで毎月15万〜20万円ほどの収益を得ています。

副業を始めたことで将来への不安が減り、今はやりたいことができる毎日を楽しめています！

「Webデザイナー」って何？どんなことをする仕事？

「Webデザイナーになりたい！」

漠然と思っているけど、そもそもWebデザイナーってなんのことかどんな仕事かイマイチよくわからないという方に向けて、わかりやすく説明していきます。

「Webデザイン」や「Webデザイナー」の仕事についてはもうわかっているよ！

という方は、次のステップ「Webデザイナーになるためには？」へ進んでください。

一番はじめに、なんとなくでも「デザイナー」について理解しておくと全体像が掴めて、学習が進めやすくなるので自信がない方はぜひ読んでみてください。

全くの未経験からでもWebデザイナーになれるの？

「美大やデザイン専門学校にも通っていない、パソコンスキルもない完全未経験からでもWebデザイナーになれるの？」

→結論「なれます。」

実際在宅で働いてみて「こんな働き方もあるんだ！パソコンだけで成り立つ仕事ってすごいな。」と実感しています。

Webデザイナーは「飽和状態」なんてことも言われていますが、スキルは人によって異なりますし、まだまだAIにも取られない仕事だという実感もあります。

「Webデザインは独学からでも始められる！」というメリットはあるものの、一応技術職でもあるため少なからず学習は必要になってきます。

デザイナーはセンスも必要でしょ？

たとえば、デザインには配色やレイアウトなどの基本ルールがあり、コツさえ覚えれば、それを使って応用が効きます。

初心者の方でも学んでいけば、素敵なデザインを作れるようになります。

「やってみたい」という
気持ちがあれば大丈夫です！

Webデザイナーになるメリット

私の場合は、Webデザインをやっていると「とにかく楽しい！」「飽きない！」です。

1.働く場所や時間に縛られない

2.スキルが身につき転職が有利

3.自分の「好き」がお金に

4.フリーランスも目指せる

PCスキルはもちろん、デザイン以外のスキル（マーケティングやディレクション、ライティングなど）も自然と身に付くので、他の職場にいったときにも重宝されるというというメリットがあります。

Webデザイナーになるためには？

では、どうやって「Webデザイナー」になるのか？

Webデザイナーになるための４ステップ

ゆくゆくはフリーランスを目指している方なら、特に制作現場を見た方がスムーズです。

以下は、制作会社からの内定を仮のゴールとした4ステップです。

よく話題に上るのが、「未経験からWebデザイナーとしてフリーランスになれるの？」という疑問です。

実際、独学でフリーランスとして活動を始める方も一定数います。

私の経験上、制作会社に一度入社後、実務を通して学んでいく方が 効率的かつ現実的 です。

現場にいると、体感的にスキルを習得できるスピードが圧倒的に早いからです！

フリーランスとしての活動を考えている場合、制作会社とコネクションが作れるので、お仕事をもらえたり、自分のスキルが足りない（特にエンジニアのような技術はない）時にも安心できます。

ステップ0｜どんなデザイナーになりたい？

先に言ったように「Webデザイナー」の定義はとっても曖昧で、制作会社によっても業務範囲が全く違います。

まずは、Webデザイナーやクリエイターには、どんな職種があり、どんな業務内容なのか、自分の適性にあっているかチェックしておきましょう。

自分はどんなことをやっていきたいか、何を重点的に学ぶべきかを明確にしておくと学習がスムーズに行きます！

ステップ1｜Webデザインを学ぼう

ステップ０で、「Webデザイナーに興味を持った！」または「Webデザインに挑戦してみたいな」と思った方はここから始めてみてください。

 ワイヤーフレーム・デザインカンプで使うツール

---

 素材やイラスト・バナー制作で使うツール

---

 コーディング開発で使うテキストツール

---

 画像ファイルやファイル転送に使うツール

初心者でお金を全くかけない場合は、以下の方法でなんとかいけます！

無料ツールのデメリット：Canvaは無料だと使える素材が少ない。サイトで使いたい無料の素材データがAdobeというデザインソフトを持っていないと開けない、色変更など細かい編集が出来ないなど。

デザインに慣れてきたら、アドビのイラストレーターやフォトショップを勉強しておきましょう！

現場ではAdobe（アドビ）ソフト（Illustrator、Photoshopなど）は必ず使用すると考えてよいのですが「どんなものなのか試したい人」にとっては金額が高すぎます…。

イラレとフォトショップの両方使うなら、全ツール使えるアドビクリエイティブクラウドで月額8,000円くらいかかる（泣）。

 デザインツールの特徴、無料で使えるツール、料金をまとめたので詳しく知りたい方は以下の記事を参考にどうぞ。

静的サイトと動的サイトの違い

サイト制作には大きく分けると2種類あります。

静的なサイトか動的なサイトか。俺かオレ以外かではありません。

静的サイトと動的サイトのメリットとデメリット

ここでは、静的サイトと動的サイトのメリットとデメリットをまとめました。

用途にとって使い分けが必要です。両方の知識を持っておくと安心できます！

サイトの用途によってさらに分類されます。

 コーポレートサイトやサービスサイトの違いやサイトの種類について、さらに詳しく知りたい方はこちら

サイト制作ツール

HTMLを使ったサイト制作以外にも、簡単にウェブサイトを作成できるツールがたくさんあります。

最近では、HTMLやCSSなどコードを使わずにデザインや機能を自由にカスタマイズできるサイト制作ツール（ノーコードツール）が登場しています。

いきなりたくさん出てきて「何のこっちゃ」となるかもしれないので補足です。

実際のクライアント業務では、新規サイトをゼロから制作することもありますが、既存サイトのカスタマイズやリニューアルを行うことが多いです。

そのため、初心者の方は、HTMLやCSSを使った静的サイトの基本を理解して、WordPressの使い方を覚えておくことをおすすめします。

また、上で紹介したノーコードのサイト制作ツールについても、時間があればぜひ勉強してみてください。

Webデザイナーになる時にかかる費用ってどのくらい？

Webデザイナーになるのにかかるお金についてまとめました。

無料範囲でも十分使えるCanvaやfigma、画像編集ソフトを駆使して、「Adobe料金をうかせる！」という選択肢もあります。

この場合、デザインツール費が無料になるので、サーバー・ドメイン代のみ月500円程度〜始められます。

学習段階ではこちらで十分です。

企業側がAdobe契約をしている場合が多い（企業ロゴなどは特にイラストレーター形式で送られることが多い）ため、クライアントの環境に合わせて Adobe契約 が必須になってくる と覚えておいてください。

本格的にWebデザインをはじめるなら、現時点ではAdobe一択になるかとおもいます。

Webデザインの基本

独学にしても、職業訓練校に通うにしても基礎は大事です！

最低以下の内容は覚えておくとデザイナーのイメージがしやすいです。

サイトが表示される仕組みは？

ブラウザ（GoogleやSafariなど）でURLを入力すると、ブラウザがサーバーにデータを取りに行き、それをHTMLをもとに表示しています。

 HTMLを使用してどのようにサイトが表示されるのか学びましょう！

あわせて読みたい

【Webデザイナー初心者向け】Webサイトが表示される仕組みと基礎知識 Webデザインに挑戦してみたいけど、何から始めればいいのかわからない…そんな悩み抱えてませんか？ Webサイトをデザインをするためには「ITリテラシー」、インターネッ…

デザインの基本4原則

デザインには欠かせないデザイン4原則です。

こちら覚えておくと、今後のデザインに活かせます。

 「デザイン4原則」について詳しく知りたい方はこちら

あわせて読みたい

これだけで誰でもプロ級に！デザインの基本4原則｜近接・整列・反復・対比 デザインの基本4原則は、誰でも簡単にデザインを見やすく、分かりやすくするためのコツです。 この4つの原則は、美大やデザイン専門学校、Webデザインのスクールでも取…

視認性って？

見やすいデザインにするためには、「可読性（かどくせい）」と「視認性（しにんせい）」を学びましょう。

 「視認性」や「可読性」について詳しく知りたい方はこちら

あわせて読みたい

視認性と可読性とは？見やすいデザインに欠かせない2つの要素を理解しよう！ デザインで「視認性（しにんせい）」「可読性（かどくせい）」という言葉を聞いたことはありますか？ この2つの要素はデザインをより良くするために欠かせない要素です…

最初は、ざっくりこのあたりで大丈夫です。

独学でWebデザインを学ぶ

Webデザイナーは最初にお話しした通り、ユーザー体験がポイントになってきます！

そのため、サイトの内側（HTMLなど）やサイトが表示される仕組みがわからないと、Webサイトのデザインが難しくなってきます。

高クオリティなデザインができたとしても、Webサイトでは画像一枚を表示するわけではなく、コーディングが必要だからです。

最低限で良いので、HTML・CSS・JavaScriptを学びましょう！

以下のステップで学習をするとスムーズです！

学習サイトを活用する

私も実際に学ばせていただいたWebデザイン初心者さん向けの学習サイトをご紹介します。

職業訓練校を活用してWebデザインを学ぶ

Webやデザインに関する基礎を学ぶために、職業訓練校はぜひ活用してみてください。

ここで学んでみて、「やっぱり自分にはWebデザイナーが合わないな」と思えばやめることもできます。

自分に適性があるか確認の場としては、大変効率的です。

 職業訓練校に向いてる人、向いてない人の特徴をまとめてます。

 職業訓練校の入校方法や倍率、カリュキュラムについて、こちらで詳しく説明してます。

ステップ2｜ポートフォリオを作成しよう！

転職活動でもフリーランスとしても必ず必要になってくるポートフォリオです。

Webデザインについて学んだら、早速自分のポートフォリオサイトを作成しましょう。

ポートフォリオサイトの作成手順

以下の9ステップでポートフォリオサイトを完成させましょう。

 ポートフォリオ作成ガイドはこちら

ステップ3｜転職サイトに登録して転職活動を行う

ポートフォリオができたら、次は転職活動です。

私が実際に登録した転職サイトをいくつかご紹介します。

広範囲で転職探しする場合

制作会社など決め打ちではなく、印刷会社やSNSマーケティング、デザインに携われそうな職を広範囲で探すときに活用した転職サイトです。

パート・アルバイトも視野に入れた場合

働き方と自分の実力を考えて、パートやアルバイト、派遣、単発勤務なども視野に入れた時に活用した転職サイトです。

制作会社しか狙ってない場合

Web制作会社に入る！という目的で、登録したIT・Web業界特化の転職サイトです。

 在宅ワークのメリット、デメリット、在宅勤務を始める前にやっておきたいことをまとめました。転職活動する前にお役立てください。

取得しておくと良い資格

Web制作の現場に入って思ったこと。

資格は必須ではないです。

「努力した」という証明にはなりますが、何ができるのかは作品を見せないと伝わらないので、ポートフォリオを完成させてから資格取得を考えてみましょう。

Webデザイン会社とっておいて損がない資格は以下です。

デザイン未経験だからこそ、デザインで勝負ではなく他のスキルセットでアピールするのもアリです！

 さらに詳細を知りたい方はこちら

ステップ4｜制作会社に入社する

Web制作会社に入れば、身につく速度は格段に速いです。

また、全く同じ案件は一つもないのでさまざまな対応力が身につきます。

 在宅ワークに必要なアイテムまとめ記事はこちらです。

 現場で必ず使う拡張機能を紹介してます。

ステップ5｜スキルが身に付いたらフリーランスも視野に

制作会社に入社後すぐは学びの連続で余裕がないと思いますが、スキルを身につけて自分の作品をどんどん増やしていきましょう。

副業から始めて、徐々にフリーランスを目指せます！

 フリーランスになる前の準備はこちら

よくある質問

ここでは、Webデザイナーになる前やWebデザイナーになった後のギモンにお答えします！