Web制作スタジオのデスク俯瞰イラスト:モニター2枚(コード画面とワイヤーフレーム)・キーボード・ワコム タブレット・ヘッドホン・ワイヤーフレームメモ
HP制作・Web業向け|CAIO代行

ページ単価1,000円時代を、
AIで生き延びる。

ONKS自身が onksholdings.com・hub.onksholdings.com・各種マニュアルサイトを
AIコーディングツール(Claude / Cursor / GitHub Copilot 等)で内製してきた経営者が、
ツール選定 × 自社業務への組み込み × 社内定着まで一気通貫で伴走します。

1社
中小Web制作12社中
「AI駆動」訴求は1社のみ
2倍
制作効率の
向上目安
月10万
円〜Liteプラン
の開始価格
Current Issues

Web制作の現場で、よく聞く声

2024年の情報通信業の倒産は 425件で前年比+21.7%・11年ぶり400件超
ソフトウェア業も過去10年で最多。「1ページ1,000円」のオファーが現れる時代に、中小Web制作会社は構造的な転換期を迎えています。

クライアント提案書を毎回ゼロから書いている
コーディングを若手に振りたいが、教える時間がない
CMS移行案件の見積が読みづらく、赤字案件になる
保守クライアントの定例レポートが毎月の負担
問題の本質は「最新ツールを知らない」ことではありません。ツールが増えすぎて、誰がどう使い分けるかが社内に定着しないことです。Cursor・Claude Code・GitHub Copilot・v0・Bolt・Figma AI——導入はできても運用設計まで踏み込めない。AIは 「ツール選定 × 自社業務への組み込み × 社内定着」 を一気通貫で見る存在が必要です。

ONKS は、Figma・WordPress・STUDIO・Webflow 等のツール本体には手を入れません。すでにお使いの環境の上に、AI 活用を乗せる設計です。

Why ONKS

なぜONKSがWeb制作会社にお話しできるのか。
答えは、ONKS自身が AI で複数サイトを内製・公開しているからです。

代表の堀内伸一郎は、東京で警備会社(JNT Security)を 19年間経営。2024年から Anthropic Claude API + AIコーディングツールを使い倒し、ONKS Holdings の複数の公開サイトを自分で内製してきました。

ONKS が AI内製した稼働中の公開サイト:

「自社が使ってない AI を売る」のとは違います。自分で実装して、自分で運用してきた経営者として、特定ツールに縛られないツール選定 × 伴走支援を貴社にそのまま持ち込みます。

Web制作会社に特化してAI導入を伴走するのは、私たち含めごく僅か。しかも実際に本番サイトを自分で書いてデプロイしている経営者は、さらに稀です。

「提案書のたびに白紙からやる虚しさ」 「若手にコーディングを教える時間が取れない」 「保守案件の利益率が下がっていく」——
自分自身が同じ景色を見て、AIで抜け出しました。 そのツール選定と実装ノウハウを、そのまま貴社へ。
19年
中小サービス業
経営歴
2024〜
AIコーディング
内製開始
4サイト
本番稼働中
すべて AI 内製
5 Use Cases

AIで変わる、Web制作業務の5つ

制作・営業・運用すべてに効くユースケースを、すぐ試せる順に。

1

サイト雛形・LPの AI ドラフト生成

Before新規案件のたびに、構成・配色・コピーをゼロから設計。デザイン提案で2〜3日。

After業種・コンセプトを伝えると、HTML/Tailwind/CSS まで一気通貫で骨子生成。提案レビュー前に動くプロトタイプが出来上がる。

所要時間目安:2〜3日 → 半日(提案力が大幅向上)

2

コーディング・実装の AIペアプロ活用(Claude Code / Cursor / GitHub Copilot 等)

Beforeコーダー1名が手作業で実装。レスポンシブ調整・JSバグ修正に時間を奪われる。

AfterAIコーディングツールを使い、コンポーネント生成・バグ修正・テスト書き換えを対話で進める。1人の生産性が1.5〜2倍に。

所要時間目安:1ページ 8時間 → 4時間(実装案件の本数を増やせる)

3

クライアント提案書・見積書の自動生成

Before提案書・見積書を毎回ゼロから書く。1案件あたり半日〜1日。

After過去提案書を学習させ、クライアント業種・予算・要件を入力すると、提案書骨子+見積書が出力される。

所要時間目安:半日〜1日1〜2時間

4

CMS 移行・既存サイトリプレース支援

BeforeWordPress→STUDIO/microCMS/NILTO 移行などで、既存コンテンツの取り込みが手作業。50時間級のコピペ作業=赤字案件になりがち。

AfterHTML/コンテンツ構造を AI で解析し、スクレイピング+移行先フォーマットへの変換スクリプトを生成。約90%削減。

所要時間目安:50時間 → 5時間(3週間 → 1週間)粗利率 25% → 35〜40%+10〜15pt

5

運用保守の定例レポート自動生成 ― 応用

Before月1回のクライアント向け運用レポート(GA4・サーチコンソール・保守履歴)を、ディレクターが毎月3時間かけて作成。10社抱えると月30時間が消える。

After各種APIからデータを取得し、AIが構造化+ナラティブ生成。ディレクターは要点コメントだけで完成。新たな高粗利保守メニューとして商品化も可能。

所要時間目安:月3時間 × 10クライアント = 30時間 → 月5時間(-25h/約83%削減)保守利益率 約2倍

Structure

制作会社の月稼働は、こう変わる

制作・営業・運用すべての領域に AI を組み込むことで、人月単価ビジネスから「単価×掛け算」のビジネスへ移行できます。

Before ─ 全領域が労働集約型

  • 提案書作成 30h
  • デザイン 40h
  • コーディング 60h
  • 修正対応 30h
  • 保守レポート 30h

単価圧迫+AI侵食で利益率低下。

After ─ AIで仕組み化

  • 提案書は AI ドラフト → 確認
  • デザイン雛形は AI 生成
  • コーディングは AIペアプロ併走
  • 修正対応は AI で初動
  • 保守レポートは API+AI 自動化

受託案件数+30〜50%・利益率改善。

月稼働 時間配分の変化

Before
制作 50%
提案 20%
保守 20%
営業 10%
After
AI支援 15%
提案 10%
保守 10%
差別化制作・営業 65%

→ 単価×掛け算ビジネスへ。受託本数+30〜50%、利益率向上

Deep Dive

代表ユースケース:サイト雛形・LP の AI ドラフト生成

ONKS が hub.onksholdings.com・各業種別LP(本ページもその1つ)・claude-code.onksholdings.com を実装したのと同じ手順をそのまま貴社の制作フローに組み込みます。

1

業種別・テイスト別のテンプレライブラリを構築

過去の制作実績から、業種別・テイスト別の優良ページを5〜10ジャンルぶんテンプレ化。Claude Projects で社内標準として固定します。

2

クライアント情報を入力する

「製造業・社員50名・コーポレートサイト・ブランドカラー紺+金・トーンは伝統的だが先進性」のような条件を、対話形式で入力します。

3

動くプロトタイプを生成する

HTML/Tailwind/CSS で動くプロトタイプが半日で出来上がります。クライアント提案前に「動いているもの」を見せられます。

4

デザイナー・コーダーが本実装に進む

AIプロトタイプを叩き台に、デザインの差別化・ブランド調整・本実装をデザイナー+コーダーが進めます。0→1の負担が大幅減。

出力サンプル(プロトタイプ HTML・抜粋)
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>◯◯製作所 ─ 創業100年の精度を、次の100年へ</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-stone-50 font-serif">
  <section class="py-24 px-5 bg-navy-900 text-stone-100">
    <div class="max-w-5xl mx-auto">
      <h1 class="text-5xl mb-6">
        100年の精度を、<br>
        <span class="text-amber-500">次の100年へ。</span>
      </h1>
      ...
    </div>
  </section>
</body>
</html>
著作権・受託契約はクリーンに。AI 生成物の著作権帰属は契約で明確化します(受託契約・準委任契約のいずれにも対応する条項テンプレを提供)。
クライアント機密は学習除外プランで。Claude Enterprise 等の学習除外プランを前提に、ブランドガイドライン・社内資料の取り扱いを設計します。
AIプロトタイプは「叩き台」として。最終納品物のクリエイティブ責任はデザイナーが担います。AIは制作スピードの押し上げに使い、デザイン哲学・ブランド戦略は人の判断で。
Roadmap

導入の進め方 ─4つのフェーズ

既存ツール(Figma・WordPress・STUDIO・Webflow 等)はそのまま、AIを上に乗せる順番で進めます。

PHASE 1
1週目

提案書1本で試す

新規案件の提案書1本を、AIドラフト→確認のフローで作成。出力品質を体感する最初のステップ。

PHASE 2
2〜4週目

サイト雛形ライブラリ構築

業種別テンプレ5〜10を Claude Projects に登録。AIプロトタイピングを営業フェーズに組み込む。

PHASE 3
2〜3か月目

コーディング・CMS移行へ展開

AIコーディングツール(Claude / Cursor / Copilot)をコーダーが日常使いに。CMS移行案件の見積基準も AI 速度ベースに更新し、赤字案件→粗利35%超へ転換。

PHASE 4
半年〜

保守レポート自動化

GA4・サーチコンソール・保守履歴を API 連携。月次レポート生成を半自動化し、保守利益率を約2倍に改善。

Expected Effect

想定される効果
(ONKS 自社実装結果と業界一般値からのシミュレーション試算例)

中小Web制作会社(社員5〜15名)で Phase 2 完了時点(導入3か月)に想定される効果を試算したものです。

+10〜15pt
新規制作の粗利率改善
25% → 35〜40% 想定
約2倍
保守案件の利益率
レポート月30h→5h 想定
1/3
CMS移行案件の工数
3週間 → 1週間 想定
1〜2か月
投資回収期間の目安
(伴走サービス含む)

※ 上記の効果数値は、ONKS Holdings の自社サイト(onksholdings.com・hub.onksholdings.com 他)実装結果と業界一般値からの試算シミュレーション例です。特定企業の実績保証や効果保証ではありません。実際の効果は会社規模・案件構成・運用体制により変動します(景品表示法に基づく合理的根拠資料は社内保管)。

Package

Web制作会社向けの伴走プラン

CAIO代行サービスの2プランから、貴社の状況に合わせてご提案します。
AIコーディングツール(Claude / Cursor / Copilot 等)導入支援・CMS連携・API連携は無料相談で個別設計します。

CAIO代行 Lite
月10万円〜
※税別・最低6か月〜
  • — 定例伴走 —
  • 月1回のオンラインレビュー(各1時間)
  • チャットサポート
  • — Web制作業特化の初期構築 —
  • サイト雛形プロンプトの初期構築支援
  • 提案書AIテンプレ整備
  • — 開発環境導入 —
  • AIコーディングツール(Claude / Cursor / Copilot 等)導入+初期トレーニング
まずLiteで始める
「まずは相談だけ」という制作会社へ

実装まではいらない、判断の相談相手だけ欲しい — そんな方には AI顧問サービス(月3万円〜) をご用意しています。

FAQ

よくあるご質問

Q1. Claude Code 以外(Cursor / GitHub Copilot 等)も対応?
対応します。Standardプランでは「コーダー向け AIペアプロ集中トレーニング(Claude Code 主軸・Cursor 等併用)」を含み、複数ツールの使い分けまで踏み込みます。Claude Code はエージェント型・タスク完遂が強み、Cursor は IDE 統合が強み、GitHub Copilot は補完速度が強み——というように得意領域が異なるため、案件特性に応じた使い分けを伝授します。代表自身、本サイト含む複数プロダクトを Claude Code 主軸で運用しているため、実戦の使い分けノウハウを提供できます。
Q2. 制作実績の権利・著作権はどうなりますか?
クライアント納品物の著作権は通常、受託契約で定めた帰属(クライアント or 制作会社)に従います。AI生成コード・デザインを含む場合も同じで、最終納品物としての著作権帰属は契約条項が優先。ただしAI生成物単体については、日本の著作権法上「著作物として保護されない」見解が有力で、丸ごとAI生成のコードは第三者が類似コードを使っても差し止めできない場合があります。Standardプランの「AI著作権・受託契約テンプレ提供」では、この論点を踏まえた契約条項案を提供します。
Q3. AIでデザインのオリジナリティが失われませんか?
「AIで全部作る」のではなく「AIで時間を作って、人間がオリジナリティに集中する」が正しい使い方です。ワイヤーフレームのHTML/CSS化・実装の定型部分・テストコード・ドキュメント生成などの作業時間が劇的に減ることで、デザイン思想・ブランディング・UX設計といったクリエイティブの本質に時間を回せます。代表自身、本サイトを Claude Code で爆速実装しつつ、ブランドカラー設計・タイポ選定・コピーライティングは人間の手作業で詰めています。
Q4. 受託契約 vs 準委任契約 どちらが推奨?
AI時代は準委任契約(時間ベース)または継続伴走契約(月額)が推奨です。理由は、AI活用で工数の見積もりが大きく変わるため、固定金額の受託契約だと「AIで爆速になった分、利益率は上がるが将来の値下げ圧力になる」リスクがあるから。月額固定での継続伴走(保守・改善・新機能追加を含む)に契約形態をシフトすることで、AI活用による生産性向上を制作会社の利益として吸収できます。契約形態の移行支援も含めて伴走します。
Q5. 大手・直案件のクライアント機密はどう守る?
Claude Enterprise等の学習除外プラン、またはClaude Codeでのローカル処理が前提です。これらは入力情報がモデル学習に使われない契約上の保証があり、クライアント機密の守秘義務範囲で運用できます。一般無料版AIへのクライアント機密入力は禁止する社内ポリシー策定もセットで進めます。直案件・大手クライアントとのNDAでAI利用条件が明示されているケースも増えており、契約見直しの伴走も含めます。Standardプランでは社内AI利用ガイドライン整備まで踏み込みます。

まずは、御社の1案件で試してみませんか

30分の無料相談で、御社の状況をお聞きしたうえで、
Web制作会社に特化した最適な進め方をご提案します。

同業者として、お話しできる範囲でお答えします。

ONKS Holdings 株式会社

長野県御代田町 / オンライン全国対応

代表:堀内伸一郎

onksholdings.com業種一覧に戻る

※ ONKS Holdings は税理士業務・社会保険労務士業務・弁護士業務を行いません。

※ CAIO代行プラン(Lite / Standard)の最低契約期間は6か月です。

※ 想定効果はシミュレーション試算例であり、特定企業の実績保証や効果保証ではありません(合理的根拠資料は社内保管)。

※ AI 生成物の著作権帰属は受託契約・準委任契約のいずれにも対応する条項テンプレを提供します。最終的な契約は貴社・顧問弁護士と協議のうえご判断ください。

※ クライアント機密情報・ブランドガイドラインは Claude Enterprise 等の学習除外プランを前提に運用設計します。

— 他の業種でも展開中 —