Webflowのシステム開発の発注/外注/依頼/委託方法について

Webflowのシステム開発を発注するなら、Webflowを業務基幹そのものではなく、企業サイトやサービスサイトを更新・公開するWeb基盤として位置付け、会員・決済・在庫などの業務ロジックは外部システムと分担する設計が成功の近道です。

「ノーコードだから安く早く作れるはず」と考えて依頼すると、CMS設計、既存サイトからの移行、API連携、SEO、社内運用、保守範囲が後から追加され、見積もりの比較が難しくなります。この記事では、Webflowのシステムを発注・外注するときの発注形態、RFPと要件整理、契約形態、費用相場、委託先の選び方、見積書の比較方法まで、初回相談前に決めるべき事項を順に解説します。

▼全体ガイドの記事
・Webflowのシステム開発の完全ガイド

Webflowのシステムを発注する前に知る全体像

Webflowは、ブラウザ上でデザイン、CMS、ホスティング、公開、SEO設定を一体的に扱えるSaaS型のWebプラットフォームです。発注の成否を分けるのは、Webflowで作れるかどうかだけではなく、どのデータをWebflowに置き、どの処理を外部サービスや専用バックエンドに任せるかを最初に決めることです。

企業サイト、サービスサイト、採用サイト、オウンドメディア、導入事例、求人、店舗や拠点の一覧など、コンテンツを継続的に追加・更新する仕組みはWebflowと相性が良いです。CMS Collectionと参照フィールドを使えば、製品、業界、事例、担当者などの関連情報を構造化して表示できます。社内のマーケティング担当者が承認済みのコンポーネントを使ってページを更新し、制作会社への小さな修正依頼を減らしたい企業にも適しています。

2026年4月にWebflowは次世代CMSを全顧客向けに提供し、1ページあたりのCollectionリストやネスト構造などを拡張しました（出典: Webflow公式Updates、2026年4月）。ただし、機能が増えても、リアルタイム在庫、複雑な承認、会員ごとの権限判定、決済、厳格な監査証跡をWebflow単体で担う意味にはなりません。業務データの正本をどこに置くかを発注前に決めておく必要があります。

Webflowは画面、コンテンツ、フォームの入口を担当し、CRMやMAは顧客情報・営業活動、予約サービスは空き枠、決済サービスは支払い、専用バックエンドは業務ルールと機密データを担当する分け方が基本です。CMS APIやコンテンツ配信API、フォーム連携、Webhook、必要に応じたカスタムJavaScriptを組み合わせます。会員情報や個人情報を扱う場合は、送信先、保存期間、削除方法、通知先、再委託先を要件に含めてください。

発注形態は、(1)デザインから公開までをまとめて依頼する一括請負、(2)要件定義や設計だけを先に依頼して実装を分ける分離発注、(3)開発担当者や運用担当者を一定期間確保する準委任、(4)社内担当者を育成しながら伴走してもらう内製化支援に整理できます。納期と成果物を固定したい小規模サイトは一括請負、要件が揺れやすい連携案件は準委任や段階発注が比較的合いやすいです。

発注前に行う要件整理とRFPの作り方

RFPは、提案依頼書とも呼ばれ、委託先に同じ前提で提案と見積もりを出してもらうための資料です。分厚い仕様書を完成させる必要はありませんが、目的、対象範囲、現状の課題、必要な成果物、期限、予算の考え方、選定基準を一つの資料にまとめると、会社ごとの提案差が見えやすくなります。

「Webflowでサイトを作りたい」ではなく、「問い合わせの質を高めたい」「新しい事例を社内で月何本公開したい」「複数ブランドの更新を一本化したい」のように、事業上の目的から書き始めます。KPIは問い合わせ数だけでなく、公開までの時間、更新を自社で完了できた割合、フォームの完了率、自然検索からの流入、運用担当者の作業時間なども候補になります。

既存サイトから移行する場合は、現状のURL一覧、アクセス上位ページ、検索流入ページ、タイトル・メタディスクリプション、画像、構造化データ、フォーム、301リダイレクトの有無を整理します。移行対象をページ数だけで伝えると、重要ページの優先順位やリダイレクト工数が抜けます。検索流入を落としたくないなら、移行前後のURL対応表をRFPの必須成果物にしてください。

RFPには、データ項目ごとに「Webflowで管理」「外部サービスで管理」「双方向連携」「連携不要」を記載します。例えば、導入事例の本文と画像はWebflow CMS、問い合わせの顧客情報はCRM、決済状態は決済サービス、社内承認の履歴は業務バックエンドという具合です。誰が正しい値を持つかを決めずに連携を始めると、更新の競合や重複登録が起きます。

さらに、利用者の役割、編集・承認・公開の権限、対応ブラウザ、スマートフォン表示、アクセシビリティ、表示速度、個人情報の保管場所、障害時の連絡先、バックアップと復旧、データと設定の引き渡し条件も書きます。2026年5月以降のWebflow料金ではAIクレジットやTeamプランなどの選択肢も変わっているため、採用プランの前提と料金改定時の負担者も確認項目に含めると安全です。出典はWebflow Help Center（2026年7月更新）です。

最低限、背景と目的、対象ユーザー、サイトマップ案、ページ数とCMS件数、必要なテンプレート、デザインの有無、既存データの移行量、外部サービス連携、SEO要件、テスト範囲、公開希望日、社内の体制、納品物、保守の希望を記載します。候補会社には、前提条件、除外事項、追加費用が発生する条件、担当者の経験、想定スケジュール、懸念点を同じ書式で回答してもらいます。

Webflowのシステム開発を発注してから公開するまでの進め方

発注後は、要件定義、情報設計・デザイン、Webflow実装と外部連携、テスト・教育・公開の順に進めます。各工程で承認する成果物を決めておくと、後工程での手戻りや「そこまで含まれると思っていた」という認識違いを防げます。小規模なサイトでも、移行、フォーム、公開設定、運用教育は実装と別の作業として管理してください。

企画段階では、目的、KPI、対象ユーザー、公開範囲、運用担当者、Webflowと外部システムの役割分担、予算と期限を合意します。ここで「会員機能が必要」と書かれていても、ログインだけなのか、会員ランク別の表示なのか、契約状態と連動するのかで構成が大きく変わります。画面の話だけでなく、入力、保存、通知、検索、更新、削除の流れを業務シナリオで確認してください。

サイトマップ、URL、CMS Collection、参照関係、コンポーネント、フォーム、権限、翻訳単位を設計します。既存サイトの移行なら、旧URLと新URLを対応させ、301リダイレクト、タイトル、見出し、canonical、XMLサイトマップ、画像の代替テキストまで確認します。単に見た目を再現するのではなく、社内担当者が迷わず更新できるフィールド名と入力ルールを用意することが重要です。

連携は、データ項目、送信タイミング、認証方式、エラー時の再送、重複排除、ログの保存場所を仕様にします。標準機能で足りる部分に過剰なカスタムコードを入れず、APIや外部サービスが必要な箇所だけを開発する方が、保守と引き継ぎの負担を抑えやすいです。契約時には、APIキーや環境設定を誰が管理し、納品時にどの範囲を引き渡すかも決めてください。

受け入れテストでは、PCとスマートフォン、主要ブラウザ、フォーム送信、通知、権限、検索、404、301、表示速度、アクセシビリティ、SEOのインデックス設定、APIエラーを確認します。移行案件では、公開後に旧URLへアクセスした場合の遷移、検索流入ページの順位とクリック、画像の欠落も監視対象にします。公開日だけをゴールにせず、公開後1か月などの検収期間と修正窓口を契約書に書くと安心です。

教育では、CMSへのログインから新規登録、下書き、承認、公開、差し戻し、画像登録、SEO項目の入力、公開後の修正までを実際の担当者が操作します。マニュアルだけでなく、誰が何を更新できるかの運用ルールと、制作会社へエスカレーションする条件を残してください。公開後の改善を依頼するなら、月次レポート、定例会、軽微修正の時間、障害対応の優先度を別途定義します。

Webflowのシステム発注で選ぶ契約形態と契約条件

Webflow案件では、成果物と納期を明確にできる工程は請負契約、要件が変わりやすい調査・連携・改善は準委任契約に分ける方法が現実的です。契約形態の名前だけで安全性が決まるわけではなく、何をもって完成とするか、変更をどう扱うか、障害時に誰がどこまで対応するかを具体的に定める必要があります。

請負契約は、サイト一式、移行、CMS、指定された連携など、成果物を検収できる場合に向いています。成果物の一覧、品質基準、検収期間、修正回数、納期変更、追加費用の条件を明記します。準委任契約は、要件定義、技術検証、継続改善、運用支援のように、専門家の稼働やプロセスを依頼する場合に向いています。月の稼働時間、対応可能な曜日、定例、報告書、未消化時間の扱いを確認してください。

要件が固まっていないのに一括請負で全機能を固定すると、変更のたびに契約変更が必要になります。一方、準委任だけで進めると、いつ何が完成するかが曖昧になりやすいです。最初の2週間を要件定義・技術検証の準委任、その後を請負、公開後を月次の準委任にするような段階構成も候補になります。

契約書と別紙の仕様書には、Webflowアカウントの名義、サイトプランとWorkspaceプランの契約者、ドメイン、CMSデータ、デザインデータ、カスタムコード、API設定、分析アカウント、画像や文章の著作権、納品形式、再委託、秘密保持、個人情報、障害・漏えい時の連絡、契約終了時の引き渡しを記載します。特にアカウントを制作会社名義にすると、解約や担当者変更時に公開を止められないか確認が必要です。

外部サービスの利用規約や料金改定が自社に影響する場合、月額料金、追加容量、AIクレジット、API利用料、翻訳費、決済手数料を誰が支払うかを分けて書きます。個人情報を含むフォームでは、委託先の選定、契約、取扱状況の把握、再委託の管理を確認してください（出典: 個人情報保護委員会「個人情報の保護に関する法律についてのガイドライン（通則編）」）。Webflowのセキュリティ機能を確認しても、自社の法令対応や社内規程まで自動で完了するわけではありません。

Webflowのシステム開発の費用相場とコストの内訳

Webflowの発注費用は、プラットフォームの利用料と、制作・開発会社へ支払う初期費用、移行・連携費、公開後の運用費を分けて考えます。ページ数だけでなく、CMSの設計、コンテンツ入稿、デザイン再現、SEO移行、API連携、権限、多言語、研修の有無で工数が大きく変わるため、「サイト構築一式」だけの金額では比較できません。

2026年5月13日以降のWebflow公式料金では、年払いのBasicが月15ドル、CMSから移行したPremiumが年払いで月25ドルとなり、月払いではそれぞれ月25ドル、月39ドルです。Teamプランはサイト、シート、Localizeなどを束ねた年契約のプランで、Enterpriseは個別見積もりです（出典: Webflow公式Help Center、2026年7月更新）。為替、税、追加帯域、サイト数、アドオン、契約時期で実支払額は変わるため、見積書にはドル建て料金と円換算の前提を分けて記載してもらいます。

料金プランだけでなく、CMS件数、Collection数、フォームのファイルアップロード、公開ワークフロー、権限、Localization、アクセスログなど、必要な機能がどのプランに含まれるかを確認します。制作会社が自社のWorkspaceで作業するのか、発注者のWorkspaceに招待されるのかでも、引き継ぎや解約時の扱いが変わります。月額料金を初期開発費に混ぜず、継続費用として予算化してください。

国内の公開料金例では、LikePayのBasicが30万〜70万円（税別）で、15ページまでの実装、CMS、SEO、運用マニュアルなどを含みます。Proは100万〜300万円（税別）で、100ページまでの実装、CMS、外部システム連携、分析、MA設定、社内担当者教育などを含む料金帯です（出典: LikePay「Webflow制作料金」、2026年確認）。これは一社の公開価格であり、すべての会社や案件に適用できる相場ではありません。

企画段階の予算目安としては、小規模なコーポレートサイトやMVPが30万〜70万円、標準的なCMSサイトやWordPressからの移行が100万〜300万円、複数ブランド、多言語、外部API、権限、運用設計を含む大規模案件が300万〜1,000万円以上となる可能性があります。後二つは公開料金と海外市場の参考値、案件の複雑さから整理した推定レンジであり、Webflow公式の開発費用表ではありません。正式な予算は、同じRFPで複数社から円建て見積もりを取得してください。

追加費用になりやすいのは、ページやCMS件数の増加、デザインの再現、既存データの整形、301リダイレクト、画像の差し替え、検索・絞り込み、アニメーション、会員・予約・決済、CRM・MA・分析ツール連携、多言語、コンテンツ入稿、研修、公開後の改善です。API連携は一件でも、認証、データ変換、エラー処理、テスト、運用監視まで必要になることがあります。

ランニングコストには、Webflowのプラン料金、ドメイン、翻訳や検索などの外部SaaS、決済手数料、保守、コンテンツ更新、分析・改善、障害対応が含まれます。保守を開発費の一定割合で見積もる会社もありますが、率だけでなく、月何時間か、未使用時間の繰り越し、緊急対応、軽微修正の定義、追加開発の単価を確認してください。要件定義を省いて後から機能を追加すると、工数と費用が1.3〜1.5倍に膨らむリスクもあるため、初期に不確実な部分を洗い出します。

Webflowの委託先選定と見積比較のポイント

委託先は、Webflowの制作実績だけでなく、要件定義、CMSの情報設計、移行SEO、API連携、個人情報、教育、保守、引き継ぎまで対応できるかで選びます。華やかなデザイン事例だけでは、公開後の運用や障害対応の品質は分かりません。初回相談では、似た規模と課題の実績を示してもらい、担当者がどの工程を担当したかを確認してください。

第一に、目的に合う構成を提案しているかを見ます。Webflow単体に何でも詰め込む会社より、Webflow、CRM、決済、専用バックエンドの境界を説明できる会社の方が、将来の保守リスクを抑えやすいです。第二に、移行、SEO、データ保管、権限、バックアップ、インシデント対応まで提案に含まれるかを確認します。第三に、社内担当者へ操作を移管し、別会社へ保守を移せる成果物を出すかを確かめます。

国内企業なら日本語での要件調整と法務確認がしやすい一方、海外のWebflowパートナーは大規模移行や多言語、Enterprise運用の実績を持つ場合があります。海外委託では時差、英語での仕様確認、円建て請求、準拠法、個人情報の越境、再委託、緊急時の連絡を比較項目にします。Webflow公式のPartnerやCustomer Storiesに掲載された企業でも、自社の案件を担当するチーム、現在の認定状況、保守窓口は個別に確認してください。

見積書は、要件定義、情報設計、デザイン、Webflow実装、CMS設計、コンテンツ移行、リダイレクト、外部連携、テスト、教育、公開、保守に分けてもらいます。各項目に作業内容、数量、単価、担当、納品物、期間、含まれない作業を記載してもらうと、安い理由や高い理由を説明できます。「ページ数」は、固定ページ、CMSテンプレート、CMSアイテムの入稿を分けて比較してください。

見積もりの合計額だけでなく、変更管理、追加開発の単価、検収回数、無料修正期間、保守の応答時間、障害の優先度、解約時の引き渡し、アカウントとドメインの所有者を確認します。極端に安い見積もりは、要件定義、移行、テスト、教育、保守が除外されている可能性があります。各社に「この金額に含まれないもの」「最も不確実な前提」「費用が増える条件」を同じ質問で聞くと、比較の精度が上がります。

発注後に起きやすい失敗は、社内の確認が遅れて納期が延びる、コンテンツ原稿が揃わず入稿費が増える、既存URLの棚卸しがなくSEO流入が落ちる、APIのエラー処理が未定義のまま公開する、制作会社のアカウントに依存して引き継げない、といったケースです。発注者側の責任者、承認者、実務担当者を決め、毎週の判断事項と期限を共有してください。

また、公開直前に新機能を追加しないため、必須機能と将来機能を分けます。MVPとして問い合わせ、CMS、基本SEO、分析だけを先に公開し、会員や高度なパーソナライズは検証後に追加する方法もあります。Webflow公式事例では、GreenhouseがHappyCogとの移行で標準ページの更新・新規ページ制作をおおむね2倍速くし、デモ申込ページのコンバージョンを最大40%改善したと紹介されています（出典: Webflow公式Customer Stories、2026年確認）。事例の数値を自社の成果として約束させるのではなく、測定方法と改善サイクルを契約に落とし込むことが大切です。

よくある質問

Webflowのシステム発注では、費用や納期だけでなく、業務システムとの境界、契約後の変更、公開後の運用を確認することが重要です。ここでは、初回相談で特に質問されやすい内容をまとめます。

小規模なサイトなら社内で作れる場合がありますが、CMSの情報設計、URL移行、API連携、個人情報、権限、SEO、アクセシビリティまで含めると専門家の支援が有効です。ノーコードは技術が不要という意味ではなく、画面制作以外の設計・検証・運用には知識が必要です。まず要件定義だけを外注し、実装の一部を内製する段階的な方法も選べます。

移行そのものだけで順位が決まるわけではありませんが、URL変更、301リダイレクト、タイトル、見出し、canonical、構造化データ、内部構造、表示速度、インデックス設定を誤ると流入が落ちる可能性があります。旧URLと新URLの対応表を作り、重要ページを優先して検証し、公開後は検索パフォーマンスとアクセス解析を確認してください。見積もりに移行作業と公開後の監視が含まれるかを必ず確認します。

連携は可能ですが、Webflow単体で全てを処理するのではなく、会員、予約、決済、CRMなどの専門サービスやバックエンドと役割を分けます。認証、個人情報の保存、決済状態、権限、エラー時の再送、運用者のログ確認まで設計できる会社に依頼してください。連携一件の金額だけでなく、保守、サービス仕様変更、API制限、障害時の切り分けが見積もりに含まれるかを確認すると安心です。

目的とKPI、現状サイトのURL一覧、サイトマップ案、ページ数とCMS件数、移行対象、連携したいサービス、社内の運用体制、希望時期、予算の上限または検討レンジをそろえると、初回見積もりの精度が上がります。全ての仕様が決まっていなくても、未確定事項を未確定のまま記載し、調査や技術検証を先行工程として提案してもらうことが大切です。

まとめ

Webflowのシステムを発注するときは、まずWebflowをコンテンツとWeb体験の基盤として使うのか、業務ロジックまで担わせるのかを切り分けます。会員、予約、決済、在庫、社内承認などは外部サービスや専用バックエンドと分担し、Webflowには更新しやすいCMS、画面、フォーム、公開機能を持たせる設計が基本です。

要点は、(1)目的とKPIを決める、(2)Webflowと外部システムのデータ境界を決める、(3)RFPで移行・連携・保守・引き渡しまで依頼する、(4)請負と準委任を工程に応じて使い分ける、(5)初期費用、プラン料金、外部SaaS、保守を分けて見積比較する、の5つです。価格の低さだけでなく、自社で更新できる状態、障害時に復旧できる状態、別会社へ引き継げる状態まで含めて委託先を評価してください。

次の一歩は、目的、現状URL、ページとCMS件数、移行範囲、外部連携、運用体制、希望時期を1枚にまとめ、2〜3社へ同じ条件で相談することです。各社の提案に対して、含まれない作業、費用が増える条件、契約終了時の引き渡し、公開後の保守を確認すれば、見積額だけでは見えない差を比較できます。Webflowのシステム発注は、制作会社に丸投げする作業ではなく、自社の業務と運用を整理して、適切な範囲を委託するプロジェクトとして進めることが大切です。

▼全体ガイドの記事
・Webflowのシステム開発の完全ガイド

会社紹介

株式会社riplaでは、お客様の事業・ユーザー・業務に最適化したオーダーメイド型システムを、構想策定・要件定義から開発・改善まで一気通貫で支援。事業会社でIT・DXを経験したプロフェッショナルによる高い要件定義力・システム設計力を活かし、事業成果の最大化に伴走します。

また、当社独自の開発テンプレート「Boxシリーズ」による標準機能の高速開発と、AI駆動開発の独自フレームワーク「GoDD」による独自機能のAI実装を組み合わせることで、低コスト・短期間で開発を実現いたします。

もし、システム開発やプロダクト開発に関するご要望がございましたら、お気軽にお問い合わせください。

株式会社riplaの会社HPはこちら

・サービス概要資料のURLはこちら >>>
・お問合せページのURLはこちら >>>
・お役立ち資料のURLはこちら >>>

執筆者プロフィール

張田谷凌央

株式会社ripla 代表取締役CEOとして、システムパッケージ活用、システム開発、データ分析、生成AI活用、SaaS開発、アプリ開発、EC構築など、幅広い領域で企業のDX推進と事業成長を支援している。事業会社でIT・DXを経験したプロフェッショナルが集う株式会社riplaにおいて、お客様の事業・ユーザー・業務に最適化したオーダーメイド型システムを構想策定・要件定義から開発・改善まで一気通貫で支援し、単なるシステム納品にとどまらず、クライアントと同じ目線で事業成果の最大化に向けた伴走支援を行う。早稲田大学卒業後、ラクスル株式会社、LINEヤフー株式会社にて事業開発やDX推進などに従事した後、株式会社riplaを創業。