SELF-INITIATED DEMO / 自主制作

RELAYAI問い合わせ自動化システム

OVERVIEW

分類から下書き、人の確認までを見える化。

Next.jsReactTypeScriptCSS

Live Demoを操作する

AI導入を想定したローカルシミュレーション。固定ルール・定型文を使用し、AI API接続やメール送信は行いません。

SCOPE: Design + Build + QA
EST. DELIVERY / 納期目安: 要件確定後に提示
PRICE GUIDE / 参考価格: 要件により見積

ASSUMED CLIENT BRIEF

想定依頼

問い合わせを分類し、返信下書きを作り、担当者の確認後に対応する仕組みを検討したい。

CHALLENGE

制作上の課題

自動化の範囲と人の判断を明確にし、送信事故を防ぐこと。

SOLUTION

解決のための実装

既存の分類ロジックを再利用し、受付→分類→下書き→人の確認を操作できるプレビューを実装。

DESIGN CONCEPT

制作コンセプト

自動化のブラックボックスをなくす、説明できるワークフロー。

RESPONSIVE DESIGN

画面ごとの最適化

PCは情報の比較しやすさ、タブレットはカラム幅、モバイルは読む順番とタップ領域を調整。表や操作UIは画面幅に合わせて配置します。

ひとつの体験を、どの画面でも。

実際のデモを各画面幅で撮影したプレビューです。

AI問い合わせ自動化システム / Desktop Preview — Desktop Preview

AI問い合わせ自動化システム / Tablet Preview — Tablet Preview

AI問い合わせ自動化システム / Mobile Preview — Mobile Preview

TECH STACK / 使用技術

Next.js / React / TypeScript / CSS

対応範囲

設計・デザイン・実装・内部QA・ドキュメント整理

制作期間目安

要件確定後に提示

参考価格

要件により見積

実装した機能

入力内容のルール分類
返信下書きの編集
人の承認・差し戻し
API契約のサンプル表示

DELIVERABLES / 納品可能物

ソースコード・設定ファイル
起動・更新手順のREADME
画面仕様・検証項目一覧

QA内容・確認項目

PC / Tablet / Mobile表示
キーボード操作・コントラスト
リンク・入力・エラー状態

参考価格・期間です。ページ数、機能、デザイン、素材、API・外部サービス、修正範囲で変動します。仕様と素材の確定後に正式なお見積もり・納期を提示します。納品物は契約範囲に合わせて確定します。QA内容は確認対象を示すもので、実運用環境の適合保証ではありません。

Related Services / 関連カテゴリ

AI業務自動化 API / 外部サービス連携 Webアプリ / 管理画面 TypeScript / Next.js

MESSAGE-ONLY OK

メッセージだけでも、進められます。

仕様確認・進捗共有・修正確認・納品まで、クラウドソーシング上のメッセージを中心に対応。Zoom / Google Meetは必須ではありません。

相談内容をまとめる

A GOOD PLACE TO START / TETSU WORKS

つくりたいものを、
聞かせてください。

まだ要件が曖昧でも大丈夫。
いま困っていることから、一緒に整理します。

相談内容を入力する ↓

まずは文章で。
打ち合わせの前に、相談できます。

01相談を送信
02内容を確認
03メールで返信
04合意して制作開始

金額・納期・制作範囲は、内容を確認してご相談。
送信した時点で契約や発注にはなりません。

案件サイトからのご相談は、そのサービス内メッセージでも進められます。

YOUR NEXT PROJECT必須はお名前・メール・ご相談内容

02 いま、考えていることご相談内容必須

困っていること、つくりたいものを自由に。10〜2,000文字。秘密情報・パスワードは入力しないでください。

予算・希望時期・参考資料を添える任意

今の状況予算の目安希望時期

予算・時期はご希望の目安です。制作範囲を確認してお見積もりします。

参考URL補足

03 お返事先

お名前必須返信先メールアドレス必須

会社名・屋号任意

送信内容はお問い合わせ対応のために利用します。

受付状況を確認しています。

案件サイトのメッセージで相談したい方へ

入力内容をコピーして、ご利用中のサービスへ貼り付けられます。ここからは送信しません。