ウェブサイトの開発-顧客との最初の会議からプロジェクトの完了まで、またはフリーランサーになって生き残る方法

こんにちは、Habr！



私は、さまざまなサイズ、複雑さ、価格カテゴリーのサイトの開発に携わっています。 私が開発プロセス全体を担当しているという事実に加えて、つまり 私は顧客とのすべての交渉を行い、委託条件（以下-TK）、契約書を書き、商業的な提案を出します。私はしばしば個人的にサイトデザインを描きます-これは私のプロフィールの職業であり、完全に信頼できるデザイナーはまだ見つかりません。



TKの構成、時間の管理、支払いについての顧客との話し合い、交渉などの方法について、多くのトピックがここを通り抜けました。 これらのトピックの作者にとってはそうではありませんが、これらの考えはすべて私にとって断片的であるように思われ、時には「高すぎる」問題であり、一方的なものでした。つまり、ほとんどの場合、若く、ダイナミックに発展している会社」、正社員の給料の特定のスタッフ、またはあなたは既に形成された会社の雇用された従業員マネージャーであり、あなたは上記のスタッフも持っています。



私は自分自身でサイトを作成するプロセス全体を説明しようとしますが、私にはそう思われますが、ほとんどの観点で生活に近づきます。 ある時点で、私は雇いのために働いていた会社を辞め、仕事を始めようと決めたのです。 おそらく賃貸住宅の緊急の必要性の欠如とサンクトペテルブルクの居住許可の存在。



誰も気にしない-キャットへようこそ！





このトピックの一部として、注文を受け取る場所には入りません。 確かに言えることの1つは、私は仕事をしておらず、人気のあるロシアのフリーランス交換でアーティストとして働くつもりはないということです（その名前と住所は、ここでは誰もが知っていると思います）。 主な理由は、不健康な価格ダンピングの存在と、これらのダンピング価格のYandex.ruスケールのポータルを受け取りたいと思っている十分に適さない仲間の集中です。



また、口コミと評判は素晴らしいものになります。 顧客は行き来しますが、時々あなたの勤勉さ、仕事の質、またはその両方を評価し始めた後、彼らは定期的に仕事を提供し始めます。



そのような顧客は、彼らがあなたの能力にとって実行可能な仕事を定期的に持っているならば、安定性と将来の一種の自信を提供します。 そのため、「売上高」からの安定性とスーパープロジェクトは、まったく新しいプロジェクトをもたらします。 ほとんどの場合、サイトがあります。



だから、ここに、新しいプロジェクトに取り組むための私のスキームがあります：

1. 知人
2. 最初の会議、プロジェクトの議論
3. 簡単で商業的なオファー
4. 2回目の会議、契約の署名、30％の前払い
5. TK、彼の声明
6. メインページのレイアウト、その調整と承認
7. メインページで指定されたスタイル、それらの調整と承認に基づくサイトの残りのページのレイアウト
8. 30％の前払い
9. レイアウトとプログラミング。 作業結果の受け入れと承認
10. 3回目の会議、残りの40％の支払い、管理パネルと連携するためのトレーニング（必要な場合）、契約の終了
11. 「戦闘」ホスティングへのウェブサイト転送

手順をより詳細に検討してください。



知り合いと注文の出所については、もう少し上に書いています。 もう1つ言います。顧客は後で友人になることができますが、顧客やパフォーマーを友人から外すことはお勧めしません。ほとんどの場合、あなたは口論をし、関係を台無しにし、プロジェクトを台無しにし、友人を失います。 自身の苦い経験で複数回チェックされます。



それで、あなたは本当にサイトを必要とする人に会いました。 おおよそ、彼が必要としているものと、これで彼を助けることができるかどうかを調べてから、すぐに予約してください。 21世紀の現在の会話がどれほど多くても、Skypeがあり、すべてをリモートで解決できます。 -直接接触は非常に重要です。 顧客があなたを信じ、あなたに前払い金を与えることを恐れないためには、彼に良い印象を与えなければなりません。



市内中心部の良いカフェやレストランで会うのが大好きです。 施設は騒々しいものであってはならず、できればWi-Fiを備えている必要があります。 そのような施設は、あなたと顧客の両方をリラックスさせ、よりゆったりとした方法でコミュニケーションを翻訳し、冷静にすべてを話し合い、顧客があなたに何を望んでいるかを理解します。 反対は、顧客のオフィスでの正午の会議です。 原則として、彼は日常生活に完全に怒っており、常に気を散らされており、建設的な対話を確立することは非常に困難です。 そのような会議から、もしそれが起こった場合、私はいつも頭が痛くなります。



あなたが約束をするとき、場所と時間についての顧客の願いを考慮に入れてください、しかし、その下であまり曲げないでください-あなたは対等なパートナーであり、会議の時間と場所は彼とあなたにとって便利であるはずです。 きちんと服を着て、交渉の場所に移動します。 少なくとも30分は到着するのが大好きです。まず、遅れることはないと確信しています。次に、静かに座って、コーヒーを注文し、リラックスして、ラップトップを開いて、最新ニュースを読んでください。 。



顧客の発言に注意深く耳を傾けます。 ラップトップまたはノートに鉛筆で彼の要点を簡単に要約してください。 明確な質問をする。 笑顔、自信を持って見てください。 おおよその日付についての質問-あなたは仮定することができます。 価格についての質問-回避、すべてを最初に計算する必要があると言います。 もっとお茶を飲み、支払いをし（チップをskiしまないで）、顧客に別れを告げて家に帰ります。 自宅でコーヒーを飲みながら、会議中に書かれた詩を読み、お気に入りのメールクライアントを起動して、簡単な文章を書き始めます。



ブリーフには、会議で議論した内容の短いテキストの要約が含まれます。 実際、TKはそれに基づいて作成されます。 美しい文学言語で装飾しますが、「水」や言葉遣いはありません。 書いた？ いいね！ 今、最も興味深いのは商業的なオファーです。



ブリーフをもう一度お読みください。 あなたと一緒にプロジェクトを行う請負業者に見せてください。 彼らにそのような仕事のおおよその価格を名付けましょう。 ここにスペシャリスト（私の場合はデザイナー）として費用を追加します。 そして今、もう一度、すべてを分析し、商業的関心を追加します。 それを計算するとき、顧客の支払能力から進みます-「豊かなピノキオ」であれば、恥ずかしさと良心なしで彼を断ち切ることができるという事実ではなく、反対に、あなたのように彼があなたのビジネスの発展の夜明けであることがわかったら、価格を少し「上げる」のが適切です-美徳は常に良いです。 また、会議中に作成したはずの心理的なポートレートを考慮に入れます-不合理な変更であなたを「苦しめる」可能性を推定するか、彼の愛する猫の写真をサイトのメインページに置いて、輝く目をアニメーション化するように頼むjs。 まあ、一般的に、安くしないでください。 適切に報酬が支払われることがわかっている場合、仕事は喜びをもたらします。



価格を決めましたか？ 「 www.domain.comサイトの開発のための商用オファー」のような見出しを使用して、ロゴを使用して美しくデザインされたPDFを作成します（ロゴがない場合でも、重要ではありませんが、作成または注文をお勧めします ）。 KPの本文に、サイトでの作業の段階を書き留めます（もう少し上にしたように）。 顧客はどの時点でどのくらい支払う必要があるかを明確に理解する必要があります！ はい、KPにボーナスを含めることができます。 ボーナスを使用して、プロジェクトの完了後、非常に多くの時間でサイト管理者パネルを操作するトレーニングを行う準備ができていることを必ず示してください。 顧客に1年間のホスティングを提供できます。 お金のために、ささいなことですが、人は喜ぶでしょう。

はい、そしてもちろん、あなたのサービスが顧客にかかる価格を示してください。 この時点で、それはあなたの頭の中にはっきりと形成されるはずです。



CPをブリーフィングレターに添付し、顧客に送信します。 答えを待ちます。 彼が1日以内に応答しない場合-コールバックして、簡単なCPを受け取ったかどうかを尋ねますか？ ああ、彼は、緊急の出張に出ていたことがわかりました-そして私たちは彼がどこに姿を消したか心配しています。 もっと待って！ そして、電話が鳴るか、または太字の文字のリストに新しい行が表示されます。



以下は2つのシナリオです。



1）「少し高い！」 「そして、あなたはどれくらい期待していましたか？」、私たちは尋ねます。

a）「まあ、書いたものの20％」と答えます。 「あなたと夕食を食べてよかったです。 じゃあね！-答えて丁寧に別れを告げます。 しかし、一般的に、これはめったに起こりません-そのような状況を除外して、個人的な会議がカフェで呼び出されます。

b）「あなたが書いたものの約70-90％」と答えます。 折り返し電話すると言います。 機会があれば、KPの値札を修正します。 発送中です。 待っています。 次に、オプション「1）」に戻るか、オプション「2）」に進みます。



2）「すべて順調です、私たちは働いています」と彼は言います。 感情を抑え、前払いと契約の署名を伴う2回目の会議を手配します。



契約の詳細な作成方法についてはお伝えしません。 正直に言って、私はかつて働いていた会社に持って行き、自分のニーズに合うように修正した後、友人の弁護士に見せました。 契約では、サイトの試運転の段階の期限を指定する必要があります。TK、メインページのレイアウト、残りのページのレイアウト、完成したサイト。 さらに、これらの手順に同意することについて顧客がどれだけの時間を考える必要があるかを示します。 締め切りについては、電話することを忘れずに、最初に顧客に同意してください。



契約書を二重に印刷し、会議に行きます。 彼と契約を結び、第1段階の支払いの問題を解決します（私の場合、これは作業の総コストの30％です）。 顧客に別れを告げ、彼はすぐに彼の将来の美しいサイトでTKを見ると言います。



この段階の後、私は自分自身に何かを報いるのが好きです。 ちょっとした小物を買ったり、友達と映画を見に行ったり、アイスクリームを食べて幸せになったりできます。 主なことは、あなたがよくやったこと、そして問題が前進し、「行きましょう、行きましょう」ということに注意することです。



今こそTKを書くときです。 お客様に送信した概要を開きます。 サイトの簡単な目的、ターゲットユーザー、構成と色に対する顧客の希望を説明します。 自分（またはデザイナー）が描画する必要があるレイアウトのリストを作成します。 その後、私は通常、グラフ用紙でメモ帳を取り、鉛筆ですべてのページのブロックのプロトタイプを描きます。 その後、各ページの要素のリストと、ユーザーが要素を操作したときに発生するイベントのリストを詳細に説明します。 また、サイトの「ヘッダー」や「フッター」などの繰り返しページ要素を個別に説明します。そのため、ページごとにそれらが説明されることはありません。 プログラマーと通信して、おそらくどのCMSをサイトに使用するかをすでに決めているでしょう。 彼女の管理パネルでいくつかの固有のモジュール/ページが必要な場合は、それらも説明してください。 サイト管理者の文体的なデザインはあなた次第であることに注意してください-もしそうなら、もちろん。 これを行うことで、サイトのフロントエンド部分のために描いたハイパーコスモスではなく、domain.ru / adminリンクを使用して標準のJoomla / Wordpress / Your CMSスタイルが表示されることを驚きから顧客に警告します（同意しない場合）友人）。



ブラウザーの最小要件、ブラウザーウィンドウの最小幅、およびサイトを表示するシステムのその他の技術要件を説明します。 お客様のコンピューターにインストールされている追加のソフトウェアに対して責任を負わないことを伝えます。これはサイトの表示に影響を与える可能性があります。 最も単純な例は、ブラウザー用のSkypeプラグインです。これは、テキストで記録された電話番号を呼び出しボタンに変換し、最終的にはサイトのデザインを技術的に変更します。



サイトがテストコンテンツで満たされていること、およびサイトの全コンテンツがこのTKに含まれていないこと（ある場合）について書くことを忘れないでください。 通常、サイトの充填は別の作業であり、サイトが追加契約の一部として完了した後に実行されます（顧客がサイトの充填を引き継がない場合、これは頻繁に発生します）。



TKのささいなことすべてを考慮に入れてください。 紛争や根拠のない「提示」の場合、契約とともに、あなたの主要な「切り札」であり、議論になります。 そして、プロジェクトのすべての詳細を完全に形式化することにより、請負業者の作業を簡素化します。



その後、おそらく調整を行うことで、後続の各TKが前のTKに基づいて行われるという結論に達するでしょう。それにもかかわらず、ほとんどの小規模サイトとそれらの要件はほぼ同じです。 したがって、TKは詳細、詳細、メモで次第に大きくなりすぎ、ますます正確で、堅実で深刻になります。



したがって、TKを再度読み取り、それを顧客に送信します。 彼の答えを待って、彼とそれについて話し合い、訂正します-そして、最終的に、あなたは彼を承認します。



次のステップは、メインページのレイアウトを描画することです。 あなたがデザイナーなら、私がいなければ何をすべきか知っています。 そうでない場合は、TKデザイナーとサイトのページのスキャンされたプロトタイプを送信します（元々、紙ではなく特別なソフトウェアで作成した場合は送信してください）。 これに加えて、誤解が生じないように、彼らと会うか電話で話し合い、さらにすべてを言葉で話し合います。



叙情的な余談。 時々、顧客が私たちに尋ねるか、請負業者がデザイナーにいくつかのウェブサイトのデザインオプションを描いて、正しいものを選んでさらに彼と協力できるように頼むことがあります。



これはまったく受け入れられないと思います。 あなたが美容院に来るとき、あなたはあなたが適切な散髪を選択するように、あなたは3回カットされることを求めますか？ いいえ、壁の写真や、自分に最適なものを選択するカタログを見てください。 配管工に3種類のトイレを設置して、座りやすいトイレを選択してもらえますか？ いいえ、あなたは配管に買い物に行き、トイレを見て、最適なものを選んで購入し、配管工にパイプを置く場所についてのみ相談します。



3つのサイトレイアウトは3つの作業です。 トリプルワークはトリプルで支払われます。 今がその時です。 デザイナーに3つの異なるレイアウトを描くように頼んだとしても、おそらく彼はあなたが信頼する分野の専門家である（そうでなければ、なぜ彼を雇ったのか？）あなたのプロの視点レイアウトから1つを正しく思慮深く描き、2つを「指から吸い取る」。 これらは2つです。



彼はデザイナーであり、彼の趣味はプロ意識と経験の範囲内で客観的です。 あなたはデザイナーではなく、好みの感覚は主観的です。 「ロシアンルーレット」をプレイし、これらの3つのレイアウトから指から吸い出されるレイアウトを選択できます。ただし、デザイナーが注目しているサイトへの訪問者の大部分ではなく、あなたの会社のポジティブなイメージを作成するためです。サイトが作成されています。 ボトムライン-あなたは余分なレイアウトのために過剰に支払い、あなたとあなたの妻だけが好む悪いデザインを得ました。 それはあなたが望んだことですか？



このような質問が発生した場合は、これをすべて穏やかな形でお客様に説明する必要があります。 通常これで十分です。



レイアウト自体に戻りましょう。 プログラマーに確認し、サイトでどのCaptchaを使用するか、どのライトボックスのクローンが画像を開くかをデザイナーに伝えます。jQueryUIでフォームを作成する必要がありますか？ 彼に彼のレイアウトでこれらの要素をすぐに使用させます。



デザイナーからのレイアウトを待ちますが、急いで顧客に送信しないでください。すべてがスムーズで正確であり、作業指示書に対応していることを確認してください。 すべて大丈夫ですか？ 送信。 お客様から修正を受け取りましたか？ 彼らとTKに確認してください。 すべてが適切で、初期契約の枠組み内であれば-修正して提出します。 通常、編集の1〜2回の繰り返し-メインページのレイアウトが承認されます。



同様に、メインページの承認後、サイトの残りのページが承認されます。 最後に、デザイナーにホバー状態のリンクカラーを送信するように依頼することを忘れないでください。PSDファイルにホバー状態とダウン状態のボタンを含めます。ドロップダウンメニューの例とライトボックスウィンドウのデザイン（使用する場合）



デザイナーの前払いの仕事はあなた次第です。 私は通常、仕事を始める前に50％のデポジットを支払い、その後に残りの50％をデポジットします。 プログラマーとレイアウトデザイナー（別個の場合）-同じスキーム。



したがって、設計は承認されて完了しました。 次のプリペイド段階の時間は30％です！ デザイナーに支払い、前払い金をプログラマーに投げ捨てます。 彼にサイトレイアウトのTKおよびPSDファイルを送信します。 また、彼に会う/電話して、すべてを詳細に話し合ってください。



プログラマーがプログラマーの作業を評価および追跡することはそれほど難しくありません。 動作するか動作しないかのどちらかです。 しかし、レイアウトは簡単に確認できます。 さまざまなブラウザでサイトのレイアウトのスクリーンショットを撮り、グラフィカルエディタでレイアウト上にオーバーレイします。 合わない？ コーダーに見せてください-彼にそれをやり直させてください。



管理パネルに移動して、記事の追加、写真のアップロード、ニュースの追加など、いくつかの標準操作を実行してください。 すべてが機能するはずです。 これで、テストを自分で行うことができます。



「テストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト」というテキスト形式のサイトと、すべての場面で同じ「ピクセル」と「アーティファクト」の写真でサイトを埋める人がいるのを見たら、撮りたい...憂鬱にため息。 サイトは製品であり、販売する製品です。 また、商品にはプレゼンテーションが必要です。そうでない場合、商品は購入されません。 あなたの頭からのテスト記事やニュースのために「怪しい」テキストを書きたいという欲求はありませんか？ ラテン系のアルファベットにはLorem ipsumがあり、キリル系のアルファベットにはYandex.Vesnaが好きです 。 Googleの画像には、記事やニュースのさまざまな写真があります 。



いくつかのテストニュース、テスト記事を作成します。 テキストにハイフン、タブを配置します。 リンク 、 太字、 斜体で大きなテキストブロックを希釈します 。 番号付きリストを使用します。 あなたが彼のプロジェクトに挑戦したが、すべてを「大当たり」しなかったことを顧客に示してください-私を信じてください、彼はそれを感謝します！



すべて準備ができていますか？ サイトではなく、甘いもの？ 顧客にリンクを投げて、彼に見てもらいましょう。 彼の質問にすべて答えてください。 編集が発生した場合-承認済みのレイアウトを使用してTORで確認し、適切な決定を下してください。

最後に、最後の会議を手配し、作業を終了して、サイトのコストの残りの40％を取り除きます。 あなたとあなたのパートナーは彼らに値する！ そして、はい、あなたの人々とのプロジェクトの配達に注意することを忘れないでください！ 非常に正しい伝統。



他に何を言いたいですか？

• すべてのお金を受け取った場合にのみ、完成したサイトを顧客のホスティングに転送します。 これは不正に対するシンプルで適切な保護です。
• あなたがそれを持っている場合、怠inessと戦います。 今できることを明日まで先送りしないでください。
• 言葉の人になりましょう。 彼らは月曜日にステージを渡すと約束した？ 時間がない？ ケーキにぶつかったり、コーヒーを飲んだり、パワーエンジニアになったり、個人的な生活を忘れたりしながら、時間通りに仕事を始めましょう。 極端な場合は、事前に顧客に連絡し、謝罪し、新しい期限について話し合います。 顧客が友人や同僚に推薦するのは、責任ある経営幹部です。
• 日記をつけてください。 これにはGoogleカレンダーを使用します。 そこに会議の日付、締め切り、すべての今後の重要なイベントを記録します。 締め切りは赤く、何か楽しいもの-緑で、不快だが重要なもの-を沼地で描きます。 ジョブが完了すると、すぐに灰色にマークします。 したがって、1週間後、灰色の四角形がいくつあるかがわかり、たくさんある場合はうまくいきました！
• Gleb Arkhangelskyによる「Time Drive」など、あらゆる種類の自発的な記事や本を読んでください。 本当に役立ちます！

他に何を言いますか-私自身は私の旅の始まりです 私は約一年間だけ自分のために働いています。 私には多くの問題もあります。まず第一に、ポートフォリオを整理して自分のウェブサイトを作成するのに十分な時間がありません。 また、アーティストは品質と納期の両方で失敗することがよくあります。時には、レイアウトを自分で編集し、コードを自分で編集し、さまざまな技術について説明する必要があります。



一般に、コメントでこのすべてを議論したいと思います。

ご清聴ありがとうございました！



UPD：友人の招待に感謝します！