独立を目指せる副業の仕事

【2021年】Webデザイナーにおすすめの副業3選!Webデザイン未経験から副業は可能?

ノマド家代表
辻本
ノマド家代表
辻本
フリーランスの自立・キャリアを支援するシェアハウス『ノマド家』を運営している代表の辻本です。

この記事では、日々Webデザイナーの独立をサポートする立場である私の目線で、Webデザイン初学者の方に本当に役立つ情報を厳選してご紹介します。

この記事をご覧の方は、これからWebデザインを独学して副業をしたいと考えられている方が多いと思います。

最近では、クラウドソーシングやフリーランス専門エージェントなどのインフラが整ってきているので、副業する難易度はかなり下がっていると感じます。

この記事では、Webデザイナーに人気の副業や仕事を獲得する方法についてご紹介します。

Webデザイナーになるために必要なスキル

Webデザイナーとして、即戦力で働けるようになるには以下の知識・スキルを身につけておく必要があります。

それでは、順に見ていきましょう。

デザインの基本原則

優れたデザインには必ず共通する4つの基本原則があります。まずは、デザインの基礎である4つの基本原則を押さえておきましょう。

Photoshop/Illustrator

Photoshop』と『Illustrator』はデザインを作成するためのツールです。Photoshopは主にWebデザインや写真・画像加工、Illustratorはロゴやイラストなどの図形を扱います。

一般的にはこの2つのソフトが必須ですが、ツールの価格が割高な点でハードルが高いです。最初は、XDのような無料で使えるデザインツールを活用するのもおすすめです。

ノマド家代表
辻本
ノマド家代表
辻本
もし、フリーランスのWebデザイナーとして活動するなら、デザインソフトを自前で用意しておく必要があります。

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を用いてどのようなデザインや機能を実装できるかといった、基礎知識のみをインプットする程度で問題ありません。

初心者がJavascriptを独学で学ぶのは難しい?資格の種類や勉強方法を解説! この記事をご覧の方は、「JavaScriptって初心者が独学で学習できるものなのかな・・」とお悩みの方が多いかと思います。 ...

レスポンシブデザイン

パソコン・タブレット・スマホの全てに最適化されたWebページを作るためには、レスポンシブデザインの知識が必要になります。

まずはパソコンで表示されるデザインを作成し、そのデザインを基にタブレット・スマホに最適化されたデザインを作っていくのが一般的です。レスポンシブサイトは基本的にHTML/CSSの応用系なので、HTML/CSSの基本をおさえておけば問題ありません。

【2021年】Webデザインを学びたい方におすすめの本10選! この記事では、これからWebデザイナーを目指す上で必ず頭に入れておくべき、「HTML/CSS(+JavaScript)の基礎知識...

Webデザイナーにおすすめの副業3選

Webデザイナーにおすすめの副業は以下の3点です。

それでは、順に見ていきましょう。

ロゴ・バナー制作

ロゴ・バナー制作は、企業やサービスの顔となるクリエイティブになるのでとても重要な仕事です。

これらの案件は、コンペ形式で募集が行われることが多く、クリエイターはランラーズクラウドワークスを活用して仕事を受注するケースが多いです。

バナー作成に関しては、企業が新しい商品・サービス・キャンペーンをリリースする度に欠かせない仕事で、しっかり結果を残せば継続案件を獲得することができます。

【2021年】クラウドワークスとランサーズどっちに登録すべき?数字と評判で徹底比較!クラウドソーシングサービスといえばどのサービスを思い浮かべますか?ほとんどの方がランサーズかクラウドワークスだと思います。 この記事では、ランサーズとクラウドワークスの各種ポイントを比較する事により、フリーランスにとってどちらが使いやすいサービスかを解説していきます。...

Webサイトデザイン

Webサイトデザインは、PhotoshopやXDなどのデザインソフトを活用して、ワイヤーフレームやデザインカンプを制作する仕事です。

Webサイトは1ページだけでなく、複数のページで構成されることが多いため、デザインのトンマナを合わせるためにまとめて依頼されるケースが多いです。

ノマド家代表
辻本
ノマド家代表
辻本
前述のロゴ・バナー制作と比較すると業務量が多く長期的な案件になりますが、その分報酬も高いです。

デザイン制作後のコーディングに関しては、フロントエンドエンジニアが担当することが多いので、エンジニアとの密な連携が求められます。

Web制作(HP・LP制作)を副業にするには?必要なスキルや仕事を獲得する方法を解説! この記事をご覧の方は、副業としても稼ぎやすく、フリーランスとしても独立しやすいWeb制作(ホームページ・LP制作)に興味がある方...

コーディング

コーディングは、前述のWebデザイナーが制作したデザインをもとに、HTML、CSS、JavaScript、PHPの設計や実装、WordPressなどのCMS構築やカスタマイズなどが主な業務になります。

企業によってはWebデザイナーの業務内容が異なり、コーディングの一部もWebデザイナーが担うケースがあります。

コーディングだけでなく、企画や設計など上流工程に関するスキルや、サーバーサイドの知見があるとWebデザイナーとしての仕事の幅を一気に広げることができます。

未経験からWebデザインは独学可能?挫折しない独学方法を解説! この記事をご覧の方は、Webデザインを独学するために教材を購入したものの、スタート時点でつまずいて独学に不安を感じている方が多い...

Webデザイナーの副業平均単価・年収

フリーランスのWebデザイナーの平均年収は300~400万円です。300〜400万円台が約3割、500万円以上が約3割、それ以外は100万円台から1000万以上と広く分散しています。

大企業・中企業・小企業で働くデザイナーの平均年収は以下の通りです。エンジニアの場合、フリーランスになることで年収がグンと上がるケースが多いですが、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デザイナーの方にもおすすめです。

ノマド家代表
辻本
ノマド家代表
辻本
経験豊富なエンジニア講師による個別指導を受けつつ、自分でできるようになるまで何度もフィードバックをもらえるので、初学者の方でも安心して受講することができます。

未経験からWebデザイン・サイト制作を学びたい方や、在宅・副業・フリーランスなど自由な働き方を目指したい方、コーディングスキルを付けてWebデザイナーとしての市場価値を上げたい方におすすめのWebデザインスクールです。

・業界No.1の実績と人気のオンラインデザインスクール

・一人ひとりのペースに合わせたオンラインレッスン

・未経験からWebデザイン・サイト制作を学びたい方におすすめ

・在宅・副業・フリーランスなど自由な働き方が目指せる

・転職サポートも充実している

【2021年】CodeCamp(コードキャンプ)の評判は?リアルな口コミとメリットまとめ CodeCampは、株式会社コードキャンプが運営するプログラミングスクールです。この記事では、CodeCampを受講するメリット...

1年以上の実務経験を積む

前述のWebデザインスクールで学習した後、いきなりWebデザイナーとして副業をはじめる方を多く見かけますが、個人的にはオススメしません。

なぜなら、スキルが低い状態で副業をはじめてしまうと、クラウドソーシング等で低単価な案件は受注できるかもしれませんが、フリーランス専門エージェントが保有しているような高単価案件は受注できません。

ですので、「副業をはじめてみたもののあまり稼げないな・・」と悩んでいる方は、『マイナビIT AGENT』などのIT業界に強い転職エージェントを活用し、転職先でWebデザイナーとしての実務経験を1年以上積んでから独立することをおすすめします。

【2021年】IT業界に強いおすすめ転職エージェントを厳選して10社ご紹介!この記事では、IT業界に転職するメリットについて、現役のWebコンサルタントである私の所感をご紹介させていただいた後、IT業界に強いおすすめの転職エージェントを10社ご紹介します。 記事の最後には、転職エージェントを選ぶポイントや利用手順について解説してますので、これからIT業界に転職される方はぜひ参考にしてみてください。...

フリーランス専門エージェントを活用する

Webデザイナーにとって、営業工数をかけず、かつ安定して副業案件を獲得するには、フリーランス専門エージェントに登録することが最も有効です。

フリーランスとして廃業する方のほとんどが、エージェントや代理店を利用せず、自分で企業に営業しているというデータがあるので、息の長いフリーランスになるためには積極的にエージェントを利用することをおすすめします。

DYMテック

DYMテック』は、株式会社DYMキャリアが運営するWeb系フリーランス専門のエージェントです。上場企業や中小企業約5,500社以上との取引があり、直請け高単価案件をたくさん保有しています。そのため、余計なマージンを抜かれず高報酬を実現することができています。

特に、実務経験が1年以上あるデザイナーエンジニアディレクターにおすすめのエージェントです。実際に職種検索で「Webデザイナー」と検索すると、200件以上の求人が見つかりました。(2021年4月時点)

その他にも、人材領域に精通しているDYMでは、上場企業や中小企業約5,500社以上との取引があり、他のエージェントでは取り扱いがない非公開案件を多数取り扱っています。

・直請けの高単価案件が豊富

・デザイナー・エンジニア・ディレクター案件が豊富

・週5常駐案件がメイン

【2021年】DYMテックの評判は?現役フリーランスがメリット・デメリットを解説! フリーランスにとって、営業工数をかけず、かつ安定して仕事を獲得するには、フリーランス専門エージェントに登録することが最も有効です...

最後に

以上、Webデザイナーにおすすめの副業や、Webデザイン未経験から独学する方法ついてご紹介しました。

・Webデザイナーに必須のスキル(Photoshop/Illustrator/HTML/CSS/JavaScript/jQuery/レスポンシブデザイン etc.)

・Webデザイナーにおすすめの副業(ロゴ・バナー制作/Webサイトデザイン/コーディング)

・Webデザイナー平均年収360万円

・Webデザインの副業案件を獲得する方法(クラウドソーシング/Webデザイナー専門エージェントの活用)

現在サラリーマンの方で、これからフリーランスになるための準備を始められる方は、以下の記事をステップ①から順に実践されることをおすすめします。

フリーランスになるための準備
  1. フリーランスとしてのキャリアプランを立てる
  2. 書籍Webメディアサロンスクール等でスキルを習得する
  3. 実務経験(1年以上)を積める企業に転職する
  4. 副業で月10万円以上稼げる状態にしておく
  5. 信用を必要とする契約(賃貸クレジットカード)を済ませる
  6. 税金社会保険確定申告のルールを理解する
  7. 屋号や事業内容を固めて開業届を提出する
  8. 名刺ホームページ(ブログ)を作成する
  9. 必須のサービス(会計ソフトクラウドソーシングフリーランス専門エージェント等)に登録しておく
  10. 案件やスキルシェアできる仲間を作る(フリーランスチームコミュニティシェアハウス
シェアハウス「ノマド家」

ノマド家」は、湘南に拠点を構えるフリーランス限定のシェアハウスです。

エンジニア・デザイナー・マーケター・動画クリエイターなどのWeb系フリーランスが入居しています。

同業のフリーランスと仕事や人脈、ノウハウをシェアし合いながら働きたいという方は、ぜひお気軽にご連絡ください!