副業で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デザイナーはデザインの仕事だけでなく、Webサイトを作るためにコーディングを行う時があります。その際に必要なスキルが以下です。

それぞれの言語の特徴は詳しく解説します。

HTML：

テキストボックス、文字、表、画像、リンクなど、WEBサイトに必要な部品を配置するための言語

CSS：

Webページの見た目を整えるための言語。ユーザにとって見やすい、わかりやすいサイトを制作することができます。

JavaScript/jQuery：

画像の位置を動かして変えたり、ドロップダウンメニューをつけたり、動的ページを制作するための言語

CMS：

WordPressのようにプログラミング言語のフレームワークによって開発されたノーコードツール

Webサイトを制作していくにはHTMLやCSS、JavaScript/jQueryといった言語を使用していきます。

最低でもHTMLやCSS、WordPressなどのCMSの使い方を知っておく必要があります。

HTML/CSSの理解がなくてもデザインは可能ですが、実装できないデザインになったり、仕事の幅としても狭くなってしまいますので、コーディングを意識したデザインが作れるよう、HTML/CSSは必ず学んでおきましょう。

さらに、PHPやRubyなどの、

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

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

デザインツールが使える

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

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

デザインツールを使いこなせれば、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制作を行うスキルが不足しているうちは、焦るかもしれませんが、まずはスキルがないと何も始まらないので、時間を作ってしっかりと勉強をしましょう。

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

サイト制作の実績作り

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

とにかく営業をする

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

実案件を行い納品をする

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

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

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

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

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