← 制作例一覧

SELF-INITIATED DEMO / 自主制作

SMART INBOXAI Workflow問い合わせ管理ツール

OVERVIEW

分類・優先度・担当・返信下書きを一画面に。AI導入時の業務フローを示すローカルデモ。

Next.jsReactTypeScriptCSS
Live Demoを操作する

固定ルールで処理。AI APIやメール受送信なし。再読み込みで初期化。

MAIN VISUAL / LIVE DEMO
SMART INBOXの実装済みDesktop画面
実際に操作できる自主制作デモ
SCOPE
Design + Build + QA
EST. DELIVERY / 納期目安
仕様確認後に提示
PRICE GUIDE / 参考価格
要件により見積
VISUAL DIRECTION

自動化する範囲と、人の判断。

SMART INBOX / WORKFLOWHUMAN IN CONTROL
  1. 01受信内容問い合わせを一覧化
  2. 02分類・優先度ルールで整理
  3. 03担当・下書き対応を準備
  4. 04人が確認送信前に判断

このデモは固定ルールによるローカル処理です。AI API・自動送信は使用しません。

ASSUMED CLIENT BRIEF

想定依頼

問い合わせの分類・担当・返信下書きをまとめたい。

CHALLENGE

制作上の課題

未対応の把握と、返信前の人の確認。

SOLUTION

解決のための実装

キーワード分類と担当管理、編集できる返信案を実装。

DESIGN CONCEPT

制作コンセプト

対応の優先順位が見える受信箱。

RESPONSIVE DESIGN

画面ごとの最適化

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

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

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

問い合わせ管理ツール / Desktop Preview
Desktop Preview
問い合わせ管理ツール / Tablet Preview
Tablet Preview
問い合わせ管理ツール / Mobile Preview
Mobile Preview
TECH STACK / 使用技術

Next.js / React / TypeScript / CSS

対応範囲

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

制作期間目安

仕様確認後に提示

参考価格

要件により見積

実装した機能
  • 分類・緊急度フィルタ
  • 担当・状態変更
  • 返信案編集・コピー
DELIVERABLES / 納品可能物
  • ソースコード・設定ファイル
  • 起動・更新手順のREADME
  • 画面仕様・検証項目一覧
QA内容・確認項目
  • PC / Tablet / Mobile表示
  • キーボード操作・コントラスト
  • リンク・入力・エラー状態

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

Related Services / 関連カテゴリ

MESSAGE-ONLY OK

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

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

相談内容をまとめる
A GOOD PLACE TO START / TETSU WORKS

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

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

相談内容を入力する ↓
まずは文章で。
打ち合わせの前に、相談できます。
  1. 01相談を送信
  2. 02内容を確認
  3. 03メールで返信
  4. 04合意して制作開始

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

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

YOUR NEXT PROJECT必須はお名前・メール・ご相談内容
01 何を相談したいですか? 未定でも大丈夫
02 いま、考えていること

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

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

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

03 お返事先

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

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

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

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