ウェブアプリ / 見積・問い合わせ対応支援
ミツメイト
下書きはAIに、
金額の判断は人に。
Web制作・システム開発の相談から、見積書のお届けまでを支えるウェブアプリです。依頼内容を受け付け、登録した単価と過去案件をもとにAIが案を作成。運営者が内容と金額を確かめてから、回答と見積書を届けます。
作品を開く実際の相談を受け付けるサービスです。管理画面の掲載画像は、個人情報を含まない動作確認用データで撮影しています。
任せる範囲を、
画面の作りで示す。
見積りには、金額だけでなく「どの作業に、どれくらいの時間が必要か」という説明が要ります。AIが要件と工数を整理し、金額は登録済みの単価から計算。運営者が明細を編集して、送付する版を決める形にしました。
依頼者はアカウントを作らずに相談でき、メールの専用リンクから進捗と回答を確認できます。運営者の画面にはメール認証を設け、未確定の下書きや社内メモは依頼者に公開しません。
一枚の紙から、
相談がはじまる。
自然光が差す机、深緑の手帳、まだ何も書かれていない紙。imagegenで制作した写真を大きく見せ、生成りの背景と細い罫線で、相談を書き始める落ち着いた空間を作りました。
見出しは明朝体、入力と操作は読みやすいゴシック体に。管理画面も同じ色調を使い、見積の編集欄と紙面のプレビューを並べて、変更した金額をその場で確かめられます。
案をつくり、確かめ、
見積書を届ける。
案件ごとにCodexかClaudeを選び、運営者のPCで見積案を作成します。使うのは相談内容、登録した料金、参照を許可した過去案件。氏名やメールアドレスなどの連絡先項目はAIへの入力から除きます。
明細と回答を保存し、宛先・金額を確認して送付すると、依頼者にメールが届きます。専用ページでは日本語の見積書PDFをダウンロードでき、追加質問のあとも、それまでに届いた見積書を確認できます。
小さな画面でも、
同じ流れをたどれる。
相談フォームを依頼内容・予算と時期・連絡先の3段階に分け、入力済みの内容を保ちながら進めます。スマートフォンの見積編集は、入力とプレビューを切り替える構成に。幅の狭い画面でも、作業する場所を見失わないようにしました。
制作情報
- 種別
- 自主制作・相談受付サービス
- 制作範囲
- 企画・設計・デザイン・実装
- 使用技術
- TypeScript / Vite
Node.js / SQLite / PDFKit
Codex / Claude / SMTP - 対応画面
- PC・タブレット・スマートフォン