Web制作とは？未経験から始めるための基礎知識
前回の記事はアフィリエイトについてでした。
今回は受託・納品型の「Web制作」についてです。
⇒受託・納品型とは
Web制作も私の本業です。
知りすぎてどこから説明したらいいのやら、と伝えたいことはたくさんありますが、ここでは在宅での仕事にするなら、という目線で基礎中の基礎をお伝えします。
※この記事にはアフィリエイトリンクが含まれています。
Web制作とはどんな仕事か
依頼を受けて、企業や個人のWebサイト・ランディングページ(LP)を作る仕事です。
一言でWeb制作といっても幅が広く、大きく分けると次の2つのタイプがあります。
サイト制作
会社案内や事業紹介など、複数ページで構成される本格的なサイトです。WordPressなどのCMS(コンテンツ管理システム)を使って作ることが多く、公開後もお客様自身が記事を更新できるようにする、という運用面まで含めて考える仕事です。
LP制作
1ページで商品やサービスの魅力を伝え、申込みや購入などの行動につなげるためのページを作る仕事です。最近はAIツールを使って制作時間を短縮しやすくなっていますが、成果につながるかどうかは、構成や訴求内容、見せ方の設計に大きく左右されます。
どちらも「依頼を受けて、成果物を納品する」という受託・納品型の仕事です。
必要なスキル・向いている人
Web制作で特に重視されるのは、次のような力です。
ヒアリングする力
お客様が何を伝えたいサイトを作りたいのか、言葉になっていない部分まで聞き出す力が土台になります。
構成を考える力
情報をどの順番で見せると伝わるかを考え、ページ全体の骨組みを設計する力です。
コツコツ調べながら進める力
分からないことをその都度調べながら、少しずつ形にしていく粘り強さが必要になります。
基本的な技術理解
HTML・CSS・JavaScriptといった基礎知識や、WordPressの操作など、分からないことやどんどん新しくなる情報を調べながら理解していく必要があります。
向いているのは、ものを組み立てていく作業が好きな人、地道な作業でも集中して続けられる人です。
逆に、決まった形を早く量産したい人には、他の仕事(デジタル商品・スキル販売など)の方が向いているかもしれません。
なぜWeb制作をやりたいのかも考えておく
同じWeb制作でも、目的によって学ぶ順番や力の入れどころが変わります。
手に職をつけて、長く続けられるスキルにしたい
まずは副業として、単発のLP制作から始めたい
将来的に、継続的にサイトの運用・保守まで任されたい
自分のブログ・noteやアフィリエイトサイトを、自分で作れるようになりたい
Web制作を入り口に、Webマーケティングなど他の分野にも広げたい
など、目的は人それぞれです。
「何から学ぶか」より先に「Web制作を通して何を実現したいか」を考えておくと、サイト制作とLP制作のどちらから始めるか、独学か講座を使うか、といった判断がしやすくなります。
サイト制作(WordPressでじっくり作る)
サイト制作の基本的な流れは、次のようになります。
HTML・CSSの基本を知っておく
専門的なプログラミングまでは不要ですが、文字や画像の見た目を整える基本的な仕組みを知っておくと、その後の学習がスムーズになります。JavaScriptやPHP・データベースといった知識は、必要になったタイミングで学んでいけば十分です。
WordPressの基本操作を覚える
管理画面の使い方、投稿と固定ページの違い、メニューやウィジェットの設定、パーマリンクの仕組みなど、WordPressでサイトを組み立てるための基本操作を身につけます。
テーマとプラグインを使いこなす
サイトの見た目を整えるテーマと、お問い合わせフォームやSEO対策、アクセス解析などの機能を追加するプラグインを、目的に応じて選べるようにします。
サーバー・ドメインの基礎を理解する
サイトを実際に公開するために必要な、サーバーの契約やドメインの取得についても、基本的な流れを知っておきます。
ポートフォリオを作って案件を探す
練習を兼ねて自分のポートフォリオサイトを作り、それを見せながらココナラなどのスキルシェアサービスで最初の案件を探します。
WordPressでのサイト制作を体系的に学びたい場合は、ゼロからWebアプリケーションの基礎・WordPress操作・プラグイン活用までを順番に教えているオンライン講座もあります。
独学でつまずきやすいポイントが整理されているので、参考にしてみるとよいと思います。
LP制作(構成と訴求を考えてAIで形にする)
LP制作は、サイト制作よりも規模が小さく、AIツールを使えば短時間で形にすることもできます。ただし、成果につながるかどうかは構成や訴求内容、見せ方の設計次第なので、AIに任せきりにできる部分ではありません。基本的な流れは次の4ステップです。
構成案を作る
どんな順番で情報を見せるとお客様に伝わるか、ページ全体の骨組みを決めます。
素材を集める
文章や画像など、LPに必要な素材を準備します。
AIツールで生成する
LovableやBolt.newのようなノーコードのAIツールに指示を出し、デザイン・文章込みでLPを自動生成します。
公開して納品する
生成したLPを確認・修正し、公開URLを発行してお客様に納品します。
案件は、サイト制作と同じくクラウドワークスやココナラ、ランサーズといったクラウドソーシングサービスで探すのが一般的です。応募文やポートフォリオの用意の仕方は、他の仕事とも共通する部分が多くあります。
選ばれるWeb制作者になるには
Web制作も、「ホームページを作れます」というだけでは選ばれにくくなっています。たとえば、
美容室やサロンのサイトが得意
採用サイトが得意
WordPressで更新しやすいサイトを作れる
LP制作が得意
SEOまで考えたサイト設計ができる
公開後の更新や運用まで対応できる
のように、「何が得意な人なのか」が分かる方が依頼されやすくなります。
特に今は、AIやノーコードツールを使えば「作るだけ」なら以前より簡単になっています。だからこそ、何を作れるかではなく、何を解決できるかを見せることが大事です。
ちなみに私は、Webのことが苦手でどうしたらいいかわからない、という会社さん向けに、まるっと丸投げで全体を良い感じに仕上げます、というのが売りです。
会社の魅力から構成、ターゲット、SEOなどすべてまるなげOK！としています。
AIをどう使えるか(応用編)
Web制作はAIの知識がなくても始められますが、最近はAIサイトビルダーを使って、ゼロからサイトを自動生成する方法も広がっています。
業種・ターゲット・コンセプトを入力するだけで、デザイン・文章・画像を含めたサイトをAIが自動生成してくれるツールもあり、従来のWeb制作にあった「外注費用がかかる」「HTML・CSSの学習に時間がかかる」という壁を小さくしてくれます。
うまく活用するコツは、いきなりAIサイトビルダーに指示を出すのではなく、先にChatGPTなどで「業種・ターゲット・伝えたいこと」を整理した詳細なプロンプトを作ってから入力することです。
ただし、AIが自動生成したサイトも、細かい調整や、お客様の要望に合わせた微修正は人の手で行う必要があります。AIは「ゼロから作る時間を短縮する道具」であって、ヒアリングや仕上げの質はこれまで通り自分の力が土台になる、という位置づけで考えておくとよいと思います。
どのくらい稼げるか
クラウドワークスの相場表によると、
Webサイト制作一式は20万円〜、
コーディングは1ページあたり3万円〜、
Webデザインは1ページあたり5万円〜
が目安とされています。
(出典:https://coeteco.jp/articles/11042)
初心者のうちは、数千円〜3万円程度のバナー制作や簡単な修正案件からスタートするのが一般的で、実績を積んでいけば副業でも月5万円〜10万円ほどを目指すのは十分可能、とされています。
(出典:https://freelance-hub.jp/column/detail/541/)
ただし、これはあくまで市場の目安で、未経験者が最初からこの金額で受注できるという意味ではありません。実績・対応範囲・提案力によって価格は大きく変わります。
一方で、単価の低い案件ばかりを受けてしまうと「作業時間の割に稼げない」状態になりやすいとも言われています。
スキルの幅を広げることと、ポートフォリオや提案文を磨いて単価交渉できるようにすることが、収入を伸ばすポイントになりそうです。
よくある失敗・注意しておきたいこと
低単価案件だけを受け続けてしまう
実績作りのつもりが、いつまでも低単価案件から抜け出せなくなることがあります。ある程度実績が貯まったら、単価の見直しを意識することが大切です。
対応範囲が狭いまま止まってしまう
コーディングしかできない状態だと、受けられる案件が限られ、単価も上がりにくくなります。
納期や修正回数を曖昧にしたまま受けてしまう
「どこまで対応するか」「修正は何回まで無料か」を事前に決めておかないと、後からトラブルになりやすくなります。
公開後の運用を考えずに納品してしまう
サイトは公開して終わりではなく、更新やセキュリティ対応が必要になります。誰がどう運用していくのかを、納品前に確認しておくと安心です。
最初の一歩はここから
Step1：サイト制作とLP制作、どちらから学びたいかを考えてみる
Step2：WordPressの基本操作、またはノーコードのAIツールをひとつ触ってみる
Step3：練習として、自分自身のポートフォリオサイトかLPを1つ作ってみる
Step4：ココナラなどのスキルシェアサービスに登録し、出品してみる
Step5：低価格・短納期の案件から、実績と口コミを積み上げる
Step6：実績が貯まってきたら、単価や対応範囲を見直す
私はWeb制作について独学で学び、アフィリエイトのためのサイト作りをすることで覚えてきました。
いきなり顧客を抱えるのは難しいと思いますので、自分のサイトを作ってみたり、知り合いのサイトを手伝うといったところから始めるのが現実的だと思います。
また、Web制作については、講座などで体系的に学んだり、いつでも相談できるようなコミュニティに属しておくと、心強いと思います。
もっと学びたい人は
「Web制作をもっと体系的に学びたい」という人は、動画講座で学ぶのも一つの方法です。
Udemyには、WordPressやWebデザイン、HTML・CSSの基礎に関する講座が多数あります。気になる人はチェックしてみてください。
↓ 次の記事 ↓
↓ 自分に合うWebのお仕事を探している方はこちらをチェック ↓
