SaaSマーケティングサイトのエンジニアリング｜AIスタートアップ創業者が外注で失敗する理由【2026年版】

多くのAI／SaaS創業者は、マーケティングサイトを「パンフレットの問題」として扱い、その前提のまま発注します。Framerテンプレートを買い、それを制作会社に渡し、半年後にはプログラマティックSEOページ1枚も追加できず、ABMランディングのエッジ配信も組めず、誰もが望んだWebGLヒーローを載せると Core Web Vitals が壊れる ¥600万のサイトを手にする。2026年のマーケティングサイトはもうプロダクトグレードのエンジニアリング成果物です——プログラマティックなコンテンツ面、エッジでのパーソナライゼーション、MDX／Sanity／microCMSによるコンテンツ運用、リクエスト境界でのA/Bテスト、プロダクトへのリード連携、Core Web Vitals と両立するモーション予算。正しい採用は「デザインエンジニア」であり、汎用的なWeb制作デザイナーではない。

この記事は、2026年のAIスタートアップが現実に選んでいる4つの採用モデルに名前を付け、正直な価格レンジで並べ、MRR¥500万〜¥2,000万のどこかで必ず壊れる「創業者コーディングのサイト」の故障パターンを解説します。

この記事の対象： シード〜シリーズAのAI／SaaS創業者、立ち上げ期のマーケティング責任者、エンジニアリングリードで、デザインサブスク／ブティック型Web制作会社／インハウスのマーケティングエンジニア／デザインエンジニアスタジオのどれに発注するかを決める方。ステージ：ローンチから0〜24ヶ月、10〜60名規模、現在はFramer／Webflow／STUDIO／創業者コーディングのNext.jsで運用中、次の2四半期にフラッグシップのリビルドを計画中。

キーポイント

• マーケティングサイトはもう「プロダクト面」であり、パンフレットではない。 プログラマティックSEO、エッジパーソナライゼーション、プロダクト内埋め込み、リアルタイム料金表示、モーション予算——どれもFramerテンプレートには載らず、汎用デザイナーの仕事でもない。正しい採用はデザインエンジニア。最安の月額リテイナーを売る人を選ぶのは間違い。
• 4つの採用モデル、4つの価格帯：月額¥60万〜¥120万（デザインサブスク）、プロジェクト¥600万〜¥1,800万（ブティック型Web制作会社）、年俸ロード¥2,000万〜¥3,500万（インハウスのマーケティングエンジニア）、月額¥350万〜¥850万（デザインエンジニアスタジオ／FDEモデル）。それぞれ特定のステージで勝つ。間違ったモデルを選ぶことが、今後2年間のマーケティングサイトで最大の回避可能なコスト。
• 創業者コーディングのサイトはMRR¥500万あたりで壊れる。 料金ページは3プラン＋年額切替が必要に、マーケは広告キャンペーン向けのLPを毎週出したい、営業はABMバリアントを求める、エンジニアリングはそれを優先しない。破綻は構造的——「もう1枚Framerページを足す」では直らない。
• Linear／Vercel／Mercury／Stripeのサイトは、Framerデザイナーが作っていない。 小規模なデザインエンジニアリングチームが、Next.js＋構造化CMS＋Vercelエッジ＋Motion＋必要に応じてWebGLで出荷している。スタックは再現可能。再現不能なのは「稼働モデル」——四半期ではなく毎週出荷する組織の作り方。
• AIによる「55%生産性向上」は、必要人数が減るのではなく、正しい採用のレバレッジが3倍になるという意味。 CursorとClaudeとペアを組むマーケティングエンジニアは、2023年の2〜3人チームの速度で出荷する。ビルド対バイの計算式が変わる。
• マーケティングサイトのWebGLは「美的な選択」ではなく「予算の選択」。 ヒーロー1面とプロダクトデータビジュアル1つに集中するのが正解。全ページ Three.js は予算の浪費。トレードオフは姉妹記事WebGL & Three.js SEO ガイドを参照。

1. マーケティングサイトはもう「プロダクト面」

1-1. 2022年と2026年の間に変わったこと

2022年、マーケティングサイトはパンフレットでした：ヒーロー、機能グリッド、料金、お問い合わせフォーム。WordPressのテーマかWebflow／STUDIOテンプレートで足りた。マーケがCMSでコピーを編集し、エンジニアはリポジトリに触らない。四半期に1回出荷すれば十分で、誰も「もっと速く」を求めなかった。

2026年、同じ表面が背負うのは：数万ページ規模のプログラマティックSEO（プロダクトリードな長尾クエリ狙い）、訪問者の所属企業とステージに合わせて出し分けるABMランディング、Billingと同期するリアルタイム料金表示、ヒーローに埋め込まれたプロダクトデモ、プロダクトから自動生成されるIntegration ディレクトリ、実売上に対してテストするエッジ配信のA/Bバリアント、CRMにリアルタイム連携するリード補足とルーティング、LCP 2.5秒以下と両立するモーションとWebGL面、プロダクトUIと共有するデザインシステム。Framerテンプレートは何ひとつ載せられない。すべてエンジニアリング作業。これを毎週出荷しているチームは、プロダクトチームの形に見える——デザインエンジニア×ペア、マーケが所有するコンテンツ面、コミットごとに出荷するデプロイパイプライン。

1-2. なぜパンフレット時代の発注モデルは破綻するか

パンフレット時代のモデル——Figmaのデザイナー、Webflow（またはSTUDIO）開発者、CMSでコピーを編集するマーケ担当——は、1回出荷したら化石化するサイトを生みます。ローンチ3ヶ月後、創業者はシリーズAピッチ用に料金ページを作り直したい、マーケはプログラマティックSEOを始めたい、営業はトップ50エンタープライズ向けにABMバリアントが欲しい——そして同じWebflow開発者が、全変更に対する月額¥60万のボトルネックになります。コストは時間単価ではなくスピードの損失。1日で出荷すべき料金ページが3週間かかるのは、チームにエンジニアリングできる人が誰もいないから。

これが、2026年のAI創業者が最も高くついている間違いです。正しいフレーミングはSaaSキックオフプレイブックとForward Deployed Engineerスタジオに書いた通り：マーケティングサイトは顧客接点のプロダクト面であり、プロダクト面にはプロダクトの稼働モデルが必要、という話。

2. MRR¥500万あたりで壊れる、その内訳

パターンはMRR¥500万〜¥2,000万のあいだのAI SaaSで一貫しています。ローンチ時点では問題ない——創業者が Next.js で書いたか、非技術系の創業者は Framer／STUDIO で組んだ。半年後、ヒビが入る。

料金ページ。 ローンチ時点のサイトは月額¥9,800の1プランだけ。シリーズAピッチで3プラン、年額切替、エンタープライズ問い合わせ、比較表、FAQブロック、機能パリティ・マトリクスが必要に。Framerに比較ロジックは載らず、創業者の Next.js では動くが、創業者にはもうそのための週末が残っていない。

キャンペーンLPサイクル。 広告獲得がやっと回り始める。マーケは上位3キーワードに対して毎週1本LPを出したい。Framerは遅いがいける（毎回手動で複製）。創業者の Next.js は不可能（LP工場の抽象化を作っていない）。マーケはサブドメインの Webflow に逃げる——ブランドが割れ、計測が割れ、リードルーティングが割れる。

プログラマティックSEO。 マーケがプレイブックを読み、「{競合} 代替案」「{連携先}＋{用途}」で1万ページ出したい。Framerは無理。創業者コードは理論的には可能だが、コンテンツスキーマ、MDX または microCMS のパイプライン、ISR／SSGのチューニング、内部リンク戦略が必要。3週間のエンジニアリング作業が誰にもない。

ABMバリアント。 営業は、ターゲットメールから着地した見込み客に対してヒーローコピーを業界名で語りかけたい。Vercel のエッジミドルウェアなら50行で書ける——だが middleware.ts が何かを知っていて、エッジ KV を使ったことがあり、計測影響を理解する人が要る。Framerのスキルではない。創業者の週末スキルでもない。

プロダクト埋め込みとライブデータ。 ヒーローには実際のプロダクトを出したい（スクリーンショットではなく）。料金は実プランを反映（ハードコードではなく）。Integration ディレクトリは新統合のたびに再生成。3つとも、マーケティングサイトとプロダクトがデータ契約を共有することを要求します。

これが破綻点です。構造的。創業者コードは伴走エンジニアなしには成長できず、Framerテンプレートはそもそも成長できない。残る判断は「どの採用モデルで埋めるか」だけ。

3. 4つの採用モデル、横並び比較

3-1. デザインサブスクリプション（月額¥60万〜¥120万）

Designjoy／Awesomic 系の月額モデル。デザインリクエスト無制限、同時進行1件、48時間ターンアラウンド、いつでも解約。初期創業者にはリスクが低く見えるので売れます。

実際の中身。 Figmaファイルと Webflow／Framer／STUDIO のページを過不足なく出すデザイナー。エンジニアリングの深さなし、エッジミドルウェアなし、CMSアーキテクチャなし、1納品物を超えるデザインシステム思考なし。ポッド構成は同時1名、しばしばオフショア、頻繁にローテーション。納品物はファイルであって、デプロイされた面ではない。

勝つ場面。 PMF前、有料顧客100名未満、サイトはまだパンフレット、マーケは創業者本人、サイトのどこも売上を載せていない。サブスクは、プロダクトが本気の投資に値する状態になるまでのプレースホルダーとして機能します。

負ける場面。 PMF後、シリーズA後、プログラマティックSEO／ABM／エッジパーソナライゼーション／プロダクト埋め込みが必要なところ。モデルは構造的にそれらを作れない——Figma と Framer のサービスであり、その価格が付いているだけ。

3-2. ブティック型Web制作会社（プロジェクト¥600万〜¥1,800万）

伝統的なSaaS向けWeb制作会社：6〜12名のスタジオ、RFP、12〜16週のプロジェクト、Webflowまたは Next.js のサイトを納品、引き渡し、必要なら継続変更用のリテイナー契約。

実際の中身。 固定費・固定納期の良くデザインされたサイト。ブランドの磨き、モーション、まともなデザインシステム。引き渡し問題が殺し屋——制作会社はサイトを知り、あなたは知らず、ローンチ3ヶ月後の変更が¥30,000／時のリテイナーに対して発生し、制作会社のほうも更新したくない、というすれ違いが起こる。

勝つ場面。 資金調達に紐づくフラッグシップのリビルド、シリーズA以降、ブランドが間違った形でフルリセットが必要、予算が現実的（¥800万以上）、ローンチ後の別計画（インハウス採用、継続リテイナー、デザインエンジニアスタジオ）がある。Web制作会社の評価チェックリストとプレミアム制作費ガイドが、ショートリスト作成の正しい道具です。

負ける場面。 PMF前（高すぎる）、ローンチ後で「初期の磨き」より「反復速度」が重要な局面。モデルはステージゲート式のプロジェクトモデルであって、毎週出荷するサイトを生まない。

3-3. インハウスのマーケティングエンジニア（年俸ロード¥2,000万〜¥3,500万）

正社員採用：ブランド感覚を持ったシニアフロントエンドエンジニアを、マーケティングサイト専属で。職種名は「マーケティングエンジニア」「デザインエンジニア」「グロースエンジニア」など。

実際の中身。 最終的にシリーズB以降の多くの企業にとって正解：毎日リポジトリにいる人、LPを数時間で出荷、デザインシステムを所有、CRMとプロダクトと統合。Linearのマーケ面、Vercelのマーケ面、Mercuryのマーケ面はすべてこの形。

勝つ場面。 シリーズB以降、マーケティングサイトがGTMモーションの中核、創業者が採用のボトルネックでない、人材を本格稼働まで育てる6ヶ月のランウェイがある。経済性が成り立つのは ARR ¥7億以上の水準から。

負ける場面。 シリーズB前。採用に4〜6ヶ月、ランプアップにさらに3ヶ月。役割は希少——デザインエンジニアのスキルセットはテック業界で最も採用しにくい部類で、候補者の多くは既に Linear、Vercel、Mercury、または国内なら Studio / Smartround / LayerX 級のチームにいます。シリーズB前にこの役職の採用を試みた多くは、結局ブランドのできないフロントエンドエンジニアか、コードを書けないデザイナーで終わる。内製 vs 制作会社 vs フリーランス比較が完全なトレードオフ表をカバーしています。

3-4. デザインエンジニアスタジオ／FDEモデル（月額¥350万〜¥850万）

小規模ポッド（2〜4名）を8〜24週間、あなたのリポジトリと Linear に埋め込む。デザインエンジニア、ブランドデザイナー、ストラテジスト、必要に応じてコピーライターを含む。ベンダーの壁ではなく、あなたのコードベースに出荷します。

実際の中身。インハウスのマーケティングエンジニアリングチームのアウトプットを、6ヶ月の採用リードタイムなしで、年俸ロード¥3,000万のコストなしで。ポッドはLPを毎日出荷し、デザインシステムを構築し、プログラマティックSEOをセットアップし、ABMパイプラインを組み、WebGLヒーローを処理——すべてあなたのリポジトリに、あなたのチームを同じ部屋に入れて。エンゲージメント終了時、成果物はあなたのもの（独自CMSなし、制作会社ロックインなし）、デザインシステムは継承する誰のためにもセットアップ済み。

勝つ場面。 PMF後、シードからシリーズBまで、創業者コードのサイトがMRR¥500万で壊れていて、インハウスのマーケティングエンジニアがまだいない。これが2026年のモーダルAIスタートアップの形。モデルはエンジニアリング側のForward Deployed Engineerスタジオとブランド側のForward Deployed Designerを、マーケティングサイト面に絞って組み合わせたもの。

負ける場面。 PMF前（予算は他へ）、シリーズC以降で既存のインハウスチームがある（モデルは既存チームを上回らない）、または創業者が「ベンダー」を欲しがる場合（埋め込みモデルは日次の協働を要求する）。

3-5. 横並び比較

最も重要な2行：「自社リポジトリに出荷」と「着手までの時間」。デザインサブスクは前者に落第。インハウス採用は後者に落第。ブティック型はスタジオによって両方に不安定。デザインエンジニアスタジオは、シードからシリーズBのAIスタートアップが吸収できるエンゲージメント規模で、両方を解く唯一のモデル。

4. Linear ／ Vercel ／ Mercury のスタック

創業者が引き合いに出すリファレンスサイト（Linear、Vercel、Mercury、Stripe）は魔法で動いていません。小規模で再現可能なスタックと特定の稼働モデルで動いています。スタックは簡単な部分。稼働モデルが難しい部分。

4-1. 再現可能なスタック

• フレームワーク。 Vercel上のNext.js 15（App Router）、または、コンテンツ重量級サイトには Astro。両方ともエッジでTTFB 100ms以下を出し、サーバーコンポーネント／アイランドでパフォーマンス予算を守れる。
• CMS／コンテンツ層。 Sanity、Contentlayer、または リポジトリ内のMDX。国内向けには microCMS や Newt が現実的な選択肢（マーケ編集者がいる場合）。エンジニア編集が中心ならリポジトリ内MDX。Webflowを真実の源にしない——Next.js と Webflow の二重ソースは、マーケサイト腐敗の最大原因。
• デザインシステム。 Tailwind v4＋リポジトリ内の小さなコンポーネント群、または、マーケサイトとプロダクトUIに同時供給する構造化トークン体系。Linear と Mercury はトークンを共有しています。
• モーション。 コンポーネントアニメーションには Motion（旧 Framer Motion）；スクロール駆動シーケンスには GSAP；アイコンスケールのモーションには Lottie。
• 3D／WebGL。 ヒーローまたはプロダクトビジュアル用に Three.js または React Three Fiber を、IntersectionObserver 遅延ロードとモバイルフォールバック画像の裏に置く。パフォーマンス契約はWebGL & Three.js SEO ガイドを参照。
• パーソナライゼーション／実験。 Vercel Edge Middleware、エッジ Config または KV でバリアント割り当て、測定は Statsig または PostHog。
• リード補足。 エンリッチメントに Inngest または Vercel Cron、識別に Clearbit や RB2B、CRM（HubSpot／Salesforce／Attio／Sansan）を真実の源に。

スタックは公開情報。誰でもコピーできる。公開されていないのが稼働モデル：誰がリポジトリにコミットし、誰がPRをレビューし、誰がデザイントークンを所有し、いつWebGLヒーローを出荷するかを決め、誰がマーケのバックログをトリアージするか。それが第3章の4つの採用モデルが違う部分です。

4-2. スタックの費用

シリーズAのAI SaaSがこのスタックで運用する場合：Vercel Pro（月¥3,000／シート）＋ Sanity または microCMS（月¥15,000〜¥150,000、トラフィックによる）＋ Statsig／PostHog（月¥0〜¥30万）＋ デザインシステム（無料、あなたの所有）。ツール費用は端数。コストはそれを動かすチームです。これはカスタムWebアプリ予算ガイドの主張をマーケティングサイトに当てはめたもの。

5. マーケティングエンジニアの求人スペック

第3-3節のインハウス採用ルートを検討する創業者向けに、2026年に実際に機能している求人スペックを以下に。汎用フロントエンドエンジニアの求人ではありません。

職種名： マーケティングエンジニア（またはデザインエンジニア）

レポーティングライン： マーケティング責任者（エンジニアリング責任者に点線）

2026年の年俸帯： 基本給¥1,400万〜¥2,000万＋ストックオプション0.1〜0.4%、ロード総額¥1,800万〜¥2,800万

必須要件：

• 過去18ヶ月以内に Next.js または Astro で本番マーケティングサイトを出荷した実績
• 証明可能なビジュアル感覚——ポートフォリオでブランド感性が見える（エンジニアリングだけでなく）
• Figmaでデザインシステムレベルの作業ができる（トークン編集、コンポーネント構築、ピクセル詰めではなく）
• デプロイパイプラインの所有が可能（プレビューデプロイ、エッジミドルウェア、ISR）
• 以下のうち最低1つの出荷実績：規模あるプログラマティックSEO、エッジ配信のパーソナライゼーション、Core Web Vitals 合格のモーション重量級ヒーロー

あれば望ましい：

• WebGL／Three.js の本番経験（希少、年俸帯に¥400万＋）
• ブランド側のライティング能力（さらに希少、同等のプレミアム）
• Linear、Vercel、Mercury、Stripe、Ramp、または国内の Smartround / LayerX / SmartHR 級で勤務経験あり（候補プールはほぼここ）

この役職が「やらない」こと：

• プロダクトエンジニアリング（別職種）
• マーケティング面以外の汎用デザイン作業（別採用）
• パフォーマンスマーケティングや有料獲得（別採用）
• 全社レベルのブランド戦略（創業者＋ブランドデザイナーであり、この役職ではない）

面接シグナル。 候補者に公開マーケサイト（Linear、Vercel、Mercury）を選ばせ、90分でヒーローをリビルドさせる。強い候補者は、動くコード＋まともなモーション＋壊れていないモバイルレイアウトを時間内に出荷します。弱い候補者は静的なスクリーンショットを出します。シグナルは曖昧さがありません。

6. プログラマティックSEO、ABM、Framerが絶対できないこと

3つのエンジニアリング能力が「本物のマーケティング面」と「パンフレット」を分けます。創業者はGTMモーションがこれらにどれだけ依存するかを一貫して過小評価しています。

6-1. プログラマティックSEO

パターン：構造化データから長尾クエリ狙いのページを数千枚生成する。例：Integration（「Notion＋Slack 連携」）、比較（「{競合} 代替」）、ユースケース（「{業界} 向けAIエージェント」）、テンプレート（「{文書タイプ} テンプレート」）。各ページはデータ＋共有テンプレートの決定論的関数。

Framerは対応しない。Webflow CMSは数千アイテムまで対応するが LCP が悪く、内部リンクが壊れやすい。Next.js＋コンテンツソース（Sanity、microCMS、リポジトリ内 JSON）が、Core Web Vitals を保ちつつ数万ページに拡張できる唯一のパス。

トラフィックは複利で効く：2026年のAI検索と従来型SEOは両方とも長尾を報奨し、各カテゴリーで最初に1万＋ページを出荷したAIスタートアップがインバウンドを獲得しています。クエリが商業意図なのでリード質が高い。データを構造化したあと、デザインエンジニアの時間で2週間の作業。

6-2. エッジでのABMランディングバリアント

パターン：営業担当が Acme Corp の見込み客に特注URLでメール送信。見込み客がトップページに着地。エッジミドルウェアがURLパラメータを読み、Acme Corpの業界を引き、ヒーローコピーを差し替え、50msでページを返す。見込み客は「あらゆる業界向けのAIエージェント」ではなく「ヘルスケア向けAIエージェント」を見る。ターゲット口座のCVRが2〜4倍に。

要求：エッジミドルウェア、エッジKV内の口座データ、差し替え可能なコピーブロックを持つヒーローコンポーネント、非ターゲットトラフィックのクリーンなフォールバック。Vercelは全部提供する；実装は1週間。

6-3. プロダクト埋め込みとライブデータ

パターン：ヒーローには実際のプロダクトを出す（スクリーンショットではなく）、料金は実プランを反映（ハードコードではなく）、Integration ディレクトリは新統合のたびに再生成。マーケティングサイトとプロダクトがデータ契約を共有する。

要求：マーケとプロダクト間の共有コンポーネントライブラリ、フィーチャーフラグ系、両方のリポジトリをトリガーするデプロイパイプライン。初回セットアップは難しい；維持は自明。Linear と Mercury は両方やっている；結果は生きているように感じるマーケサイト。

これらは何ひとつ「エキゾチックなエンジニアリング」ではありません。すべて Framer トレーニングを受けたデザイナーには見えないもの。これが採用モデルの選択がここまで重要な理由です。

7. WebGL が効く場所、予算を浪費する場所

創業者は Linear のトップを見て、WebGLヒーローが欲しくなる。ときどき入れるべきで、ふつうは入れないほうがいい。

WebGLが効く場所。 プロダクトデータのビジュアル1つ、またはスクリーンショットでは伝わらない何かを示す1画面ヒーロー。機能する例：プロダクト価値を見せるリアルタイム・スクロールテリング（Stripe風）、インタラクティブなプロダクト構造図（Vercelのエッジマップ）、物理プロダクトのGaussian Splat（EC、ハードウェア）。WebGL面1つ、遅延ロード、LCP合格——これが正しい支出。

WebGLが予算を浪費する場所。 全ページ Three.js シーン、アニメ3Dロゴ、全ページにパーティクル。パターンはモバイルで落ちる（Three.js は minify 後でも 200KB＋追加）、Core Web Vitalsを潰す、エンジニアリングコストに見合う CVR上昇がほぼ計測不能。コンバージョンデータがないなら、入れない判断が正しい。

判断はWebGL & Three.js SEO ガイドに書いた通り：バンドルを遅延し、シェーダーコンパイルを OffscreenCanvas で Web Worker に逃がし、モバイルには静止画フォールバック、Core Web Vitals を生き残らせる。これは Framerデザイナーの仕事ではないし、典型的な制作会社の Next.js 開発者の仕事でもない——デザインエンジニアリングの領域。

AIサイトビルダー（v0、Lovable、Bolt）で足りるか、カスタムが必要かについては、AIサイト vs カスタム制作を参照。

8. AI生産性のリアリズム：「55%」の数字

2026年の採用議論は、AIコーディングアシスタントによる55%の生産性向上を引用します。一部のリクルーティングガイドはこれを「デベロッパー数を30〜40%削減できる」と読みます。マーケティングエンジニアリングについては、これは誤読。

正しい読み方：CursorとClaudeとペアを組むマーケティングエンジニアは、2023年の同じエンジニアの2〜3倍の速度で出荷する。3人チームを置き換えるのではなく、3人チームの仕事を1人でやる。役割の形が変わる——判断に多く、ボイラープレートに少なく時間を使う——そして年俸期待もそれに応じて上昇する。2026年で最良のマーケティングエンジニアは、2023年より安くなく、50%高く、3倍レバレッジされている。

デザインエンジニアスタジオモデル（第3-4節）にも同じ倍率が適用されます。2026年の2名ポッドは、2023年の4名ポッドが出荷した量を、同程度のドルコストで出荷します——年俸はスケールしたが頭数はしていないから。エンゲージメントあたりの総スループットが変数であり、モデルはこの利得をディスカウントとして渡すのではなく、捕捉する設計です。

ビルド対バイへの含意：制作会社の価格はあまり動いていないが、エンゲージメントあたりのアウトプットは動いた。2026年の¥1,300万のデザインエンジニアスタジオエンゲージメントは、Linear品質のマーケティングサイトを8〜10週間で出荷する——同じエンゲージメントが2023年なら、14週間で非Linear品質を出していた。これが、創業者が2023年のRFP回答と2026年のそれを比べるときに見落としている計算です。

9. 判断ツリー：5つの質問でモデルを選ぶ

5つの質問に正直に答えれば、90%のケースで正しいモデルを選べます。

1. PMF前（有料顧客20名未満）か？ はいなら、予算を顧客インタビューと Framer／STUDIO テンプレートに使う。本記事のエンジニアリング能力はまだ何も関係ない。MRR¥300万で再検討。

2. マーケティングサイトが現在、特定の出荷ニーズで壊れているか？（プログラマティックSEO、ABMバリアント、料金ページ、毎週LP）はいなら、エンジニアリング容量が今必要。デザインサブスクは飛ばす。質問3〜5でプロジェクト型／インハウス／スタジオを選ぶ。

3. マーケティングエンジニアを採用してランプアップさせる4〜6ヶ月のランウェイがあるか？ はい、かつシリーズB以降ならインハウス採用。いいえ、または シリーズB前ならプロジェクト型／スタジオを質問4〜5で選ぶ。

4. 次の四半期にフラッグシップのリブランドやリビルドが特定イベント（資金調達、ローンチ、リポジショニング）に紐づいているか？ はいなら、プロジェクト型が正解——固定スコープ、固定納期、イベントのために設計。Web制作会社の評価チェックリストとシリーズAサイトリフレッシュのNPVフレームワークが、このケースを詳細にカバーしています。

5. 継続的な容量が必要（毎週LP、プログラマティックSEO、ABM、プロダクト埋め込み、モーション実験）で、インハウスのランプアップを4〜6ヶ月待てない？ はいなら、デザインエンジニアスタジオが正解。このギャップのために作られたモデルです。

ツリーの外に落ちる10%は、すでに出荷しているデザイナーまたはデザインエンジニアの共同創業者がいるケース——その場合は本記事を飛ばして、彼らに出荷させる。ギャップが本物でないとき、モデルは間違っている。

10. Utsubo について

Utsuboは、AI隣接のSaaSスタートアップにデザインエンジニアスタジオエンゲージメントを提供するクリエイティブWebスタジオです。小規模ポッド（デザインエンジニア、ブランドデザイナー、ストラテジスト、必要に応じてコピーライター）を、クライアントのマーケティングサイトリポジトリに8〜24週間埋め込み、ベンダーの壁を越えた引き渡しではなく、クライアントのコードベース、Figma、Linearで作業します。

主な取引先は、シード〜シリーズBのAIスタートアップ（10〜60名）で、創業者コーディングのマーケティングサイトがMRR¥500万で壊れ、4〜6ヶ月のインハウス採用ランプアップを待たずに今エンジニアリング容量が必要な企業。Next.js、Astro、そして2026年標準のマーケスタック（Sanity／microCMS、Vercel エッジ、Motion、効く場所での Three.js）に出荷します。フレームワークとCMSについて構造的にベンダー中立——推奨ツールからライセンス収益を引かない。

フリーランスデザイナー単独、Framerテンプレート、または正社員採用が正解の場合は、ノーと言います。必要ない方には必要ないと伝え、誰が必要かを示します。

11. お問い合わせ

AI SaaSを構築中で、6ヶ月の社内採用を待たずに、プログラマティックSEO、ABMバリアント、本物の料金ページ、Linear品質のマーケティング面を出荷するエンジニアリング容量をお探しですか？

デザインエンジニアスタジオエンゲージメントをご検討の場合、プロジェクトについてお話ししましょう：

• プロダクト、ステージ、現在ブロックされている具体的な出荷ニーズ
• 現在のマーケティングサイトスタックとチームの状態
• 私たちが適切なチームか——そうでない場合、誰が適切か

無料30分の打ち合わせを予約

メールをご希望の場合：contact@utsubo.co

12. 発注前チェックリスト

弊社を含む誰かと契約する前の10項目。

1. 特定のマーケティングサイト能力ギャップを1文で言える。「月1本以上の速度でLPを出荷できない」はブリーフ。「サイトが古く感じる」はブリーフではない。
2. 次の2四半期に、エンジニアリング（デザインではなく）が必要な出荷ニーズが最低1つある。 プログラマティックSEO、ABM、エッジパーソナライゼーション、Billing同期の料金、プロダクト埋め込み。どれもロードマップになければ、モデルの選択を間違えている。
3. ステージとランウェイに合う採用モデルがどれか分かっている。 第9章の5問判断ツリーをコール予約前に歩く。
4. 選んだモデルのコストを、12ヶ月の支払い計画に頼らず今四半期に吸収できる。 キャッシュフローがないなら、エンゲージメントは現ステージに対して大きすぎる。
5. ポッド（または採用者）にリポジトリアクセス、Figmaシート、Linearシートを与えられる。 埋め込みは埋め込み。アクセスがセキュリティレビューに4週間かかるなら、エンゲージメントは第5週から始まり短く終わる。
6. マーケティングサイトの所有者がいる——マーケティング責任者、創業者、または立ち上げ期マーケ担当。誰も所有していないなら、エンゲージメントには意思決定者がいなく、第2週で停滞する。
7. 現実的なCVRベンチマークを持っている。Landy 2026 ベンチマークによれば、LP中央値は6.6%、上位デシルは15〜20%。現在のCVRが0.5%で、リデザインで15%を期待するなら、期待値がずれている。
8. PMF前ではない。 有料顧客20名未満で製品の形が不明なら、予算は顧客インタビューへ——マーケティングサイトのエンジニアリングではない。
9. エンゲージメントの成功指標が測定可能。「より良い見た目のサイト」は測定不能。「90日でオーガニックからのトライアル→有料転換が30%上昇」は測定可能。1〜2個選ぶ。
10. マーケティングサイト面全体を1チームに説明責任を持たせたい——3社のベンダー間の引き渡しではなく。Forward Deployed Engineerスタジオのシングルスロート議論がそのまま当てはまる。

よくある質問（FAQ）

デザインエンジニアスタジオとは何ですか？ デザインエンジニアスタジオは、シニアデザインエンジニア、ブランドデザイナー、ストラテジスト、必要に応じてコピーライターを組み合わせた2〜4名の小規模ポッドで、クライアントのマーケティングサイトリポジトリに8〜24週間埋め込まれます。ベンダーの壁を越えた Figmaファイルや Webflowサイトの引き渡しではなく、クライアントのコードベースにコードとデザインを出荷します。モデルは、4〜6ヶ月のインハウス採用ランプアップを待たずに、マーケティングサイトでエンジニアリング容量が即座に必要な、シード〜シリーズBのAI SaaSスタートアップ向けに設計されています。費用は月額¥350万〜¥850万、または典型的な6ヶ月エンゲージメントで¥2,100万〜¥5,100万。

デザインエンジニアスタジオはSaaS Web制作会社とどう違うのですか？ 構造的な違いが3つあります。第一に、スタジオはベンダー所有のサイトや引き渡しではなく、クライアントのリポジトリと Linear に出荷します。第二に、エンゲージメントは固定スコープのプロジェクトではなく継続的（8〜24週間）であり、1サイトを1回納品するのではなく毎週LPを出荷します。第三に、ポッドにはデザイナー＋ Webflow開発者ペアではなく、デザインエンジニア（Next.js、エッジミドルウェア、プログラマティックSEO、モーションを出荷できる人）が含まれます。制作会社は単発のフラッグシップリビルドに強く、スタジオは継続的なマーケティングサイトのエンジニアリング容量に強い。

AI SaaSは、スタジオではなく正社員のマーケティングエンジニアをいつ採用すべきですか？ シリーズB以降、ARR ¥7億以上、マーケティングサイトがGTMモーションの中核で、役職の採用とランプアップに6ヶ月のランウェイがある場合。候補プールは小さく（強いマーケティングエンジニアの多くはすでに Linear、Vercel、Mercury、Stripe、または同等のチームで働いている）、採用リードタイムは4〜6ヶ月、ランプアップはさらに3ヶ月。シリーズB前は、インハウスルートは「出荷コードまでの時間」と「採用成功率」で負ける。シリーズB以降は、通常正解。

2026年にSaaSマーケティングサイトを構築するのにいくらかかりますか？ 価格帯：デザインサブスク6ヶ月で¥360万〜¥720万、ブティック型SaaS制作会社のプロジェクトで¥600万〜¥1,800万（多くの場合リテイナー追加）、インハウスのマーケティングエンジニアで年俸ロード¥2,000万〜¥2,800万、デザインエンジニアスタジオ6ヶ月で¥2,100万〜¥5,100万。正解は「実際に何を出荷したいか」で決まり、「どの数字が安く聞こえるか」では決まらない。安いオプション（デザインサブスク）はプログラマティックSEO、ABM、本物の料金ページを出荷できない——つまり、それらがロードマップにあるなら、安くもなんともない。

SaaSマーケティングサイトに Framer で十分ですか？ 有料顧客100名未満でマーケティング面がパンフレット形状のPMF前スタートアップなら、はい。それを超えるもの——規模あるプログラマティックSEO、ABMバリアント、エッジパーソナライゼーション、Billing同期の料金、プロダクト埋め込み、モーション重量級ヒーロー——なら、いいえ。Framerの天井は構造的で、スキルの問題ではありません。Framerから移行する正しいタイミングは、ロードマップ上の最初の出荷ニーズが Framer にない能力を要求したとき。

2026年にフラッグシップのマーケティングサイトリビルドはどのくらいかかるべきですか？ デザインエンジニアスタジオモデルは8〜12週間で Linear 品質のフラッグシップリビルドを出荷。ブティック型制作会社のプロジェクトは12〜16週間。インハウスチームは採用を含めて6〜9ヶ月。2026年のAIコーディングアシスタントによる生産性向上は、固定スコープの制作会社モデルよりスタジオモデルのタイムラインを圧縮した——スタジオモデルが生産性向上を捕捉するのに対し、固定スコープの制作会社モデルは一部を「より速い納品」、一部を「より広いスコープ」として渡すから。

SaaSマーケティングサイトの WebGL はどこに入れるべきですか？ ヒーロー、プロダクトデータビジュアル1つ、または1つのスクロールテリングシーケンスに——そして測定可能なコンバージョン仮説がある場合に限り。全セクションに全ページ Three.js は予算の浪費：モバイル性能を潰し、Core Web Vitals を傷つけ、エンジニアリングコストに対して CVR上昇がほぼ測定不能。正しい WebGL支出は1面、遅延ロード、モバイル静止画フォールバック。実装には本番 WebGL を出荷した経験のあるデザインエンジニアが必要——Framerデザイナーや典型的な制作会社の Next.js 開発者ではない。

マーケティングサイトはプロダクトの monorepo に置くべきですか？ 通常は否、ただし共有デザイントークンと共有コンポーネントライブラリで。マーケティングサイトとプロダクトの別リポジトリ、デザインシステムを両方が消費する公開パッケージとして。これによりマーケティングサイトは速いCI、独立デプロイ、異なるリリースケイデンス（マーケは毎日〜毎週、プロダクトはより遅く制御された）を得られる。Linear、Vercel、Mercury が全員収束したパターン。