コーディングを外注したいと思っても、依頼してから納品までの間に「誰が」「何を」してくれるのかが見えないと、なかなか最初の一歩は踏み出せないものです。
「海外の制作チームに、細かいニュアンスまで伝わる？」
「品質は、誰がどうやってチェックしているの？」
この記事では、ベトナム・ホーチミンを制作拠点とするコーディング代行サービス「コーディングコネクション」を例に、お問い合わせから納品・プロジェクト完了までの流れを4つのステップで解説します。
各ステップを担当するスタッフもあわせてご紹介します。「依頼したら、こんな人たちが動いてくれるのか」とイメージしながら読んでみてください。
1. コーディング外注の流れは4ステップ｜工程と担当スタッフの一覧
コーディングコネクションへのご依頼は、大きく分けて次の4ステップで進みます。
| ステップ | 主な内容 | お客様にお願いすること | 主な担当スタッフ |
|---|---|---|---|
| STEP1 無料お見積り | ご相談内容の確認、お見積りの提示 | デザインデータや参考URLのご送付 | 連絡窓口（WEBディレクター）／日本側サポート担当 |
| STEP2 データ入稿・ご発注 | 正式なご発注、制作指示の整理 | ご発注、素材一式の入稿、コーディングルールの共有 | 連絡窓口（WEBディレクター） |
| STEP3 コーディング・品質チェック | 実装、実装者とは別のQAチームによる検証 | 確認事項があった場合のご回答 | コーダー／WordPressエンジニア／QA・QCスタッフ |
| STEP4 テスト確認・納品 | テストサーバーでのご確認、修正、データ納品 | テストサーバーでの確認、修正点のご連絡 | 連絡窓口（WEBディレクター）／日本側サポート担当 |
この体制のポイントは、「お客様とやりとりする人」「作る人」「チェックする人」が分かれていることです。
お客様とのやりとりは、日本語対応の窓口に一本化
制作を担当するのはベトナムのチームですが、お客様がやりとりするのは日本語で対応する連絡窓口です。
連絡窓口はWEBディレクターを兼ねており、お問い合わせから制作指示、納品までを同じ担当者が一貫して受け持ちます。途中で担当が替わり、同じ説明を繰り返す必要はありません。
ホーチミンの連絡窓口に加え、日本側のサポート担当がつく2名体制でご要望を受け止めます。ご連絡はお問い合わせフォーム・Chatwork・お電話（日本オフィス／平日9:30〜18:30）のいずれからでも可能です。
「作る人」と「確かめる人」を分けた体制
実装したスタッフとは別のQA（品質保証）チームが、納品前に検証を行います。作った本人だけのチェックでは見落としやすいズレを、別の目で拾うための仕組みです。
それでは、ステップごとに詳しく見ていきましょう。
2. STEP1 無料お見積り｜連絡窓口がご相談を受け付けます
まずは「送るだけ」でOK
最初のステップは、お手元の資料を送ってご相談いただくことです。「まだ発注するか決めていない」「概算だけ知りたい」という段階でも構いません。
お見積りの材料としては、次のいずれかがあれば十分です。
- デザインデータ：Figma・XD・PSD・AIなど。作りかけの状態でも構いません
- 参考サイトのURL：「このサイトと同じ感じで」というご依頼にも対応しています
- 手書きメモ・構成案：メモ書きレベルでも、ヒアリングしながら形にしていきます
あわせて伝えていただくとスムーズな情報
- ページ数とページの種類（トップ／下層／LPなど）
- レスポンシブ対応の有無、スマートフォン用デザインの有無
- WordPressへの組み込みの有無
- アニメーションやJavaScriptによる動きの有無
- 公開予定日や、ご希望の納期
分からない項目は空欄のままで大丈夫です。連絡窓口が確認しながら整理します。
お見積りは1営業日以内にご提示
内容を確認し、1営業日以内にお見積りをお返しします。お急ぎの場合は、ご希望の日時に間に合うよう可能な限り調整します。
料金の目安は次のとおりです（2026年9月時点の公式サイト掲載の参考価格です。実際の金額はデザインの内容・ボリュームにより変動するため、お見積りでご確認ください）。
| コーディングの種類 | 参考価格 |
|---|---|
| 流し込みページ | 2,000円〜 |
| 下層ページ（10,000px以下） | 4,000円〜 |
| 下層ページ | 6,000円〜 |
| トップページ | 21,000円〜 |
| LP | 35,000円〜 |
| WordPressテーマ・テンプレート作成 | 21,000円〜／本 |
| メールフォーム作成 | 10,500円〜／本 |
初めてご依頼いただく場合は、初回割引（50%OFF）と全額返金保証の対象になります。適用条件はお見積りの際にご確認ください。
このステップの担当スタッフ
Le Kieu Trang（レ キェウ チャン）｜リーダー／連絡窓口・WEBディレクター
担当：お問い合わせ対応、お見積り、制作指示の整理、プロジェクト管理
実務経験：9年／日本語能力N1
お問い合わせから納品まで、案件の入口から出口までを見届けるのが連絡窓口の役割です。WEBディレクターとして制作チームへの指示と進行管理も担うため、お客様のご要望を受け止めた本人が、そのまま制作チームに伝えます。
1ページ2,000円〜、初回限定50%OFF・全額返金保証付きです。デザインデータや参考URLを送るだけで、1営業日以内にお見積りをお返しします。
3. STEP2 データ入稿・ご発注｜ディレクターが「伝わる指示」に整えます
ご発注と素材一式の入稿
お見積りの内容・納期にご納得いただけたら、正式にご発注ください。あわせて、デザインデータや画像・テキストなどの素材一式をお送りいただきます。
仕様書がなくても進められる理由
コーディングコネクションでは、詳細な仕様書をご用意いただかなくても制作を進められます。
STEP1からご対応している連絡窓口が、WEBディレクターとしてデザインデータを確認し、レイアウトや要素の意図を読み取って、ベトナムの制作チーム向けの制作指示に整理するためです。お見積りの段階でうかがったご要望をそのまま指示に反映できるので、情報の伝え漏れが起きにくくなります。
ただし、アニメーションの細かな挙動・フォームの送信先・対応ブラウザの範囲など、デザインデータだけでは判断できない点もあります。そうした点は着手前に確認させていただく場合がありますので、ご協力をお願いします。
コーディングルールは、この段階で共有を
社内のコーディングガイドラインや命名規則、クラス設計の指定がある場合は、この段階でお知らせください。ガイドラインに沿ったコーディングに対応しています。
特に指定がない場合は、Sassを用い、CSSの命名にはBEM記法を採用した構成で制作します。
込み入った内容は打ち合わせで
文章だけでは伝えにくい内容は、Zoom・Google Meetでの打ち合わせにも対応しています。お客様のクライアントとの打ち合わせに、技術面の回答役として参加することも可能です。
初回のお支払いについて
初回のご依頼は、お申し込み後に着手金として半額、納品後に残りの半額をお支払いいただく流れです。お支払いは日本オフィスへの銀行振込で、詳細はお見積りやご発注の際にご案内します。お取引実績のあるお客様はご相談ください。
このステップの担当スタッフ
このステップも、STEP1でご紹介したチャンが引き続き担当します。
4. STEP3 コーディング・品質チェック｜エンジニアが実装し、QAチームが検証します
コーダーによる実装
制作指示が固まったら、いよいよコーディングです。日本向けの開発経験を積んだコーダーが、デザインデータをもとに実装します。
- HTML5・CSS3によるセマンティックなマークアップ
- Sass・BEM記法による、更新しやすいCSS設計
- レスポンシブ対応（PCデザインからのスマートフォン調整も可能）
- jQueryのほか、gsap.jsなどを用いたアニメーション実装
複雑な動きや演出も、仕様を確認しながら実装します。内容によっては追加のお見積りになる場合があります。
WordPressはWordPressエンジニアが担当
WordPressへの組み込みが含まれる案件では、WordPressエンジニアが担当します。オリジナルテーマの作成、カスタム投稿などのコンテンツ構造の設計、プラグインの導入まで対応しています。
実装者とは別のQAチームが検証
実装が終わると、QA・QCスタッフが検証を行います。作った本人ではなく別のチームが確認することで、見落としやデザインとのズレを洗い出します。
確認の観点は、たとえば次のようなものです。
- デザインデータとの差異（余白・文字サイズ・色・画像の配置など）
- 画面幅ごとのレスポンシブ表示
- リンクやフォーム、アニメーションの動作
- ご指定のコーディングルールへの準拠
検証は、Chrome・Firefox・Safariなどの主要ブラウザと、Windows・iOSなどのOSで行います。対象は最新版のため、古いブラウザやOSへの対応が必要な場合は事前にご相談ください。
納期の目安
シンプルなLPであれば、最短で翌日の納品に対応できます。ページ数やアニメーションの有無によって必要な日数は変わるため、具体的な納期はお見積りの際にご提示します。
このステップの担当スタッフ
Tran Thi Thuy Tien｜コーダー
担当：HTML・CSS・JavaScriptの実装、Sass、WordPress
日本向け開発経験：12年
Tong Viet Lam｜WordPressエンジニア
担当：WordPressテーマ作成、PHP、MySQL
日本向け開発経験：8年
Nguyen Huong Thao｜QA/QCスタッフ
担当：品質チェック、クロスブラウザ対応
実務経験：5年
WordPressの組み込みやアニメーションを含む案件も、まずはデザインデータをお送りください。対応範囲と概算をあわせてご案内します。
5. STEP4 テスト確認・納品｜連絡窓口と一緒に最終確認
テストサーバーでご確認いただきます
品質チェックを終えたページは、テストサーバーにアップします。実際のブラウザで表示や動きをご確認いただき、気になる点があれば連絡窓口へお知らせください。
修正は無料で対応
テスト確認でご指摘いただいた修正は、無料で対応します。
なお、デザインそのものの変更やページ・機能の追加など、当初のご依頼内容から変わるものは、別途ご相談となる場合があります。
初回の全額返金保証
初回のご依頼では、テストサーバーで確認いただいた品質にご満足いただけなかった場合、ご請求・納品を行わない全額返金保証を設けています。はじめての外注先選びで不安がある方も、まずは試していただけます。適用条件はお見積りの際にご確認ください。
データ納品でプロジェクト完了
ご確認・修正が完了したら、データを納品してプロジェクト完了です。
納品後のご相談も受け付けています
納品後の修正・調整もご相談いただけます。また、WordPress専用の保守プランもございます。更新作業やセキュリティ対策、バックアップなどをまとめてお任せいただけますので、まずはお気軽にお問い合わせください。
このステップの担当スタッフ
テストサーバーでのご確認から納品まで、窓口は引き続きチャンが担当します。
田村真史（たむら なおふみ）｜サポート担当（日本）
担当：日本国内のお客様サポート、連絡窓口との連携
勤務地：東京本社／2006年入社
ホーチミンの連絡窓口と連携しながら、日本側からお客様をサポートするのがサポート担当の役割です。日本オフィスへのお電話でのご相談にも対応します。
6. まとめ｜流れと担当が見えれば、はじめての外注でも進めやすくなります
コーディング外注の流れを、担当スタッフとあわせて振り返ります。
この記事のまとめ
- STEP1 無料お見積り：デザインデータや参考URLを送るだけ。連絡窓口が1営業日以内にお見積りを提示します
- STEP2 データ入稿・ご発注：WEBディレクターを兼ねる連絡窓口が、仕様書がなくても制作指示に整理します
- STEP3 コーディング・品質チェック：コーダー・WordPressエンジニアが実装し、実装者とは別のQAチームが検証します
- STEP4 テスト確認・納品：テストサーバーで確認し、修正後にデータを納品。初回は全額返金保証の対象です
外注先を選ぶときは、料金だけでなく「誰が窓口になり、誰が作り、誰が確認するのか」を確かめておくと、進行中の不安が小さくなります。
「まずは1ページだけ試してみたい」というご依頼も歓迎しています。コーディングでのお困りごとやご依頼など、お気軽にご相談ください。
コーディングコネクションのサービス詳細はこちら
