こんな課題を
お持ちではありませんか？
ユーザーが求める情報にたどり着けず、問い合わせに繋がらない
AI検索（AI Overviews・ChatGPT）で自社の正確な情報が引用されるようにしたい
Webサイトに情報を掲載するのみで、事業成長に貢献できていない
chot Inc. が選ばれる理由
モダン技術による開発
Webパフォーマンスやアクセシビリティの高いWebサイトを構築
Orizmを用いた独自CMSの構築
要件に応じたCMSの構築と、公開後の継続的な運用を後押し
大企業の要件に対応
複数部門・複数拠点を持つ組織でも、安全かつ自律的なサイト運用体制を実現
サービス詳細
AIアシスタントによる対話型の体験
情報をページに並べて「探してもらう」のではなく、AIアシスタントを設置し、訪問者の質問に応じてサイト自身が最適な情報・提案を届けます。商品・サービスの案内から見積もり・商談予約への誘導まで、「24時間稼働する営業担当」として機能します。
主な対応内容
- 訪問者の質問・意図を理解し、最適な情報をその場で提示
- 表・グラフ・写真・図解など、課題解決に適したインターフェースでの提示
- 見積もり依頼・商談予約など、具体的なアクションへの誘導
- 対話ログの蓄積による、顧客インテントの可視化
情報基盤の再設計
企業の情報資産は多くの場合、人が読むことを前提に設計されています。AIアシスタントが正確に機能するには、その情報を「AIが参照・活用できる構造」へ組み直すことが必要です。コンテンツの棚卸しからデータの構造化・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.
ヒアリング・課題整理
現状の課題や目的・スケジュール・予算感をヒアリングします。この段階では、漠然としたご要望でも構いません。
- 2.
要件定義・情報設計
ヒアリング内容をもとに、技術選定・ナレッジ設計・CMS設計・デザイン方針を整理・確定します。
- 3.
デザイン・開発
確定した設計をもとに、実装を進めます。進捗は随時共有し、認識のズレが生じないよう並走します。
- 4.
データ移行
既存コンテンツの移行・リダイレクト設定・SEO引き継ぎを確認します。
- 5.
テスト
品質・動作確認を行い、リリースに向けた最終調整をします。
- 6.
リリース
最終確認を経て、本番環境への公開を行います。
- 7.
運用保守
公開後も、必要に応じてサイト更新・機能追加を継続的に支援します。