副業でWeb制作を始めるためにやるべきことは？事前準備やなるための方法を解説

「Web制作を始めるには何から始めればいいの？」
「事前準備やなるための方法を教えて！」

副業でWeb制作を目指すには何から始めて何を準備すればいいのかわからない方も多いのではないでしょうか。副業でWeb制作を始めるには必要な準備がたくさんあります。

そこで、この記事では副業でWeb制作を始めるために必要な準備について詳しく解説していきます。副業で必要なスキルやWeb制作の案件事例、案件を獲得するまでのロードマップを紹介していますので、ぜひ参考にしてください。

■この記事は以下の内容が書かれています

■この記事でわかること

それでは早速スタートします。

副業で行うWeb制作とは？

まずは副業で行うWeb制作とは何か解説します。

Web制作の主な仕事はサイトの見た目・色合い・イラスト・フォント・アニメーション素材などを活用し、Web上にサイトを制作することです。

クライアントと話し合い、デザインをもとにコードエディタを使ってHTML/CSS、JavaScriptなどのプログラミング言語を用いてWebサイトの構成はもちろん、色やロゴ、フォント、アイコンの配置といった細かいところまで話し合ってホームページを制作していきます。

Web制作の仕事内容はWebサイトのコーディング以外にも企画設計やデザインなどと多岐にわたり、様々なスキルが必要です。

副業のWeb制作案件を始める前に準備すべきもの

副業でWeb制作を始める場合は自宅で作業を行うため、Web制作を行うための環境が必要です。Web制作の実案件を獲得する前に以下の準備をしましょう。

それぞれ、詳しく解説をしていきます。

パソコン

Web制作を副業で行う場合は、サイト制作を行うためのパソコンを準備しましょう。必要なパソコンのスペックは以下です。

上記のスペックを満たしているパソコンであれば、あとは好みなのでWindows、Macどちらでも構いません。

スマホ

今までは、ホームページはパソコンから見るのを前提に制作されていましたが、近年ではサイトを閲覧する方の多くはスマホで見るのが主流になってきました。

パソコンに比べて画面が小さいスマホは文字や画像が小さく表示されてしまうので、パソコン用のサイトのままでは内容が見づらくなってしまいます。

そのためサイト制作が終わった後にはレスポンシブ対応が必須です。そして、最終的にスマートフォン専用に最適化されたレイアウトになっているかの確認は必ずスマホで確認します。

もし、スマホを持っていない方は表示確認さえできれば良いので、端末を中古で購入しておきましょう。中古であれば大体10,000円程度出せば購入できます。

ディスプレイ

Web制作を行うにはノートパソコンの画面だけでは効率が悪いです。まだ、勉強をしている段階であれば問題ないですが、本格的に案件受注をするのであれば必ずモニターは購入しましょう。

Web制作の仕事では、デザインデータ、コードエディタ、Webブラウザの３つを同時に画面上に出して作業します。

大画面のモニターもしくは23インチのディスプレイを2つ並べてデュアルディスプレイにすることをおすすめします。作業効率が格段に上がり、より短時間で案件をおわらせることができます。

ディスプレイはAmazonや楽天で状態のいい中古品があるので、予算と相談して選定をしましょう。

Web制作を行う作業環境をどうすればいいか悩んでいる方は、以下の記事で私の実際の作業スペースのレイアウトを紹介していますので、ぜひ参考にしてください。

レンタルサーバー

Web制作ではクライアント側のWordPressを使って設定を行う案件が頻繁にあります。

案件を受注してから初めて操作をするのは、とても効率が悪くおすすめしません。あらかじめ操作になれておくためにも自分のサーバーを持って、練習しておくことを強く推奨します。

数多くあるレンタルサーバー選びは、国内最速の「ConoHa WING」か国内シェアNo.1の「エックスサーバー 」のどちらかを選ぶといいでしょう。

確定申告用の会計ソフト

個人として副業をしていく場合、以下の条件に該当する方は確定申告が必要です。

確定申告は作成する書類やお金の計算が面倒そうと感じる方もいるでしょう。しかし、今では面倒な事務作業は全てソフトが行ってくれます。

私も確定申告をはじめて行なった時は書類の整理からお金の計算ととても大変な思いをしました。
しかし、クラウド会計ソフトのfreeeを使うことで簡単に確定申告できて、「こんな簡単にできるんだ」と感動をしたのを覚えています。

なかでもおすすめなのがクラウド会計ソフトシェアNo.1のクラウド記帳代行で会計を自動化【freee会計】 です。

会計作業や確定申告はやればやるほど面倒なことがおこるので、早い段階で導入するのをおすすめします。

Web制作を副業で始めるために必要なスキル

ここでは、副業でWeb制作を始め案件を獲得できる最低限必要なスキルを紹介していきます。

それぞれ、詳しく解説をします。

ホームページ制作と更新

Web制作はホームページの制作や更新を行う案件が多い仕事です。

ホームページは企業や個人の「顔」となる重要なツールであり、ユーザーにとっての第一印象を決める大切なものです。そのため、デザインやレイアウト、使いやすさを考えて制作をしていかなくてはいけません。

ホームページをゼロから作るには、HTML・CSS・JavaScript等のプログラミング言語やIllustrator・Photoshopなどのツールを扱える知識・スキルが必要です。そのほかにも、検索エンジン最適化やモバイル対応など、サイトのアクセス性や見やすさを高めるための工夫も求められるため、幅広い知識とスキルが必要です。

Web制作を副業で始めるならまずはホームページの制作に必要なスキルを身につけることから始めましょう。

コーディングスキル

Web制作は、Webサイトを作るためにコーディングが必須スキルです。その際に必要なスキルが以下です。

Webサイトを制作していくにはHTMLやCSS、JavaScript/jQueryといった言語を使用していきます。最低でもHTMLやCSS、WordPressなどのCMSの使い方を知っておく必要があります。

HTML/CSSの理解がないと、案件を受注することはできませんし、仕事の幅もとても狭くなってしまいますので、コーディングが必須なWeb制作では必ずHTML/CSSは学んでおきましょう。

WordPressのデザイン変更や新規機能追加

WordPressはCMS（コンテンツマネジメントシステム）と呼ばれるシステムの一部で、多くの方が利用しています。Web制作の仕事ではクライアントの要望に合わせてサイト構築をしたり、デザインを変更したり、新機能を追加するなどをおこないます。

WordPressは多くの企業や個人が利用しているCMS（コンテンツ管理システム）で、Webサイトの構築から運営までを手軽に楽しめるため、ニーズも非常に高いです。

WordPressのテーマの調整や変更、レイアウトの調整など、クライアントのイメージに合った見た目に仕上げるには、HTML・CSS・JavaScript・PHP等のプログラミングやプラグイン等の知識が必要です。

WordPressのデザインや機能のスキルを身につけておくと、Web制作の副業の幅が広がりだけでなくクライアントの要望に合ったサイトを作成できるため、仕事を受注しやすくなるでしょう。

バナー・ロゴデザイン制作スキル

Web制作を副業で行う際には、バナーやロゴのデザイン制作スキルがあると、仕事の幅がさらに広がります。初心者・未経験者OKの案件も多いので、初心者の方も受注しやすいでしょう。

バナー制作では、企業のキャンペーンや告知内容を伝えつつ、視覚的にユーザーの目を引くデザイン力が求められます。特にWeb広告用のバナーは限られたスペースでのアピールが重要ですので、情報の整理やフォントの選択などがポイントです。

また、ロゴデザインのスキルがあると、クライアントのイメージやブランドコンセプトに合ったオリジナルのロゴを提供でき、より大きな付加価値を提供できます。 ロゴは企業の「顔」とも言えるので、シンプルですかつ印象に残るデザインを提案できることが求められます。

このように、Web制作のスキルに加えてバナーやロゴもできるようになりますと、クライアントデザインのニーズに幅広く対応していただけるため、副業の収入アップや継続的な案件にもつながりやすくなります。

デザインツールが使える

Webデザイナーを副業として行いたい場合、下記の3つのツールは使えるようにしましょう。

Illustratorはロゴやアイコン、イラスト、バナー広告などを作成する際に使用し、Photoshopは画像の編集に使用するソフトです。

デザインツールを使いこなせれば、Webデザインの仕事をスムーズに進められることが可能になるほか、使用できるツールが多ければ仕事の幅も広がります。ぜひ、デザインツールの操作方法をマスターしておきましょう。

案件獲得に向けた営業力

Web制作を副業でおこなうなら、案件獲得のためには営業力が必要です。

ただ、コーディング技術やスキルが優れていても、それをクライアントにアピールしなければ案件を獲得できません。単に自分を売り込むのではなく、「共に仕事をしたい」「案件を依頼したい」と思ってもらえるような営業をしなければいけません。

特にWeb制作の分野では、自分のスキルや作品を効果的にアピールし、クライアントのニーズを理解して提案するすることが必須です。具体的には、ポートフォリオの作成やSNS・ブログを活用した情報発信などの工夫が必要になるでしょう。

クライアントとの関係を築くためには、迅速な対応や前向きなコミュニケーションもあるといいでしょう。このように、Web制作を副業で行うためには、技術力と同じくらい営業力も重要です。

はじめのうちは応募をしても断られることが多いですが、そこは良い経験をしているとプラスに捉え、営業活動を続けていきましょう。

副業で行うWeb制作に求められる案件事例

ここまでWebデザイナーの仕事内容や必要なスキルや知識について解説しましたが、これらのスキルや知識をどのように習得すればいいのか悩んでいる方もいるでしょう。

ここからは、Webデザイナーを目指している方に向けておすすめなスキル習得方法を３つ紹介していきます。

それぞれ、詳しく解説をします。

Webサイト制作

Web制作を副業で始めるなら多くの依頼があるWebサイトの制作です。

必要なスキルもデザインからHTML/CSSを用いたコーディング、JavaScriptやPHPなどのプログラミング、CMS（コンテンツ管理システム）の設定と範囲が広いです。そのため、単価も高くなりやすい傾向にあります。

制作ページ数によって報酬や作業時間が変わりますが、はじめて案件を受注するならホームページの改修で1ページから行える案件を受注してみましょう。

経験が浅い方が取り組むにはややハードルが高いかもしれませんが、その分、クライアントが納得する成果を出せば収入面での大きなメリットがあります。

難易度
作業量	1ページ：10時間〜
単価	30,000〜500,000円

LP（ライティングページ）制作

LP（ライティングページ）とはユーザーが広告などのリンクをクリックしたときに表示される、1枚の縦に長いWebページのことで、制作規模としても少なくWeb制作を始めやすい案件です。

Webサイトの目的はさまざまで「企業案内・商品紹介」「認知拡大」「企業ブランディング」と企業によりますが、ランディングページは、どんな企業のLPであっても、目的はコンバージョン達成に絞られています。

ランディングページはユーザーが知りたい情報を1ページに集約して商品の販促や資料請求、サービスの申し込みなど、売上に関わるものが多く、どのような内容で制作をするのか、クライアントと相談をしながら制作をしていきます。

難易度
作業量	1ページ：7時間〜
単価	20,000円〜

WordPressを使った案件

Web制作の案件として多くあるのがWordPressを使ったWebサイト・ブログデザインの構築の案件です。

WordPressはCMSと呼ばれるツールで、ブログをやっている方が使うイメージがありますが、カスタマイズ性が高いことから、Webサイトとして使うクライアントさんが多くいます。

WordPressにあるテーマをもとにデザイン変更や設定をしてほしいという案件や大幅にデザインを変更して独自の機能を追加してほしいなど案件の難易度も単価も違います。

デザイン変更は行わずWordPressの構築・初期設定のみを依頼される場合もあり、個人が依頼を出しているケースも多数あるので、案件受注できる範囲も広がるためにもWordPressの操作になれておくことをおすすめします。

難易度
作業量	設定のみ：10時間〜、カスタム含む：20時間〜
単価	10,000円〜200,000円 ※案件範囲が広いため単価も広い

ECサイトの立ち上げ

最近よく案件で見るのが、販売サイトを利用したショップ立ち上げに関する依頼です。

ショップのTOPやページの制作をしてほしいという案件がをよくみます。特によく見るショップサービスは以下です。

難易度は高くないですが、使用するショップサービスへの理解が必要です。場合によってはECサイトに掲載する画像制作の依頼もあるかもしれないので、自分ができる範囲を示し、クライアントと業務調整をしっかりしておきましょう。

難易度
作業量	案件ボリュームによる
単価	100,000円〜

Web制作の案件が受注できるまでのロードマップ

Web制作を副業で始めたいけど、何からはじめればいいのかわからない方もいるでしょう。そこで、これから副業でWeb制作の案件が受注できるまでの流れを紹介します。

私自身が実際に実践をして副業で案件が取得できるようになった方法ですので、ぜひ参考にしてください。

まずはスキルアップをする

まずはWeb制作をするためのスキルを身につけましょう。

スキルがなければ案件を受注できませんし、案件を受注できたとしても品質が悪くクライアントからの評価も低くなってしまい、長期的に活動していくのが難しくなります。

Web制作を行うスキルが不足しているうちは、焦るかもしれませんが、まずはスキルがないと何も始まらないので、時間を作ってしっかりと勉強をしましょう。

独学からでもスキルは身につきますが、ひとりで勉強していくのが不安であればプログラミングスクールに行くのも有効な方法です。

サイト制作の実績作り

コーディングスキルが身についたら、得た知識を活かして自分でサイトを制作して実績を作っていきましょう。

できたサイトはポートフォリオとして利用ができて案件獲得のための営業に活用できます。そして、出来上がったサイトは積極的に外部に発信していくことをおすすめします。これは自分の実力を示すためで、今後の案件獲得につながるからです。

情報の配信の仕方としては、自身のウェブサイトやブログ、SNSなどを活用し、制作物や制作過程で心がけていることなどを公開していきます。

Web制作は技術的なスキルが求められる分野であり、そのスキルレベルが高いほど、より高額な案件を引き受けることができます。せっかく制作したものを周りに示さないと、もったいないです。

なので、副業としてのWeb制作で案件受注を増やすためにも自分の実力を示して収入を増やせるように準備をしていきましょう。

案件獲得の営業準備をする

スキルや実績を積んだら次に行うのが、初案件を獲得するための準備を行います。

案件獲得するために一番大切なのは、これまでに積み上げてきた経験やスキルを相手にわかりやすく伝えることです。伝え方としては以下の方法があります。

ポートフォリオは自分の実績をアピールするためのもで、模写サイトなどコーディング練習で作ったサイトをアピールしましょう。

ポートフォリオの作成が終わったら営業用のメール文を考えます。なるべく営業相手の時間を奪わないように工夫されたメールにしていくことが大切で、以下の内容を含めておくとやりとりがスムーズにいきます。

なるべく、クライアントとのやりとりを少なくするような工夫をしましょう。

とにかく営業をする

営業をおこなう準備が整ったら、案件を獲得できるようにとにかく営業をしていきます。Web制作の案件を獲得する営業方法としては以下があります。

初案件を獲得するには実績がないため、苦労するかもしれませんが、諦めずに頑張れば案件を獲得することができます。この方法は効率が悪いと感じるかもしれませんがはじめのうちは仕方ありません。

はじめの積み重ねが継続案件を獲得するためには必要で、自分ができることを積極的に行動をしなければ案件は獲得できません。それだけ、初案件を獲得するのは難しいということです。

クライアントと面談をする

はじめての案件を受注したら、案件に取り掛かる前にクライアントとZoomなどを利用して面談をします。

クライアントの面談ではただ挨拶をするだけでなく、自分ができることやどんな案件があるかの確認をします。これは案件を行う前にお互いのことを理解しておけば、その後の案件もスムーズに進められるからです。そのため、クライアントとの面談前には以下のような準備をしておきましょう。

まずはお互いを知るためにもこの面談はしっかりと準備をして挑みましょう。

実案件を行い納品をする

お互いに理解が深まったところで、次はいよいよ実案件を受注します。

クライアント側としても、はじめてあなたにお願いする案件なのでテストも含めた受注になるでしょう。契約をもらえたからといって手を抜けば、継続案件どころか契約打ち切りなんてこともあるので、成功させるために120％の力を出して挑みましょう。

副業を成功させるには、継続案件が非常に重要になります。営業で新規案件ばかりを受注していくには限界がありますので、自分にあったクライアントさんをみつけて継続案件につなげることを目標にすすめていきましょう。

継続案件さえ受注できれば、あとは自分が任された仕事をクライアントが満足する形で納品を続けていくだけです。

まとめ：始める前は事前準備をしっかりして信頼されるWeb制作者になろう

自分の性格や生活リズム、費用などに合った最適な方法を選ぶことが重要です。

副業Webデザイナーとして案件を獲得していくには確かなスキルと実績が必要です。Web業界は日々進化しているため、常に時代に合った制作ができるように学び続ける姿勢も重要視されています。

自分に合った学習方法で、着実にスキルアップを目指しましょう。

もし、副業Webデザイナーとして活動をしていくことを決めた方へ、副業を始める際に抑えておきたいポイントがあるので、以下の記事を参考に準備を進めていきましょう