学ぶプログラミング言語を間違えると悲惨な話

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

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

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

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

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

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

直案件のweb制作の流れは、コーディング手順が違うので単価が高め

直案件でのweb制作受注は仲介手数料が入っていない分、単価が高めです。一方、営業は難しい傾向があります。

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

  1. 見積り・契約
  2. ヒアリング
  3. 企画・デザイン
  4. コーディング
  5. その他(SEO対策・保守)
  6. 納品

コーディング手順1.見積もり・契約

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

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

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

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

 

web制作の見積もりをする

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

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

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

web制作でトラブルを防ぐ!フリーランスが契約書に入れるべきこと!8割は事前確認で防げる

 

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

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

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

 

web制作の契約をする

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

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

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

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

ただ、契約を結んだからといって、全てのトラブルの回避を担保できないことは知っておこう。

ニャンニャン

 

コーディング手順2.直案件のヒアリング

まずはヒアリングシートでサイトの具体的な希望を聞いてサイトに入れる内容を決めていきましょう。

web制作でヒアリングシートに入れないとトラブルになること

 

コーディング手順3.直案件の企画・デザイン

次に、サイトの企画・デザインを行いましょう。企画・デザインまでできると直案件の単価が上がります。

  • ウェブサイトの企画:現状のウェブサイトの問題を解決する
  • デザイン:サイト構造→ワイアフレーム→デザイン作成

web制作でサイトの企画をする

webデザイナーの現実が不安な人は、企画スキルをつけて差別化すべき【5分】

 

web制作でデザインをする

LP制作方法と流れ.デザインから作る場合のコツ【Web制作初心者向け】

 

コーディング手順4.コーディング

次にコーディングを行います。

web制作は新規サイトか改修か

新規サイト作成か既存サイトの改修かで、サイトの作り方が変わる可能性があります。

改修の場合は、クライアントがこれまで投稿した記事の移行なども行うか確認が必要です。

 

web制作のサーバー・ドメインは?

サーバー・ドメインはクライアントが取得し、フリーランス側がサーバーにアップして、ホームページをネット上で見れる状態にするまで担当することが多いです。

 

コーディング手順5.その他(SEO・保守)

SEO対策はコーディングなどで内部SEO対策を行うことが多いです。

保守はサーバー・ドメイン管理など月額制で請け負うこともあります。ただクライアントがサイトをほとんどいじらない場合は、保守でやることがほとんどないので、トラブルが起こった場合に別途見積もりして受注するのが、良心的でしょう。

初心者フリーランスのためのSEO対策1位になる方法

 

コーディング手順6.納品

ここでバグがないか顧客にチェックしてもらいます。これを検収と言います。ここで修正ではなく、追加対応を依頼されることもあります。

最後に入金してもらって完了です。入金は、納品の翌月末にして、請求書に記載しておくと良いでしょう。

ちなみに、請求書はfreeeで作ると、表記ミスを防ぎやすく、確定申告の計算に自動で反映できるので便利です。

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