web制作の仕事の流れとコーディング手順【直案件編】

フリーランスのWeb制作の直案件の流れを書きました。直案件と制作会社の案件では、流れが異なるので注意です。

直案件編のWeb制作とは？
- 直案件とは？
- 直案件のWeb制作の流れの特徴
直案件のWeb制作の仕事の流れ・手順
1.見積もり・契約
2.直案件のヒアリング
3.直案件の企画・デザイン
- Web制作でサイトの企画をする
- Web制作でデザインをする
4.コーディング
5.納品
その他・検収・請求
直案件のWeb制作の仕事の流れまとめ

直案件編のWeb制作とは？

直案件とは？

直案件とはクライアントから直接Web制作案件を受注するということです。

なので直接クライアントから受注したWeb制作の流れとコーディング手順を説明します。

これと対照的なのが制作会社案件のWeb制作で、フリーランスが制作会社から受注してコーディングする場合のことを指しています。

直案件のWeb制作の流れの特徴

直案件でのWeb制作受注は仲介手数料が入っていない分、単価が高めです。

一方、営業は難しい傾向があります。

💻Web制作フリーランスの営業先
メリットデメリット

【制作会社】
⭕️継続案件もらいやすい、採用されやすい
✖️単価低め、要求スキルレベル高くなりがち、コーディングのみなど単体案件が多い

【直案件】
⭕️企画〜開発〜SEOまで一括受注できるため単価高め
✖️継続に繋がりにくい、あっても紹介

— ふる (@guutenx) 2018年10月24日

直案件のWeb制作の仕事の流れ・手順

直案件の仕事の流れとコーディング手順は以下の通り。今回はデザインも一緒に受注するのを前提として説明します。

見積り・契約
ヒアリング
企画・デザイン
コーディング
納品

1.見積もり・契約

Web制作の直案件の営業をする

まずは、ホームページの需要がありそうな会社に営業をする、ブログやTwitterなどで発信して受注しましょう。具体的な方法は「フリーランスが９割の案件を営業なしで受注している方法」を見てみてください。

フリーランスエンジニアが営業なしで案件受注する方法5つ【9割営業なしの経験談】

その次に見積もり、契約に進みます。

Web制作の見積もりをする

Web制作の見積もり時に聞いておくべきこと

サイト制作の目的（会社立ち上げに伴うコーポレートサイト制作など）
どこまで担当するか（企画・デザイン・コーディング・SEO・サーバーへのアップ）
サイトの機能、ページ数、形式、参考サイト
サイトの内容(ビジョン、サービス内容、メリット、会社概要、お問い合わせフォームなど)
納期
予算感

Web制作の担当範囲を明確にする

経験上、フリーランスがWeb制作を行うときのトラブルの大半が担当範囲の認識違いだと思います。なので、きちんと担当範囲を明確化しましょう。

Web制作の怖いトラブル！お金振り込まれない・訴訟を起こされる

Web制作の見積もり書を提出する

最後に見積もり書をクライアントに提出しましょう。

フリーランスがWeb制作の見積もりを5分でする方法

Web制作の契約をする

契約を行うフリーランスと契約を行わないフリーランスがおり、後者の方が多い気がします。

ただ、わたしの場合、ほぼ全ての案件で契約を結んでから案件を進めています。契約書は一度作成したら使い回すことがほとんどで、内容は相手側も読めるよう多くしすぎず、トラブルを防ぐための内容を書いています。

契約をするなら契約書を作成してから「印刷して印鑑を押しスキャンする」という手間が面倒なので全てオンライン上で完結できるよう行います。

smallPDFというツールは電子署名を行うことができるので、オンライン完結に一役買っているツールです。

【請求書に1分で電子署名するならsmallPDF】

🔶オンライン上で完結し無料(1時間2署名まで)です

1.pdfをオンライン上にアップロード
2.pcのトラックパッドで署名作成(少し字汚くなる)
3.作成した署名を貼る

請求書を紙に印刷→署名→スキャンという手間が省けますhttps://t.co/YkMWH0MKrL pic.twitter.com/E1LsC9phVX

— ふる (@guutenx) 2018年8月1日