Webディレクター未経験の最初の仕事｜初案件を取る提案・打ち合わせ・見積もり

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

この記事は、営業のコンサル「ツバメセールスラボ」が書いています。スクールや講座でWebディレクションを学んだものの、最初のディレクション案件をどう取ればいいかわからない方に向けて、入口の選び方から、提案、初回の打ち合わせ、見積もり、受ける前の条件の確認までを順番にまとめました。

スクールの選び方はWebディレクターのスクール比較に、40代から目指す方の考え方はWebディレクターを40代未経験で目指す方法にまとめています。この記事は「学んだあと、1件目を取るところ」に絞った内容です。仕事の説明は厚生労働省の職業情報提供サイト（job tag）、取引のルールは公正取引委員会の公開資料、DeBo（ディーボ）の支援は公式サイトで、いずれも2026年10月16日に確認しました。

最初のディレクション案件は「小さく、範囲がはっきりしたもの」から

job tagでは、Webディレクターはプロジェクトの受注からサイトの企画・設計、制作進行、運用までの段階で仕事を指揮する役割と説明されています。具体的には、まず依頼主と打ち合わせをして「目的、内容、予算、納品期日などを確認する」ところから始まり、デザインや機能の仮案で了承を得て、制作の指示、成果物のチェック、進捗の管理へと進みます。

同じページには、学校を出てすぐにディレクターになる人は少なく、一般的にはWebデザイナーやプログラマーとして実務を積んでからディレクターになる、とも書かれています。つまり未経験の人が最初から大きなサイト全体を任される形は、一般的には狭き門になりやすいと考えておくのが無難です。だからこそ1件目は、ページ数や関わる人が少なく、何をすれば終わりかがはっきりした仕事を選びます。

入口	どんな仕事か	未経験の1件目との相性	最初に見せたいもの
知り合い・前職のつながり	小さなお店や事業のサイト更新、LP1枚の進行役	話を聞いてもらいやすい。範囲があいまいになりやすいので、文章で決めることが大事	進め方の説明と、簡単な進行表
フリーランスのデザイナー	お客様とのやりとり、ヒアリング、スケジュール管理の手伝い	相手の困りごとがはっきりしていて、役割を分けやすい	ヒアリングシートと議事録の見本
制作会社のパートナー募集	進行管理やディレクション補助の業務委託	経験者向けの募集も多い。応募条件をよく読む	課題で作った要件整理と進行表
クラウドソーシングの募集	「進行管理」「ディレクション」「サイト更新の管理」などの単発・継続の募集	募集が見つけやすい。手数料を引いたあとの金額で考える	提案文と見本の資料
今の勤め先	社内のサイト更新や、外注先とのやりとりの窓口	報酬にはならないこともあるが、公開まで進めた経験は実績になる	社内で使える進め方の案

当メディアの整理です。どれが合うかは、今あるつながりと使える時間で変わります。クラウドソーシング以外の探し方はクラウドソーシング以外で仕事を取る方法にまとめています。

手順1：自分が「進められる範囲」を1つの資料にまとめる

ディレクションは、デザインやコードのように作品として見せにくい仕事です。だからこそ、進め方そのものを見える形にしておくと、相手は判断しやすくなります。講座の課題や架空の依頼でかまいません。架空のものは、そうとわかるように書いておきましょう。

• ヒアリングシート：目的、見てほしい人、公開日、予算の考え方、確認する人などを聞く項目の一覧
• 要件の整理メモ：聞いた内容を、やること・やらないことに分けて1枚にしたもの
• サイトマップやワイヤーフレーム：ページの構成と、各ページに置く内容のたたき台
• 進行表：誰が、いつまでに、何をするかを並べたスケジュール
• 議事録の見本：打ち合わせで決まったことと、次にやることをまとめた文章
• 見積書の見本：作業ごとの行と、ディレクション費の行を分けたもの（金額は入れなくてもよい）

全部そろわなくても、3つあれば話は始められます。ヒアリングシート、進行表、議事録の見本の3つは、どの入口でも使いやすい組み合わせです。前職で調整役や進行役をした経験があれば、それも1行で添えておきます。作り方の考え方は実務経験なしでも作れるポートフォリオ、実績の積み方は最初の1件の前にできる実績づくりにあります。

手順2：声をかける先を20件書き出し、近い順に並べる

最初の案件は、まったく知らない相手より、少しでも接点のある相手から生まれやすいです。次の順で書き出してみてください。

1. 今の勤め先や、前の職場で、サイトの更新が止まっていそうなところ
2. 知り合いの店や事業で、サイトやLPを作りたいと話していた人
3. SNSや勉強会でつながった、フリーランスのデザイナーやエンジニア
4. 制作会社のパートナー募集
5. クラウドソーシングの募集

20件ほど並べたら、上から順に声をかけます。営業では、断られることは前に進んでいる証拠です。返事が来なかった相手は、少し時間をおいて別の切り口で連絡し直すこともできます。その考え方は営業のフォローの仕方にあります。

手順3：提案は「困りごと→範囲→進め方→金額」の順に書く

ディレクションの提案で相手が知りたいのは、「この人に任せたら、話が前に進むか」です。腕前の説明より先に、相手の困りごとと、自分が引き受ける範囲を書きます。

フリーランスのデザイナーに送る例

「いつも制作実績を拝見しています。案件が重なる時期に、お客様とのやりとりや修正依頼の整理に時間がかかる、と投稿されていたのが気になりご連絡しました。私はWebディレクションの講座で、ヒアリングから進行管理までを学びました。お客様との日程調整、打ち合わせの議事録、修正依頼のとりまとめを担当できます。進め方の見本（ヒアリングシートと進行表）をお送りしますので、まずは1案件だけ、進行の補助としてお試しいただけないでしょうか。範囲と金額は、案件の規模を伺ってからご相談させてください。」

知り合いのお店に送る例

「先日、ホームページを新しくしたいとお話しされていた件です。デザインや制作は信頼できる方にお願いし、私は内容の整理と進行の管理を担当する形でお手伝いできます。最初に30分ほどお時間をいただき、目的と公開したい時期を伺えれば、進め方とおおよその費用をまとめてお持ちします。」

どちらの例も、最後に「次に何をするか」を小さく示しています。いきなり全部を任せてもらうより、30分の打ち合わせや1案件のお試しのほうが、相手は決めやすいからです。文面の組み立ては提案文の書き方、直接連絡するときの文例は直接提案するときの文面例にもまとめています。

手順4：初回の打ち合わせでは「決めること」を先に並べる

話を聞いてもらえることになったら、打ち合わせの冒頭で「今日はこの項目を決めたいです」と伝えます。聞くだけで終わらせず、決めるところまで進めるのがディレクターの役目です。

決めたいこと	聞き方の例
目的	このサイトで、何が増えるとうれしいですか（問い合わせ、予約、採用の応募など）
見てほしい人	どんな方に見てほしいですか。今のお客様はどんな方が多いですか
公開日	いつまでに公開したいですか。その日に決まっている理由はありますか
範囲	何ページくらいを考えていますか。文章や写真はご用意がありますか
予算の考え方	おおよその予算の幅はありますか。月々の更新費用も含めて考えていますか
確認する人	最終的に決めるのはどなたですか。確認に入る方はほかにいますか
今あるもの	ドメインやサーバー、今のサイトの管理画面は、どなたが管理していますか
連絡の方法	やりとりはメールとチャットのどちらがよいですか。返事をしやすい時間帯はありますか

打ち合わせが終わったら、その日のうちに、決まったこと、まだ決まっていないこと、次に誰が何をするかを短い文章で送ります。この1通で「この人に任せれば進む」と感じてもらえるかが変わります。当日の流れはクライアントとの初めての打ち合わせ、聞き方のコツはヒアリングの基本、オンラインで話すときの準備はオンライン商談の事前チェックリストにあります。

手順5：見積もりは「作業の行」と「ディレクション費の行」を分ける

見積もりでは、進行の手間をデザイン費や制作費の中に混ぜてしまいがちです。そうすると相手には作業の代金しか見えず、ディレクションの価値が伝わりません。行を分けて、何をする費用かを書きます。

行	中身の例	金額の決め方
ディレクション費	ヒアリング、要件の整理、構成案、進行管理、確認のとりまとめ	打ち合わせの回数と、各工程にかかる時間を見積もって、自分の時間単価をかける
デザイン・制作費	デザイナーやエンジニアに頼む作業	頼む相手の見積もりをもとにする。自分の作業と分けて書く
素材・文章	写真の手配、文章の作成や整理	お客様が用意するのか、こちらで用意するのかを先に決める
範囲に入らないもの	追加のページ、決めた回数を超える修正、公開後の更新	「別途お見積もり」と書いておく

自分の時間単価は、人によって大きく変わります。Webディレクションの業務委託の単価について、公的な統計で確かめられる数字は見つけられませんでした。そのため、この記事では金額の目安は書いていません。まずは工程ごとの時間を数えることから始めてください。時間の数え方がわかっていれば、値下げを頼まれたときも「どの工程を減らすか」で話し合えます。金額の考え方ははじめての見積もりと値段の決め方、料金を伝えるときの話し方は営業での料金の伝え方にまとめています。

手順6：受ける前に、条件を文章で残す

2024年11月1日に、フリーランスの取引に関する法律（特定受託事業者に係る取引の適正化等に関する法律。フリーランス・事業者間取引適正化等法とも呼ばれます）が施行されました。公正取引委員会のリーフレットでは、業務委託をしたら、書面等で直ちに取引条件を明示することが発注する事業者の義務として挙げられています。明示する事項には、次のようなものがあります。

• 業務の内容
• 報酬の額
• 支払期日
• 発注事業者とフリーランスの名称
• 業務委託をした日
• 給付を受領する日、または役務提供を受ける日
• 給付を受領する場所、または役務提供を受ける場所
• 検査を行う場合は、検査完了日
• 金銭以外の方法で支払う場合は、報酬の支払方法に関する必要事項

公正取引委員会のQ&Aでは、従業員を使用していない発注者も、この明示を行う必要があるとされています。明示の方法は、電子メールやチャットツールなどでもよいとされています。報酬の支払期日（受け取った日から60日以内のできる限り早い日に設定する）については、従業員を使用する発注者などの「特定業務委託事業者」に課される義務と説明されています。どの義務がかかるかは発注する側の条件で変わるので、ここでは一般的な内容にとどめます。

受ける側としては、相手から条件が送られてこなくても、打ち合わせで決めた範囲、金額、支払いの時期、修正の回数を、自分からメールで送って確認してもらうと安心です。契約や支払いのことで困ったときは、弁護士に無料で相談できる窓口「フリーランス・トラブル110番」があり、公正取引委員会のページでも紹介されています。

最初の案件を進めるときに気をつけたいこと

• 決まったことは、その都度文章にする：電話や打ち合わせで決めたことも、短いメッセージで残します
• 進み具合を決まった曜日に伝える：週に1回など、聞かれる前に報告すると、相手は安心して任せられます
• 範囲が広がったら、その場で引き受けない：「追加のページは別にお見積もりします」と伝え、金額と期限を出し直します
• 納品のときに振り返りをする：よかった点と次に直したい点を聞いておくと、次の依頼や紹介につながりやすくなります

納品のあとに次の仕事につなげる方法は継続案件につなげる納品のしかた、任される範囲が広がったときの単価の見直しは単価の上げ方にまとめています。

学んだあと仕事を取るには：スクールの支援と、自分でやる営業を分ける

ここまで書いてきたのは、営業のコンサルとして見た「自分でやる営業」です。スクールによっては、仕事を取るところの支援もあります。両方を分けて考えておくと、待つだけの時間が減ります。

スクールの支援でできること（DeBoの例）

Webディレクションの講座があるDeBo（ディーボ）の公式サイトで、2026年10月16日に確認できたのは次の内容です。

• WEBディレクター養成基本講座のカリキュラム：「企画・ヒアリング・見積」の章があり、「受託におけるヒアリング方法」や「工数の計算」が項目に入っています。手順4と手順5の練習にそのまま使える内容です
• 就職対策サポート（希望者のみ・無料オプション）：個人面談、模擬面談、職務経歴書や選考書類の書き方のコツ解説などが挙げられています
• DeBo for BUSINESS（フリーランス向け）：無料のメンバー登録のあと、Web面談、業務委託契約と進み、その後は仕事の紹介を受ける流れです。受講生に限るという記載は確認できませんでした。紹介費用は案件報酬に応じて、50万円以上は5%、10万〜50万円は10%、10万円以下は20%と案内されています。支払いは月末締め、翌月末です

登録しても、紹介があるかどうかは、そのときの状況や自分のスキルによって変わります。また報酬が小さい案件ほど手数料の割合が大きくなる仕組みなので、受けたい規模の案件で手取りを計算しておきましょう。講座の料金や学び方はDeBo（ディーボ）の評判・料金の記事でくわしくまとめています。

DeBoの公式サイトで無料カウンセリングの内容を見る（PR）

ほかのスクールの仕事の支援と比べたい方はスクールの仕事サポート比較を、分野をまたいで探すならオンラインスクール比較のまとめもどうぞ。

自分でやる営業

• 進め方を見せる資料をそろえる（手順1、未経験のポートフォリオの作り方）
• 近い相手から声をかけ、提案は困りごとから書く（手順2・3、提案文の書き方）
• 打ち合わせで決めることを先に並べ、その日のうちにまとめを送る（手順4）
• 見積もりはディレクション費を分け、条件を文章で残す（手順5・6、はじめての見積もりと値段の決め方）

動いているのに返事が来ない、話は聞いてもらえるのに決まらない、というときは、スクール卒業後に仕事が取れないときの見直し方で、どこでつまずいているかを順番に確かめてみてください。

よくある質問

制作の経験がなくても、ディレクションの仕事を受けられますか？

受けられるかどうかは、案件の大きさと相手によって変わります。job tagでは、一般的にはデザイナーやプログラマーの実務を経てディレクターになる人が多いとされています。そのため1件目は、ページ数が少なく、関わる人が少ない案件や、デザイナーの進行の補助から始めるほうが進めやすいと考えています。

Webディレクションの単価の相場はいくらですか？

公的な統計で、業務委託のディレクション単価として確かめられる数字は見つけられませんでした（2026年10月16日時点）。単価は経験、範囲、相手の規模で大きく変わります。工程ごとの時間を数え、自分の時間単価をかけて組み立てる方法をおすすめします。

副業で受けても大丈夫ですか？

会社員の方は、勤め先の就業規則で副業がどう扱われているかを先に確かめてください。平日の日中に打ち合わせが入りやすい仕事なので、対応できる時間帯を提案の段階で伝えておくと、あとで困りにくくなります。副業の営業の進め方は副業で仕事を取る営業にもまとめています。

デザイナーやエンジニアは、どう探せばいいですか？

講座やSNS、勉強会でつながった人に、先に相談しておくのが近道です。頼むときは、自分が出す見積もりと同じく、範囲、期限、修正の回数、支払いの時期を文章でそろえておきます。頼む側になったときも、手順6の条件の明示の考え方がそのまま役に立ちます。

あわせて読みたい：Webディレクターのスクールをオンラインで比較／Webディレクターを40代未経験で目指す方法／DeBo（ディーボ）の評判と料金／YouTubeディレクター講座の選び方／DeBo for BUSINESSの仕組みと手数料

まとめ

Webディレクター未経験の最初の仕事は、小さく、範囲がはっきりした案件から始めるのが進めやすい形です。job tagの説明にあるとおり、ディレクターの仕事は依頼主と目的・内容・予算・納品期日を確かめるところから始まります。だからこそ1件目では、ヒアリングシートや進行表で「進め方」を見せ、提案は困りごとから書き、初回の打ち合わせでは決めることを先に並べます。

見積もりはディレクション費を別の行にし、受ける前に範囲、金額、支払いの時期を文章で残しておきましょう。スクールの支援は入口づくりに使い、その先の声かけと提案は自分の営業として進めます。収入は人によって大きく変わるので、まずは1件を最後までやりきって、次の依頼につなげることを目標にしてみてください。

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

• 厚生労働省 職業情報提供サイト（job tag）「Webディレクター（Web制作会社）」（仕事の内容、就くには）
• 公正取引委員会：フリーランスの取引適正化に向けた公正取引委員会の取組（施行日、フリーランス・トラブル110番）
• 公正取引委員会 フリーランス・事業者間取引適正化等法 リーフレット（PDF）（取引条件の明示の事項、報酬の支払期日）
• 公正取引委員会 フリーランス・事業者間取引適正化等法 Q&A（業務委託事業者と特定業務委託事業者、電子メール等での明示）
• DeBo WEBディレクター養成基本講座（カリキュラム、就職対策サポート）
• DeBo for BUSINESS フリーランス向けページ（登録の流れ、紹介費用、支払い）

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