# エージェント型Webサイト構築

元のページ: <https://chot-inc.com/services/agentic-website>

AIアシスタントを搭載したエージェント型Webサイト「Agentic Website by Orizm」の構築を支援します。 AIアシスタントを搭載することで、訪問者との対話を通じて最適な情報提供・商談創出を実現します。 エージェント型Webサイトについては [Agentic Websiteとは（従来サイトとの違い）](https://chot-inc.com/knowledge/agentic-website) を参考にしてください。

[お問い合わせ](https://chot-inc.com/contact) [AIに相談](https://chot-inc.com/chat?q=%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88%E5%9E%8BWeb%E3%82%B5%E3%82%A4%E3%83%88%E6%A7%8B%E7%AF%89%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E7%9B%B8%E8%AB%87%E3%81%97%E3%81%9F%E3%81%84)

## こんな課題をお持ちではありませんか？

ユーザーが求める情報にたどり着けず、問い合わせに繋がらない

AI検索（AI Overviews・ChatGPT）で自社の正確な情報が引用されるようにしたい

Webサイトに情報を掲載するのみで、事業成長に貢献できていない

## chot Inc. が選ばれる理由

### モダン技術による開発

Webパフォーマンスやアクセシビリティの高いWebサイトを構築

### Orizmを用いた独自CMSの構築

要件に応じたCMSの構築と、公開後の継続的な運用を後押し

### 大企業の要件に対応

複数部門・複数拠点を持つ組織でも、安全かつ自律的なサイト運用体制を実現

## サービス詳細

### AIアシスタントによる対話型の体験

情報をページに並べて「探してもらう」のではなく、AIアシスタントを設置し、訪問者の質問に応じてサイト自身が最適な情報・提案を届けます。商品・サービスの案内から見積もり・商談予約への誘導まで、「24時間稼働する営業担当」として機能します。

#### 主な対応内容

- 訪問者の質問・意図を理解し、最適な情報をその場で提示
- 表・グラフ・写真・図解など、課題解決に適したインターフェースでの提示
- 見積もり依頼・商談予約など、具体的なアクションへの誘導
- 対話ログの蓄積による、顧客インテントの可視化

### 情報基盤の再設計

企業の情報資産は多くの場合、人が読むことを前提に設計されています。AIアシスタントが正確に機能するには、その情報を「AIが参照・活用できる構造」に組み直し、 [AIエージェント（LLMO）に選ばれるサイトの条件](https://chot-inc.com/knowledge/agentic-website-llmo) を満たすことが必要です。コンテンツの棚卸しからデータの構造化・CMS構築まで、情報基盤そのものを再設計します。

#### 主な対応内容

- AIから公式情報が参照されやすいような情報設計
- AIアシスタントが正しく安定して回答するための設計・実装
- 商品・サービス・FAQなど、AIが参照する情報のデータ構造化
- 正しい情報をすぐに追加・更新できるCMSの構築

### ガバナンス・セキュリティ対応

複数部門・複数拠点を持つ大企業での運用を想定した、権限管理・承認フロー・セキュリティ機能を備えています。情シス部門のセキュリティ要件を満たしながら、各部門が自律的にコンテンツを運用できる体制を整えます。

#### 主な対応内容

- ユーザーごと・部門ごとのアカウント権限管理
- 管理者・法務・広報など複数ステップの承認フローをプラットフォーム上で管理
- ワンタイムパスワード認証によるCMS管理画面へのセキュアなログイン

## 得意とする技術

| フロントエンド | React / Next.js / TypeScript を中核に、モダンなコンポーネント設計で構築 |
| - | - |
| アーキテクチャ | ハイブリッドレンダリング（SSGやSSRなどを組み合わせた表示手法）を中心に、コンテンツとサイトを疎結合に構成 |
| ホスティング・インフラ | Vercel / AWS Amplify / Cloudflare / Amazon CloudFront などのサーバーレス基盤を、要件に応じて選定 |
| CMSプラットフォーム | 自社プラットフォーム Orizm を中心に、各種ヘッドレスCMSの構築・運用実績 |
| スタイリング・UI | Tailwind CSS を基盤に、CSS Modules や shadcn/ui などを組み合わせ、要件に応じた柔軟なUI実装に対応 |
| 開発基盤 | GitHub によるソース管理・コードレビュー・CI/CD連携 |
| AIエージェント | Claude Code を用いて、コード生成・レビュー・リファクタリングなどを効率化 |
| 品質・パフォーマンス | Core Web Vitals最適化、アクセシビリティ対応 |
| 使用ツール | Figma、Backlog、Slack |

## 導入の流れ

1. 1\.

   ### ヒアリング・課題整理

   現状の課題や目的・スケジュール・予算感をヒアリングします。この段階では、漠然としたご要望でも構いません。

2. 2\.

   ### 要件定義・情報設計

   ヒアリング内容をもとに、技術選定・ナレッジ設計・CMS設計・デザイン方針を整理・確定します。

3. 3\.

   ### デザイン・開発

   確定した設計をもとに、実装を進めます。進捗は随時共有し、認識のズレが生じないよう並走します。

4. 4\.

   ### データ移行

   既存コンテンツの移行・リダイレクト設定・SEO引き継ぎを確認します。

5. 5\.

   ### テスト

   品質・動作確認を行い、リリースに向けた最終調整をします。

6. 6\.

   ### リリース

   最終確認を経て、本番環境への公開を行います。

7. 7\.

   ### 運用保守

   公開後も、必要に応じてサイト更新・機能追加を継続的に支援します。

## よくあるご質問

 はい。要件に応じて最適なAIモデルを選定します。コストを抑えたり、利用上限を設定することも可能です。[AIエージェントのコスト](https://chot-inc.com/knowledge/ai-agent-cost)はこちらを参考にしてください。

権限管理・承認フロー・ワンタイムパスワード認証を標準装備しており、上場企業水準のセキュリティ要件にも対応可能な設計です。また要件に応じて柔軟にカスタマイズできます。

既存サイトへの追加実装にも対応しています。ただし、AIが正確に回答するためには情報の構造化設計が重要なため、既存コンテンツの見直しも行います。詳しくは[WebサイトにAIアシスタントを組み込む方法](https://chot-inc.com/knowledge/ai-assistant-implementation)を参考にしてください。

はい、担当者がご自身でコンテンツを追加・更新できるCMSを構築します。更新した内容はAIアシスタントの回答にも反映されます。

AIアプリケーション開発は、業務で使うアプリケーションや既存のWebサービスにAI機能を組み込むご相談が対象です。エージェント型Webサイト構築は、コーポレートサイトやサービスサイトそのものにAIアシスタントを搭載し、訪問者との対話から商談につなげるご相談が対象です。社内向けのAIツールやRAGの仕組みを開発したい場合は、[AIアプリケーション開発のサービス内容](https://chot-inc.com/services/ai-application-development)をご覧ください。

## エージェント型Webサイトを詳しく知る

- [AIエージェント導入コスト解説](https://chot-inc.com/knowledge/ai-agent-cost)