See exactly what your customer sees

Static, instant replicas of the six customer-facing screens — portal sign-in, estimate, intake form, contract signing, live dashboard and invoice — rendered inside your tab during the walkthrough.

What it is

The Customer Journey campaign flips between the builder's side and the customer's side without leaving the page. Each customer screen is a replica component driven by one shared, generic demo dataset, so it paints instantly and touches nothing live. The estimate SEND lesson deliberately runs on the real Estimates screen and the real send modal instead of a replica.

Also called: customer view · what the customer gets · portal preview · buyer side

See it
See exactly what your customer sees
Prepared for
Ivy Brubaker
1140 Ridge Line Rd · Fair Play
Shell package$34,199
Concrete & site$9,929
Doors & windows$6,619
Trim & finish$4,413
Total
$55,160
Signature
Split or sequential frames of the six replica screens — DemoCustomerSurface.tsx switching on its `screen` prop. Sample data — no customer information appears here.
How it works
  1. 1A single host component renders one of six screen ids: portal-signin, estimate, intake, contract, dashboard, invoice
  2. 2All content comes from one pure data module — no fetch, no database, no CRM, no estimator API
  3. 3The demo customer, builder identity, estimate versions and line groups are generic on purpose so the same lesson ships to every account
  4. 4For sending an estimate, a nav action injects a fully-formed demo estimate into the real Estimates view and opens the real send modal over it
Why we built it

The most common objection to a customer portal is not knowing what the customer sees, and the only two ways to find out were sending yourself a fake estimate or hearing from a real customer that something looked wrong. Now the six customer-facing screens — sign-in, estimate, intake form, contract signing, the live job dashboard and the invoice — open inside your own tab, instantly, on made-up names and numbers that belong to nobody. Where a stand-in would have taught the wrong habit, the walkthrough uses the real control instead: you learn to send an estimate on the actual send screen, not a picture of one.

The problem
  • Builders send customer-facing documents they have never viewed from the customer's side
  • Previewing the portal for real means creating throwaway records
Sound familiar?
What you get
Confidence in what goes out before the first real send
No fake customers, no test emails, no cleanup
The customer side loads instantly during training instead of waiting on live data

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →