Wireframe — New Estimate (intake form)

Replaces the n8n form trigger. Same fields, better UX. On submit, the form POSTs to the n8n webhook (fire-and-forget) and the user is redirected to a generating-state page that subscribes to Convex by estimate number. The session shows up in real-time when n8n finishes — no waiting on webhook response, no broken UX if generation takes 60+ seconds.

Desktop · form fill

{{ name }} — New Estimate

D Dan ▾

Job Basics

Job Type *

Finish Level *

Customer

Client Name *

Phone *

Job Address *

ZIP is auto-extracted for material pricing.

Scope of Work · the most important field

Natural-language description. The AI uses this to generate labor tasks and material lists.

Optional Details

Special Conditions

Job Site Photos

Drop photos here, or click to upload JPG / PNG / WEBP / HEIC · up to 10 photos · 10MB each

Stored in Convex Storage. Vision API extracts measurements + condition cues.

Cancel Generate Estimate →

What happens next

Form submits to n8n webhook
Photos analyzed (vision API)
Historical labor lines retrieved
GPT generates estimate
Doc rendered + saved to Convex
You're redirected to the estimate

25–60s end-to-end. The page polls Convex by estimate number, so timeouts are harmless.

Tips

Be specific about quantities (sq ft, linear ft, count) when known.
Photos help the model estimate condition + scope.
If multiple trades, mention all of them in the scope.

Mobile · field tech intake

{{ name }} — New Step 1 of 1

📷 Photos · take while on site

+ Take Photo Camera opens directly. Multi-shot.

Job Type

Client Name

Phone

Address

Scope of Work

🎤 Coming Phase 2: Hit record, talk through the visit, AI extracts the scope.

Finish Level

Generate Estimate →

Key behaviors

FIRE & FORGET Form does NOT block on the n8n webhook response. It POSTs, generates a client-side estimate ID expectation, and redirects to a generating-state view that subscribes to Convex.
PHOTO PATH Photos upload to Convex Storage first, then the storage IDs are passed to n8n.
MOBILE-FIRST Photos at the top — most important for a tech standing in front of a job. capture="environment" opens the rear camera directly.
PHASE 2 TEASER The mobile form references the upcoming audio-record feature in the scope helper text.