在宅ワーク

【在宅】Webデザインで稼げるようになる手順をイチから解説

こんにちは、リオ(@Rio_reach)です。

この記事では、初心者がWebデザインを学んで、実際に副業、果ては本業として稼げるようになるまでの詳細な手順を紹介します。

Webデザインってクリエイティブですし、なんだかおもしろそうですよね。

Webデザインを学ぶと、Photoshopやillustratorといったデザインソフトを使って、Webページや広告バナーを作れるようになります。

リオ
リオ
学ぶことはたくさんありますが、よいサイトを作るとクライアントさんにすごく喜んでもらえるやりがいのある仕事です。

そんなWebデザインですが、最近では在宅でもWebデザインのスキルを学ぶことができることをご存知でしたか?

本文にて、Webデザインで実際に稼げるようになる手順や学習方法について詳しく解説していきます。

Webデザインで稼げるようになる手順

Webデザインで稼ぐ手順
  1. デジタルハリウッド STUDIO by LIG、またはDesign Hacksで学ぶ。
  2. 自分でオリジナルのサイトを作る。
  3. 使用した講座のお仕事紹介、もしくは自分で仕事を探して、案件を受注する。

昔はWebデザイナーは専門学校に通って就く職業でしたが、今やWebデザインもオンラインで学べる時代になりました。

Webデザインで稼げるようになるためには、まずはデジタルハリウッド STUDIO by LIG、またはDesign Hacksで学びましょう。

ただし、Design Hacksで学ぶ場合、Webコーディングまでは学ぶことができません。
より本格的に稼ぎたい場合は、Skill Hacks、もしくはドットインストールでHTMLやCSSの知識をつけましょう。

自分でサイトを作る知識が身についたら、次にオリジナルのサイトを作りましょう。

自身に作りたいサイトがなければ、友達のサイトを作ってもいいですし、なんならTwitterで募集すれば、ホームページを作ってもらいたい人はたくさんいます。

作ったサイトは自身のポートフォリオになります。
ポートフォリオがあると、あなたのスキルの証明になりますので、仕事を探しやすくなりますよ。

Webデザインの学習におすすめの講座

リオ
リオ
学習の手順がわかったけれども、おすすめされている教材、どちらを使えば効率がいいの?

おすすめの教材として、デジタルハリウッド STUDIO by LIG、またはDesign Hacksを挙げさせていただきました。

では、どちらの教材を選べばいいのでしょうか?

結論から書くと、

上野もしくは池袋に通える人、短期集中で学びたい人、ゆくゆく本業にしていきたい人:デジタルハリウッド STUDIO by LIG
上野もしくは池袋に通えない人、家でさくっと副業で稼ぎたい人:Design Hacks

がよいです。

以下、それぞれの講座の特徴や、おすすめの理由を詳しく書いていきます。

デジタルハリウッド STUDIO by LIG

MainVisual 3
画像引用:デジタルハリウッド STUDIO by LIG

上野もしくは池袋に通えるのであれば、一番のおすすめは「デジタルハリウッド STUDIO by LIGです。

「デジタルハリウッド STUDIO by LIG」は超有名Web制作会社のLIGが運営するスクールです。
スクールは上野と池袋にあり、同社が運営しているコワーキングスペースの「いいオフィス」に隣接されています。

学習スタイルは、

  1. 動画で学ぶ。
  2. 習得度チェックの課題をする。
  3. 課題の添削を現役Webデザイナーのチューターにしてもらう。

という流れです。

動画は自宅でももちろん見ることができ、校舎に行かなくても学習を進めることができます。

現役のWebデザイナーさんがチューターとして校舎に朝10時から夜22時まで在籍してくれていて、
演習を見てもらったり、わからないことを対面で相談に乗ってもらうことができます。

通学する時間が決まっていないので、自由度が高いスクールです。

リオ
リオ
ちなみに私はMacの使い方がわからなかったので、LIGのチューターさんに教えてもらいました。
あとは、現場のプロがどんな風にショートカットを使ってより効率よく作業しているのかを知ることができたのもよかったです。

デジタルハリウッド STUDIO by LIG公式ページを見てみる

デジタルハリウッド STUDIO by LIGのメリット

BottomVisual 2
画像引用:デジタルハリウッド STUDIO by LIG
  • Webコーディング(HTML、CSS、JavaScript)まで教えてくれる。
  • 現役のWebデザイナーさんメンターにつき、オリジナルサイト作成までサポートしてくれる。
  • 校舎にはMacがデュアルディスプレイ環境で置いてあり、学習環境が最高。
  • 併設されているコワーキングスペース「いいオフィス」の共用スペースを無料で使える。
  • 修了後は幅広い案件から仕事を紹介してもらえる。

「デジタルハリウッド STUDIO by LIG」を一番おすすめする理由は、Webデザインだけでなく、Webコーディング(HTML、CSS、JavaScript)まで教えてくれて、オリジナルサイト作成までサポートしてくれる点です。

この次に紹介するDesign Hacksは、Webコーディングはカリキュラムに含まれていませんし、
オリジナルサイト作成もサポートはありません。

しかし、「デジタルハリウッド STUDIO by LIG」は、現役の現役のWebデザイナーさんメンターについて、オリジナルサイト作成までサポートしてくれますし、その過程で一緒に入学した生徒同士で仲良くなりやすいため、刺激になってスキルが上達しやすくなります。

校舎にはMacが置いてあるので、最悪パソコンを持っていなくてもOKです。

さらに、デュアルディスプレイなので、一画面で動画を見ながら、もう一つの画面でグラフィックデザインソフトを操作することができます。

リオ
リオ
このデュアルディスプレイが結構快適なんですよね…!さすがLIGです。

校舎に併設されているコワーキングスペースで勉強することもできるので、
なんだか自分がクリエイターになったみたいな気分を味わうことができますよ。

修了後は希望すればLIGの幅広い案件から仕事を紹介してもらうことが可能なので、
仕事に悩む心配もありません。

デジタルハリウッド STUDIO by LIG公式ページを見てみる

デジタルハリウッド STUDIO by LIGのデメリット

  • 池袋・上野に通う必要がある。
  • 受講料が高額。
  • 期間が6ヶ月と決まっている。

動画学習は自宅でできますが、現役のWebデザイナーに課題を添削してもらうためにはどうしても池袋もしくは上野に通う必要があります。

ただし、頻繁に通う必要はありません。

課題を家でやった状態で校舎に行けば、月1回程度でも問題ありませんし、
オリジナルサイト作成時は、メンターのWebデザイナーさんとSlackなどのツールでやりとりすれば、
通わなくても作業を進めることができます。

リオ
リオ
実際に、私が通っていた時は長野から月1回校舎に通っているという人もいました。

受講料は40万円以上と高額ですが、現役のWebデザイナーさんに直接教えてもらえるので、そこは仕方ないかなと思います。

期間も6ヶ月と固定になっています。
仕事をしながら通う場合は相当ハードスケジュールになることを覚悟しなければなりません。

ただし、どうしても仕事の都合や体調が悪くなるなど、学習が進められなくなった場合は、休学することも可能です。

リオ
リオ
実際に私も妊娠が発覚し、つわりで学習どころではなくなったため、休学をしています。

不安なことがあれば、無料の説明会にぜひ参加してみましょう。
情報を集めるだけでも、あなたの人生を前向きにする第一歩になりますよ。

デジタルハリウッド STUDIO by LIGの無料説明会に申し込む

Design Hacks

Designhacks lp
画像引用:Design Hacks

上野・池袋に通えない、もしくはお手軽に学習をはじめたいのであれば、Design Hacks

がおすすめです。

Design Hacksは、完全オンライン、自宅で動画を見て学ぶ講座です。
課題の添削や質問もLINEを使って行います。

Design Hacksはイケイケのプログラマーかつ起業家の迫佑樹さんが運営していて、講師はママデザイナーで月商100万円稼ぐるちこ先生です。

学習スタイルは、

  1. 動画で学ぶ。
  2. 習得度チェックの課題をする。
  3. 課題の添削をLINEでやってもらう。

という流れです。

リオ
リオ
LINEで講師とコミュニケーションをとる点が「デジタルハリウッド STUDIO by LIG」と異なります。
なお、講師のるちこ先生は返信が早く、かつ褒め上手で優しいとの評判ですよ。

Design Hacksの公式ページを見てみる

 

Design Hacksのメリット

  • 受講期間がなく、買い切りタイプの教材であるため、自分のペースで学習を進めることができる。
  • 完全に自宅で受講することができる。
  • 受講料が安い。
  • 修了後にお仕事を紹介してくれる。

Design Hacksに受講期間はありません。自分のペースで、完全に自宅で受講できます。

仕事や育児で忙しくても、スキマ時間で少しずつ学習を進めることができます。
期限に追われるストレスなく学習を進めることができます。

また、受講料が安いのも魅力です。

修了後は、お仕事案内所があり、そこから仕事を受注することが可能です。

リオ
リオ
私はDesign Hacksの姉妹教材であるMovie Hackを受講しています。育児中の私でもストレスなく学習を進めることができて本当にありがたいです。

Design Hacksの公式ページを見てみる

 

Design Hacksのデメリット

  • Webコーディングがカリキュラムに含まれていない。
  • オリジナルサイト作成までサポートしてくれない。

Design Hacksはとても良い講座なのですが、コーディング(HTML、CSS、JavaScript)はカリキュラムに含まれていません。

Webコーディングができなくても仕事は獲得できるのですが、Webのバナー制作(相場3000円〜)やペライチといった簡単なホームページ制作(相場10,000円)といった、低単価の案件しか獲得できません。

リオ
リオ
本格的なホームページ制作ができると、100万円といった案件があったりします。
Webコーディングができると、そのような高額案件を受注することも可能です。

別途本業があり、副業からスタートしたい場合はよいですが、本格的にWebデザインを学び、ゆくゆく本業にしていく場合は、HTMLやCSSといったWebコーディングを別の教材で学ぶ必要があります。

実際に、Design Hacksのホームページ上には、

この講座では、本格的なWEBサイトを作るためのコーディングの講座はございません。デザインにプラスして、HTML/CSSなどのコーディングの知識を身につけたい方は、SkillHacksを合わせて受講することをオススメします。
引用:Design Hacksをもっと詳しく見てみる

と記載されています。

SkillHacksではRailsといったフレームワークまで学習するカリキュラムになっており、正直Webデザイナーにそこまでのスキルは不要だと思うので、個人的にはドットインストールで、HTMLとCSS、余裕があればJavaScriptの講座を受ければWebデザイナーとして本格的に稼げるスキルが身につくと思います。

なお、Design Hacksはオリジナルサイト作成までサポートしてくれないため、別途MENTAでメンターを探してサイトを作成する手間がかかります。

しかし、それでも優秀な教材であることは変わりありません。
「デジタルハリウッド STUDIO by LIG」よりも安価に、かつ自分のスケジュールにより合わせて受講できる点は大きなメリットです。

Design Hacksを受講する

 

どうしても有料講座に踏み切れない場合

ここまで、おすすめの口座について述べていきましたが、

Webデザインが自分に向いているかわからないから、最初はお金をかけたくない!

というのが本音ではないでしょうか?

その場合は、Adobeコンプリートプラン無料体験で、illustratorやPhotoShopを触ってから考えてみましょう。

>> Adobe のillustratorを無料で体験してみる

上記のリンクから、「無料で始める」をクリックし、
Adobe02

コンプリートプランをクリックすれば、illustratorもPhotoshopも利用できます。
Adobe01

Adobeコンプリートプランは7日間無料で試すことができますが、
7日間経過すると自動的に月額費用が課金されます。
無料体験のみ希望する場合は、早めに解約しておきましょう。

解約のやり方は、Adobeアカウントにログインし、

Creative Cloud コンプリートプランの[プランを管理]をクリックします。
Adobe kaiyaku01

そして、[プランの解約]をクリックすると、解約に進むことができます。
Adobe kaiyaku

リオ
リオ
解約しても、7日間は無料で使うことができますので、忘れっぽい人は、すぐにやっておくと良いですよ。
使い続けたいと思ったら、また申し込めば良いので。

illustratorとPhotoShopをパソコンにインストールしたら、YoutubeのAdobe公式チャンネルを見ながら実際に手を動かして、グラフィックソフトを体験してみましょう。

illustratorの場合、
【illustrator入門】Step1 「図形の組み合わせ」

Photoshopの場合、
【Photoshop入門】色補正の基本 1/9 作業画面|-アドビ公式-

をやってみるといいと思います。

Webデザインの仕事の探し方

Search
Webデザインの仕事は、使用した講座で、紹介してもらうのが一番ラクです。
講座内部の人がスキルがどのくらいかも把握してくれているため、自身で自分を売り込まなくても良いからです。

しかし、使わなくても自身でオリジナルサイトを作っていれば、そのサイトがポートフォリオになります。
ポートフォリオがあれば、仕事マッチングサイトやエージェントを使えば少々の手間で仕事を見つけることができます。

自分でサイトから案件を選んでもいいですし、面倒であればエージェントサービスに登録すればOKです。

エージェントサービスなら、オリジナルサイトを見てもらえば、あなたのスキルを把握してくれるので、あなたにあった案件を紹介してくれますよ。

副業でやりたいのであれば、クラウドテックBizseekAnother worksあたりに登録、

転職を目指すのであれば、リクルートエージェントや、レバテックキャリアといったエージェントに登録すればよいでしょう。

リオ
リオ
今は仕事を探す手段はたくさんあります。オリジナルサイトが作れれば仕事のアピールができるので、簡単に仕事はゲットできますよ。

まとめ

Matome

この記事では、Webデザインで稼げるようになる手順を解説していきました。

Webデザインで稼げるようになるには、まずは、デジタルハリウッド STUDIO by LIG、またはDesign Hacksで学びましょう。

講座は以下の基準で選べばOKです。

上野もしくは池袋に通える人、短期集中で学びたい人、ゆくゆく本業にしていきたい人:デジタルハリウッド STUDIO by LIG
上野もしくは池袋に通えない人、家でさくっと副業で稼ぎたい人:Design Hacks

「デジタルハリウッド STUDIO by LIG」であれば、Webコーディングも学べますし、オリジナルサイト作成のサポートまでしてくれるので、効率よくスキルを習得できます。

まずは無料の説明会に行って、ぜひクリエイティブな現場を体験してみてください。

デジタルハリウッド STUDIO by LIGの無料説明会に申し込む

「デジタルハリウッド STUDIO by LIG」に通えない人は、Design Hacksでデザインとグラフィックソフトの勉強をし、
ドットインストールで、HTMLとCSS、余裕があればJavaScriptの講座を受け、
MENTAでメンターを探してオリジナルサイトを作成しましょう。

ブログの更新はTwitterにてお知らせしておりますので、興味がある方はぜひフォローしていただければ嬉しいです!

ここまで読んでいただき、ありがとうございました!

\在宅で稼げるスキルを紹介しています/
在宅で稼げる専門スキル4選【副業OK】【技術志向の人向け】こんにちは、元インフラエンジニアのリオ(@Rio_reach)です。 この記事では、在宅で安定して稼ぐことができる専門スキルを4つご紹...