Web制作の副業で最初の案件を取るには｜知り合い・制作会社への声のかけ方

※本記事にはプロモーションを含みます

この記事は、営業のコンサル「ツバメセールスラボ」が書いています。HTMLやCSS、WordPressでサイトを作れるようになってきて、Web制作の最初の1件をどこからどう取ればいいかで手が止まっている方に向けて、入口の選び方から、声のかけ方、打ち合わせ、見積もりまでを順番にまとめました。後半では、Web制作を学べる講座の内容も、2026年10月16日に公式サイトで確認した情報で紹介しています。

バナーなど画像のデザインから始める方法はバナー制作で最初の案件を取る方法に、Webデザインの仕事が決まらないときの見直し方はWebデザインの案件が取れないときの記事にまとめています。この記事では、サイトを作って公開するところまでを受ける仕事に絞って書きます。

Web制作の最初の仕事は、主に3つの入口から

どの入口を選ぶかで、作る作品も、声のかけ方も変わります。

入口	どんな仕事か	最初の1件にするときの見方
知り合い・地域のお店	サイトがない、または古いお店や教室から、サイトを丸ごと頼まれる	話を聞いてもらいやすい。一方で、原稿や写真の用意、公開後の更新まで相談されやすい
制作会社	デザインが決まったページのコーディングや、WordPressへの組み込みを頼まれる	作業の範囲がはっきりしていることが多い。コードの書き方やスピードを見られやすい
クラウドソーシング・スキルの販売サイト	募集に応募する、または「LPのコーディング」などを出品する	入口は見つけやすい。提案文と作品で比べられるので、狙う作業を絞ると伝わりやすい

はじめは、この中から1つか2つに絞るのがおすすめです。全部に手を広げると、作品も文面も中途半端になりやすくなります。

手順1：自分が受ける作業を決める

「ホームページを作れます」だと、相手はどこまで頼めるのかがわかりません。最初は作業の範囲を言葉にしておきましょう。

• お店や教室の、5ページほどのサイトをWordPressで作る
• デザインのデータをもとに、1ページのLPをコーディングする
• 今あるWordPressのサイトの、文字や画像の差し替えや小さな修正をする

前の仕事で知っている業界があれば、その業界のお店や会社を相手に決めると、相手の困りごとを想像しやすくなります。

手順2：作品を2〜3つそろえる

Web制作は、相手が実際にページを開いて確かめられる仕事です。選んだ入口に合わせて、2〜3つの作品を見せられる形にします。

1. 架空のお店のサイトを1つ作る：お店の名前や原稿を自分で考えて、トップ、メニュー、アクセス、問い合わせのような構成で作ります。お店に声をかけたい方に向いています。
2. WordPressで1つ作る：お店や会社は、公開後に自分で更新したいことが多いからです。更新のしかたを説明できるようにしておくと、話が進みやすくなります。
3. 制作会社を狙うならLPのコーディングを1つ：デザインのデータをもとに、スマホとパソコンの両方で崩れないように作ります。
4. 1つごとに説明を2〜3行添える：「誰のためのサイトか」「自分が担当した範囲」「使った技術」「かかった時間」を書きます。かかった時間は、あとで金額を決めるときの根拠になります。

実在のサイトをまねて練習した作品は、作品集に載せる前に扱いを確かめましょう。作品の見せ方は実務経験がなくても作れるポートフォリオに、作品を置く場所を作るか迷う方はポートフォリオサイトは必要かの記事にまとめています。

手順3：声をかける先を20件書き出す

入口が決まったら、声をかける先を20件ほど書き出します。名前、連絡の方法、気づいたことを1行ずつメモしておくと、文面を書くときに迷いません。

• 知り合い・地域のお店：お店や教室をしている知人、よく行くお店、SNSだけで発信しているお店
• 制作会社：自分の住む地域や、得意な業界のサイトを作っている会社。サイトに外部の協力者の募集があるかも見る
• クラウドソーシング：自分が決めた作業に近い募集。出品するなら、作業の範囲と納期を書いておく

クラウドソーシング以外の探し方はクラウドソーシング以外で仕事を取る方法に、プロフィールの整え方はフリーランスのSNSプロフィールの作り方にあります。

手順4：お店や知り合いへの文面は、相手のことから

お店に声をかけるときは、相手のことを見たうえで書いていると伝わることが大切です。たとえば次のような形です。

「〇〇様
はじめまして、△△と申します。Instagramで〇〇様の教室の投稿を拝見しました。体験レッスンの申し込みを、DMで受けていらっしゃるようでした。
私はWordPressで、お店や教室のサイトを作っています。もしよろしければ、体験レッスンの案内と申し込みフォームをまとめた1ページの案を作って、お見せしてもよろしいでしょうか。気に入らなければ、使わなくてかまいません。
これまでに作った作品は、こちらのリンクからご覧いただけます。」

• 相手の今の状況（投稿、予約の受け方など）に触れる
• 自分ができることを1行で伝える
• 最初のお願いは「案を見てもらう」くらいの小さなものにする

今のサイトの悪いところを並べる書き方は避けましょう。「こうするともっと伝わりそう」という案として見せるほうが、受け取ってもらいやすくなります。直接声をかけるときの文面は直接営業の例文にもあります。

手順5：制作会社へのメールは、できる作業を具体的に

制作会社に送るときは、相手が「どの作業を頼めるか」をすぐ判断できるように書きます。

「株式会社〇〇 ご担当者様
はじめまして、△△と申します。御社の制作実績のページを拝見し、地域のお店のサイトを多く手がけていらっしゃると知りました。
私はHTML・CSS・JavaScriptでのコーディングと、WordPressのオリジナルテーマの組み込みをしています。スマホとパソコンの両方の表示を確かめてから納品しています。
コーディングの協力者をお探しの際に、お声がけいただけないでしょうか。作品と、それぞれにかかった時間はこちらにまとめています。」

あわせて、平日に作業できる時間や、連絡がつく時間帯も書いておくと、相手が頼みやすくなります。応募の文面の型は提案文の書き方に、Webデザインの提案の例はWebデザインの提案文の例にまとめています。テスト課題を頼まれたときはテスト課題で落ちないためのコツが参考になります。

手順6：打ち合わせで聞くこと

話を聞いてもらえたら、作り始める前に次のことを確かめます。Web制作は、サイトを公開したあとのことまで決めておかないと、あとで困りやすい仕事です。

1. サイトを作る目的と、見てほしい人
2. ページの数と、それぞれのページに載せる内容
3. 原稿と写真は誰が用意するか
4. ドメインとサーバーはあるか。ない場合は、誰の名前で契約し、費用を誰が払うか
5. 問い合わせフォームや予約の仕組みが必要か
6. 公開したあとの更新は、お店の方がするのか、こちらが受けるのか
7. 修正は何回までか、公開はいつまでか

はじめての打ち合わせの流れははじめての打ち合わせで聞くことにまとめています。

手順7：見積もりは「範囲」を決めてから出す

最初の見積もりで迷ったら、金額より先に範囲を決めます。

1. 作品を作ったときに記録した、1ページあたりの作業時間を確かめる
2. 打ち合わせ、原稿の流し込み、スマホでの確認、修正にかかる時間を足す
3. 自分が「この時間ならこの金額で受けたい」と思える金額にする
4. 修正の回数と、それをこえたときの扱いを書いて伝える
5. 公開後の更新や保守は、制作とは別の金額として分けて書く

相場を知りたいときは、クラウドソーシングの募集やスキルの販売サイトで、同じ作業の金額をいくつか見てみる方法があります。ただし、金額は作業の範囲や人によって大きく変わります。くわしい考え方ははじめての見積もりと単価の決め方にあります。

金額や文面を一人で決めきれないときは、記事の最後にある相談フォームで、記録した作業時間をもとに一緒に整理することもできます。

手順8：公開したら、次につなげる一言を添える

公開のときは、ログインの方法と更新のしかたを短くまとめて渡します。そのうえで、次のように一言添えておきます。

「本日、サイトを公開いたしました。お知らせの更新方法は、添付のメモにまとめています。新しいメニューの追加や、季節ごとの写真の差し替えなどがあれば、お気軽にご相談ください。」

サイトは公開してからも、更新や小さな修正が出てくることがあります。続けて頼んでもらうための工夫はリピートの依頼につなげる方法に、慣れてきたあとの金額の見直しは単価を上げる方法にまとめています。

Web制作を講座で学ぶなら（2026年10月16日に公式で確認）

Web制作は独学で練習することもできます。一方で、質問できる人がいたり、作品のレビューがあったりする講座を使う方法もあります。ここでは、デイトラのWeb制作コースのページで確認できたことを並べます。

項目	デイトラ Web制作コース
料金	「¥89,800(税込)」。「専門訓練給付金 認定記念価格！」「※Web制作コースは割引対象外です。」と表示。この価格がいつまでかは、ページでは確認できませんでした
カリキュラム	初級編（HTML/CSS、JavaScript、jQuery、Sassの基礎）、中級編、上級編（WordPressのオリジナルテーマ制作）、実務編
学習時間の目安	「平日は一日2時間、休日は一日4時間程度を想定しています。」
質問	「メンターによる1年間の学習サポート」。回答はメンターの稼働時間内（原則12:00～22:00）
レビュー	「中級編と上級編で品質チェックのレビュー付き課題を1回ずつご用意しています。」
別にかかる費用	「サーバーの利用料が別途必要です。」（推奨のXサーバーを使った場合の例として月額990円）
営業についての教材	「営業を始めるにあたっての基礎知識や、ポートフォリオを充実させるための無料デザインカンプなど、自由課題も充実しています。」
転職の支援	「転職保証や転職斡旋などは行っていません。」。案件の紹介についての記載は、ページでは確認できませんでした

出典：デイトラ Web制作コース（2026年10月16日確認）。ページには「専門実践教育訓練給付金」の対象講座になったという表示もあり、「※受給には一定の条件があります。」と書かれています。ただし、給付金の対象として受ける場合の受講料や訓練期間は、このページでは確認できませんでした。上の¥89,800がそのまま給付金の対象になるかも含めて、申し込む前にデイトラとハローワークで確かめてください。

また、デイトラには別の料金の「営業支援コース」（¥99,800・税込）があり、対象になる方として、Web制作コースは「上級完走済み（卒業制作は未提出でも可）」と書かれています。週1回・3ヶ月のオンライン面談や、提案文・営業メールの添削がある内容です（営業支援コースのページ、2026年10月16日確認）。

デイトラの公式サイトでWeb制作コースの内容を見る

デイトラのほかのコースとの違いはデイトラのコースの選び方に、受講後の進め方はデイトラ受講後の案件獲得の進め方にまとめています。Webデザインのスクールを広く比べたい方はWebデザインスクールの比較や、分野をまたいで探せるオンラインスクールの比較まとめ（スクール比較ナビ）もどうぞ。

スクールの支援でできることと、自分でやる営業

講座で用意されているのは、作り方の教材、質問の窓口、課題のレビューや営業の基礎の教材です。一方で、どの入口から始めるか、誰に声をかけるか、どこまでの範囲をいくらで受けるかは自分で決めて動く部分です。講座を使う場合も、この記事の手順1〜8は受講中から少しずつ進めておくと、学び終わってから手が止まりにくくなります。収入は、使える時間、単価、仕事の量によって、人によって大きく変わります。

よくある質問

実績がなくても、Web制作の仕事は取れますか？

実績がなくても、相手に近い業種の作品を2〜3つ見せられれば、話を聞いてもらえることはあります。最初は作業に時間がかかりやすいので、公開日に余裕のある仕事から受けると安心です。

知り合いから頼まれたとき、お金はもらっていいですか？

仕事として受けるなら、範囲と金額を決めてから始めるほうが、お互いに気持ちよく進められます。あいまいなまま始めると、更新や修正をどこまで受けるかで困りやすくなります。見積もりの出し方ははじめての見積もりと単価の決め方を見てみてください。

デザインができなくても、Web制作の仕事は受けられますか？

制作会社のコーディングのように、デザインが決まったものを形にする仕事もあります。お店のサイトを丸ごと受ける場合は、デザインも相談されることが多いので、自分が受ける範囲を先に伝えておきましょう。

声をかけても返事が来ません。何を直せばいいですか？

まずは、作品が相手の業種に合っているか、文面に相手のことが書かれているか、お願いが大きすぎないかの3つを見直します。くわしくはスクール卒業後に仕事が取れないときの見直し方や断られたときの次の一手にまとめています。

あわせて読みたい：実績の作り方／スクール卒業後、最初の1か月でやること／スクールの仕事サポート比較／デイトラ営業支援コースの料金と中身｜受講の条件と3か月の面談を公式で確認

まとめ

Web制作の副業で最初の1件を取るには、知り合い・地域のお店、制作会社、クラウドソーシングの中から入口を1つか2つに絞り、受ける作業を言葉にして、相手に近い作品を2〜3つそろえます。20件の声をかける先に、相手のことから書いた文面を送り、打ち合わせでページ数や原稿、ドメインとサーバー、公開後の更新まで決めてから、範囲に合わせた見積もりを出しましょう。

講座で学ぶ場合も、誰に声をかけて、どこまでをいくらで受けるかは自分で決める部分です。学びながら、作品と声をかける先のリストを少しずつ作っておきましょう。

※無理な勧誘はいたしません。

出典（いずれも2026年10月16日に確認）

• デイトラ Web制作コース（料金と表示、割引対象外の記載、カリキュラム、学習時間の目安、質問の期間と時間、レビュー付き課題、サーバーの費用、営業の基礎の教材、転職保証、給付金の表示）
• デイトラ 営業支援コース（料金、対象になる方、面談、添削）

どのスクールも、仕事の獲得や収入を約束するものではありません。料金・内容・キャンペーンは変わることがあります。