初期SaaSプロトタイプ
Web埋込チャット、認証、チャネル連携、課金導線を試作し、中小事業者向け問い合わせ対応の構成を検証しました。
SYSTEM DESIGN / PUBLIC DEMO
ChatBridge
会話に答えるだけでなく、
答えられない理由を運用へ戻す。
Conversation
よくある質問営業時間 / 料金 / 予約方法
個別の相談空き状況 / 契約 / 判断
未知の質問登録ナレッジに一致しない
OperationOUTPUT
登録情報から回答回答元と一致度を表示
担当者へ引継ぎ理由を残して有人確認へ
回答を改善確認後の内容をナレッジへ
DESIGN PRINCIPLE / ANSWER ONLY WHEN THE SOURCE IS VISIBLE
PUBLIC BUILD 02
01 / DEVELOPMENT HISTORY
試作から、
試作から、
運用の形へ。
機能と公開範囲を棚卸し
稼働していない外部URLや本番接続していない機能を案内から外し、実際に確認できる範囲を整理しました。
公開デモ・管理画面・APIを再構成
登録ナレッジによる回答、引継ぎ判定、会話確認、ナレッジ編集、ウィジェット調整を一つのデモとして実装しました。
運用の流れを主役に再デザイン
一般的なSaaSのカードUIから離れ、質問が回答・引継ぎ・改善へ流れる様子を視覚言語として設計しました。
02 / DESIGN DECISIONS
AIらしさより、
AIらしさより、
判断の見やすさ。
公開範囲を明示
認証・顧客データ・外部チャネルへ接続していないことを、LPと管理画面の両方に表示しています。
不確かな質問は人へ
登録回答との一致が弱い場合や個別判断が必要な場合、無理に回答せず担当者確認へ切り替えます。
回答元を残す
どのナレッジに一致したかを確認できる形にし、回答の根拠と改善箇所を追いやすくしました。
デモデータは端末内へ
管理画面の追加・返信・表示設定はローカルストレージへ保存し、個人情報を集めないデモにしています。
HTML / CSSRESPONSIVE PRODUCT UI
Vanilla JSDEMO CONSOLE / LOCAL STATE
Vercel APIVALIDATED RESPONSE ENDPOINT
LocalStorageBROWSER-ONLY DEMO DATA
Knowledge matchSOURCE / CONFIDENCE / HANDOFF