目標達成のための課題

副業や在宅フリーランスのWebデザイナーになるためにクリアすべき課題は２つに分解できます。

ひとつずつ解説していきましょう。

課題１　Webデザイナーのスキルを身につける

まず、下記の表のようなスキルの中身と優先順位を知ることが必要です。

幅広く「お勉強」しようと思わず、最優先の項目に絞って短期間で身につけ、１日でも早く実戦に身を投ずるのがプロへの近道です。

進んだ内容は実務の中で身につけていくようにしましょう。

Webデザイナーのスキル

	必要不可欠	望ましい	上級者向け
プログラミング	HTML CSS	JavaScript	jQuery SCSS
グラフィックソフト	Photoshop	Illustrator	ワイヤーフレーム Adobe XD
知識	Webデザインの基本 Web制作の流れ	ドメインとサーバの基本

プログラミング

HTML	Webの文書構造を示す言語です。文章の各部に「ここは見出し、ここは本文、ここは表」みたいな印をつけてパソコンで見た時に適切に表示されるようにするものです。
CSS	Webのデザインを記述する言語です。文書構造を示すHTMLと分けられていることにより、文章をさわらずにデザインだけを変えることが可能になります。
JavaScript	Webに動きをつけるための言語です。時間とともに表示内容を変化させたり、クリックすると何かの反応をしたりということが実現できます。 知らなくても静的なサイトは作れるので、最優先のスキルではないですが、近年はWeb製作者の常識になっているので、できれば初歩ぐらいはマスターしておきたいところです。
jQuery	JavaScriptのライブラリです。事前に組み上げた便利な小部品の集合のようなもので、凝った動きを手短に書くことができます。ここまで知っていると単なるWebデザイナー以上の存在です。
SCSS	デザインの記述言語でCSSの進化版です。知っておくにこしたことはないレベルのスキルです。

グラフィックソフト

ソフトはいろいろな会社のものがありますが、プロのデザイナーならAdobe（アドビ）社の製品（PhotoshopやIllustratorなど）を使わねばなりません。

すべてのプロ、企業の間でアドビ社の製品が事実上のスタンダードになっているからです。

他社のソフトを使っているとファイルの互換性に問題が出るので、「面倒くさい素人」とみなされ、相手にされません。

アドビ社のソフトは購入方式ではなく、すべてサブスクリプションです。

Photoshop単体のサブスクは月額2千円台、アドビ社全製品のサブスクでも月額5千円台で、いつでも最新のバージョンが使えます。

プロの必要経費と割り切りましょう。

Photoshop	アドビ社のレタッチソフト。写真の修整や加工、バナーの作成などに使います。初歩は簡単ですが、凝った機能まで使いこなそうとするととても奥が深いソフトです。
Illustorator	アドビ社のベクターイメージ編集ソフト。Photoshopだけでなく、これも使えるとオリジナリティのあるパーツが作れます。Webデザインでの用途はそんな感じですが、印刷物原稿や精緻なイラスト作品も作れる奥の深いソフトです。
XD	アドビ社のプロトタイプ作成ソフト。構想段階のWebサイトをプレゼンするのに使います。 単体のサブスクはなく、「アドビ製品全種」のサブスクに含まれています。 習得は簡単ですが、優先順位の低さから「上級者向け」に分類しています。
ワイヤーフレーム	Webサイトの構想をモノクロ線画で示す「ワイヤーフレーム」を無料で作れるWebサービスです。（要メルアド登録）これだけアドビ社と無関係です。 習得は簡単ですが、優先順位の低さから「上級者向け」に分類しています。

Webデザインの構想説明はモノクロ線画（ワイヤーフレーム）、デザインカンプ、プロトタイプ（簡略化した試作品）などで行います。

Adobe XDを使うと非常にプロフェッショナルな印象のプレゼンができます。

しかし、エクセルやワードで作ったり、手描きで説明する人もいるぐらいですから、優先度は低いです。

まずはHTML/CSSとPhotoshopをマスターしましょう！

知識

Webデザインの基本	Webデザインの世界には、フォントの使い方、ナビゲーションの位置など、一般的な暗黙のルールがいろいろあります。そういうものがわかっていないと、修正指示さえ面倒な素人のデザインになってしまいます。あえて掟破りするのは上級技。初心者はまず常識を身につけましょう。
Web制作の流れ	企画担当、フォトグラファー、イラストレーター、コピーライター、コーディング作業者など、他のチームメイトとスムーズに協力していくためには、制作の流れを把握しておくことが必要です。
ドメインとサーバの基本	レジストラで独自ドメインを入手して、レンタルサーバーに設置できる程度の知識。 コーディングの担当者がいればやってくれることですが、フリーランスで個人や商店主のクライアントを相手にする場合は、そこまでヘルプを求められることもあります。

課題２　仕事を取ってくる

スキルを身につけるのはスクールで習えばだれでもできます。

フリーランスになれるかどうかの本当の分かれ目は、自分で仕事を見つけてこれるかどうかです。

４つの受注方法

主に下表の４つの方法が考えられます。

もし可能なら先に１～３年くらいデザイン事務所やＩＴ企業に勤務する道も検討してみてください。

４つのどの方法においても企業でのデザイナー経験がある方が有利で、仕事を取りやすくなります。

１．クラウドソーシング	スキルを売りたい人と買いたい人が出会えるウェブサービス。デザイナーもクライアントもレベルは玉石混淆。言い換えれば駆け出しWebデザイナーも受注できるチャンスあり。
２．転職エージェント	デザイナーと仕事を派遣や正社員の形でマッチングしてくれるサービス。フルリモートの場合もあり。ただ、実務経験がない人は登録しても紹介に時間がかかったり、紹介してもらえない可能性も。
３．知人の紹介	安くホームページを作りたいニーズはたくさんあります。料金以上にいいものを作ってあげると喜んでくれて口コミが広がる可能性はあります。
４．企業への飛び込み営業	実績のない人はまず相手にされない。

３の「知人の紹介」は運頼みな面があります。

結局、未経験者から始めた駆け出しが仕事を取れる可能性が一番あるのは、１のクラウドソーシングです。

クラウドソーシングの使い方

代表的なサービスとして、クラウドワークスやランサーズがあります。

登録すれば発注者にも受注者にもなれます。

Webデザイナーのジャンルに登録し、プロフィールやポートフォリオ（作品実例集）を作成します。

クライアントとの出会い方は、公募案件に応募して選んでもらうか、またはＷｅｂデザイナーの中で発見してもらうか。

どちらにしても選んでもらえるように、プロフィールやポートフォリオを魅力的なものにすることが大切です。

クラウドソーシングでの報酬相場はリアルの世界より割安です。

最初は報酬より経験を積むことを優先して、あまり多くを求めずに受注することです。

そしてだんだん自信がついてきたら、仕事を選ぶようにします。

クライアントの中には外注に不慣れな個人や商店主もいます。

指示があいまいだったり、コロコロ変わったり、安い単価なのに要求が過大な人もいます。

そういうお客さんに出会って苦労し、対処法を学ぶのも修行です。

上手に仕事とクライアントを選び、スムーズにこなせるようになるまで、一定の時間がかかることは覚悟しておく必要があります。

Fammママ専用スクール

SHElikes Webデザインコース

テックアカデミーの３コース

パソコンの仕事で副業・独立を狙うなら、ワードプレスを覚えてサイトの作成やメンテナンスを請け負うのもいい考えです。

世界中のサイトの１／４がワードプレスで作られているとも言われており、需要が大きいです。

おすすめのスクールはテックアカデミー。

国内最大のオンラインプログラミングスクールで、講師は全員現役エンジニアです。

当サイトの管理人・徳野はこのスクールのワードプレスコースを受講して卒業しました。

卒業証書もつけて体験記を公開しているので、参考にしてください。

士業のホームページ作成ドットコム