辻本
この記事をご覧の方は、これからWebデザインを独学して副業をしたいと考えられている方が多いと思います。
最近では、クラウドソーシングやフリーランス専門エージェントなどのインフラが整ってきているので、副業する難易度はかなり下がっていると感じます。
この記事では、Webデザイナーに人気の副業や仕事を獲得する方法についてご紹介します。
Webデザイナーになるために必要なスキル
| 働きやすさ | リモートOKな案件が豊富 |
|---|---|
| 平均年収 | 360万円 |
| 必須スキル | Photoshop/Illustrator/HTML/CSS/JavaScript/jQuery等 |
| 案件獲得方法 | クラウドソーシング/フリーランス専門エージェント/Web制作会社・広告代理店の下請け |
| ポイント | コーディングやディレクション業務を巻き取ることで年収UP |
Webデザイナーとして、即戦力で働けるようになるには以下の知識・スキルを身につけておく必要があります。
それでは、順に見ていきましょう。
デザインの基本原則
優れたデザインには必ず共通する4つの基本原則があります。まずは、デザインの基礎である４つの基本原則を押さえておきましょう。
・近接（関連する項目をグループ化する）
・整列（位置、大きさ、形、色などを揃える）
・反復（太字体、罫線、色、アイコンなどの要素を繰り返し用いる）
・コントラスト（フォントの大きさや形に変化をつけてメリハリをつける）
Photoshop/Illustrator
『Photoshop
』と『Illustrator』はデザインを作成するためのツールです。Photoshopは主にWebデザインや写真・画像加工、Illustratorはロゴやイラストなどの図形を扱います。
一般的にはこの2つのソフトが必須ですが、ツールの価格が割高な点でハードルが高いです。最初は、XDのような無料で使えるデザインツールを活用するのもおすすめです。
辻本
『Adobe Creative Cloud コンプリートプラン』に契約して、PhotoshopやIllustratorを活用されている方が多いです。
HTML/CSS
HTMLとは、テキストボックス・文字・表・画像・リンクなど、Webページに必要な部品を配置するための言語です。
HTMLが文章の構造を作るのに対して、CSSは「HTMLをどのようなデザインでブラウザに表示するかを指定する言語」なので、HTMLとセットで使用されます。
Webデザイナーにとって、HTML/CSSの知識はWebサイトを制作する際や、コーダーとコミュニケーションを取る場面で必ず必要になります。
JavaScript/jQuery
JavaScript/jQueryは、HTML/CSSだけでは表現が難しいアニメーションやお問い合わせフォームなどを作る場合に必要なスキルです。
実際の現場では、Webデザイナーではなくコーダーが実装することが多いです。なので、JavaScript/jQueryを用いてどのようなデザインや機能を実装できるかといった、基礎知識のみをインプットする程度で問題ありません。
レスポンシブデザイン
パソコン・タブレット・スマホの全てに最適化されたWebページを作るためには、レスポンシブデザインの知識が必要になります。
まずはパソコンで表示されるデザインを作成し、そのデザインを基にタブレット・スマホに最適化されたデザインを作っていくのが一般的です。レスポンシブサイトは基本的にHTML/CSSの応用系なので、HTML/CSSの基本をおさえておけば問題ありません。
まずは本で体型的にwebデザインを学びたいという方は、「Webデザインを学びたい方におすすめの本10選」を一読されることをおすすめします。
Webデザイナーにおすすめの副業3選
Webデザイナーにおすすめの副業は以下の3点です。
それでは、順に見ていきましょう。
ロゴ・バナー制作
ロゴ・バナー制作は、企業やサービスの顔となるクリエイティブになるのでとても重要な仕事です。
これらの案件は、コンペ形式で募集が行われることが多く、クリエイターはランラーズやクラウドワークスを活用して仕事を受注するケースが多いです。
バナー作成に関しては、企業が新しい商品・サービス・キャンペーンをリリースする度に欠かせない仕事で、しっかり結果を残せば継続案件を獲得することができます。
Webサイトデザイン
Webサイトデザインは、PhotoshopやXDなどのデザインソフトを活用して、ワイヤーフレームやデザインカンプを制作する仕事です。
Webサイトは1ページだけでなく、複数のページで構成されることが多いため、デザインのトンマナを合わせるためにまとめて依頼されるケースが多いです。
辻本
デザイン制作後のコーディングに関しては、フロントエンドエンジニアが担当することが多いので、エンジニアとの密な連携が求められます。
コーディング
コーディングは、前述のWebデザイナーが制作したデザインをもとに、HTML、CSS、JavaScript、PHPの設計や実装、WordPressなどのCMS構築やカスタマイズなどが主な業務になります。
企業によってはWebデザイナーの業務内容が異なり、コーディングの一部もWebデザイナーが担うケースがあります。
コーディングだけでなく、企画や設計など上流工程に関するスキルや、サーバーサイドの知見があるとWebデザイナーとしての仕事の幅を一気に広げることができます。
Webデザイナーの副業平均単価・年収
フリーランスのWebデザイナーの平均年収は300～400万円です。300〜400万円台が約3割、500万円以上が約3割、それ以外は100万円台から1000万以上と広く分散しています。
バナー制作：5000円〜
ロゴ作成：1万円〜
WEBデザイン（デザインのみ）5万円〜
WEBデザイン（コーディング込み）10万円〜
大企業・中企業・小企業で働くデザイナーの平均年収は以下の通りです。エンジニアの場合、フリーランスになることで年収がグンと上がるケースが多いですが、Webデザイナーの場合フリーランスと会社員は同じ年収水準になっています。
| 企業規模 | 平均年収 | 平均月額給与 |
| 大企業のwebデザイナー | 406万円 | 25万円 |
| 中企業のwebデザイナー | 336万円 | 21万円 |
| 小企業のwebデザイナー | 304万円 | 19万円 |
Webデザイン未経験から副業で稼ぐ3つのステップ
Webデザイン未経験から副業で稼ぐステップを以下の3つにまとめてみました。
それでは、順に見ていきましょう。
独学orスクールで学んだのち転職
この章では、Webデザイナーとしての実務経験がゼロの状態から、副業で仕事獲得する方法について解説します。
現在会社員の方であれば、Webデザインスクール（オンライン）でスキルを習得→転職して会社で実務経験を1年以上積んでから副業を開始のステップでフリーランスを目指すことをおすすめします。
スクールで学びたい方はCodeCampがおすすめ
| 受講区分 | オンライン |
|---|---|
| 受講形態 | マンツーマンレッスン |
| 価格 | 148,000円(税込)〜 ※業界最安 |
| 期間 | 2ヶ月・4ヶ月・6ヶ月 |
| 習得スキル | Illustrator・Photoshop・HTML/CSS・JavaScript・Bootstrap |
『CodeCamp
』は、オンライン型のWebデザインスクールとしては最も人気・実績（受講者数3万名・レッスン満足度96.6%）があるスクールです。
IllustratorやPhotoshopによる写真加工やバナー・ロゴなどの素材作成から、Webサイトのデザインやレイアウトを調整するレスポンシブ対応のWebデザインスキルが身に付きます。
また、HTML/CSS・JavaScriptもカリキュラムに含まれているので、コーディングスキルを身に付けてキャリアアップをしたいWebデザイナーの方にもおすすめです。
・業界No.1の実績と人気のオンラインデザインスクール
・一人ひとりのペースに合わせたオンラインレッスン
・未経験からWebデザイン・サイト制作を学びたい方におすすめ
・在宅・副業・フリーランスなど自由な働き方が目指せる
・転職サポートも充実している
1年以上の実務経験を積む
前述のWebデザインスクールで学習した後、いきなりWebデザイナーとして副業をはじめる方を多く見かけますが、個人的にはオススメしません。
なぜなら、スキルが低い状態で副業をはじめてしまうと、クラウドソーシング等で低単価な案件は受注できるかもしれませんが、フリーランス専門エージェントが保有しているような高単価案件は受注できません。
ですので、「副業をはじめてみたもののあまり稼げないな・・」と悩んでいる方は、『マイナビIT AGENT
』などのIT業界に強い転職エージェントを活用し、転職先でWebデザイナーとしての実務経験を1年以上積んでから独立することをおすすめします。
フリーランス専門エージェントを活用する
Webデザイナーにとって、営業工数をかけず、かつ安定して副業案件を獲得するには、フリーランス専門エージェントに登録することが最も有効です。
週末の土日に稼働したい方や、フルリモート案件をお探しの方は、以下でご紹介するレバテッククリエイターの活用をおすすめします。
レバテッククリエイター | 業界最大級の案件保有数
| 運営会社 | レバテック株式会社 |
|---|---|
| 対象 | Webデザイナー・グラフィックデザイナー・イラストレーター・アートディレクター etc. |
| 最高単価 | 115万円 |
| サポート内容 | 案件提案/キャリア相談・単価交渉・福利厚生 |
| 求人数 | 約5,000件 |
| 支払いサイト | 月末締め翌月15日支払い |
| 手数料 | 非公開 |
| 対象エリア | 東京/神奈川/埼玉/千葉/大阪/兵庫/大分 |
『レバテッククリエイター』は、イラスト制作からグラフィックデザイン、コーディングを始め、ディレクション、プランニングまで様々な業務委託案件、派遣求人を保有しています。
出典：https://creator.levtech.jp/
Webデザイナーやイラストレーター、アートディレクターなどの職種検索はもちろんのこと、PhotoshopやIllustrator、Maya、3ds Maxなどのデザインツールでも案件を検索することができます。
辻本
・業界最大級の案件保有数（5,000社以上）
・高い専門性を持つコーディネーターが在籍
・利用者満足度92.6%
・契約更新率90%超
＼業界最大級の案件保有数／
最後に
以上、Webデザイナーにおすすめの副業や、Webデザイン未経験から独学する方法ついてご紹介しました。最後までご覧いただきありがとうございました。
・Webデザイナーに必須のスキル（Photoshop/Illustrator/HTML/CSS/JavaScript/jQuery/レスポンシブデザイン etc.）
・Webデザイナーにおすすめの副業（ロゴ・バナー制作/Webサイトデザイン/コーディング）
・Webデザイナー平均年収360万円
・Webデザインの副業案件を獲得する方法（クラウドソーシング/Webデザイナー専門エージェントの活用）
現在サラリーマンの方で、これからフリーランスになるための準備を始められる方は、以下の記事をステップ①から順に実践されることをおすすめします。
「ノマド家」は、湘南に拠点を構える、業界最大手のフリーランス専門シェアハウスです。
エンジニア・デザイナー・マーケター・動画クリエイターなどのWeb系フリーランスが入居しています。
同業のフリーランスと仕事や人脈、ノウハウをシェアし合いながら働きたいという方は、ぜひお気軽にご連絡ください！
