The opportunity card — the whole deal on one screen

One full-screen card per builder being sold to: who they are and how to reach them, the whole conversation, the deal terms, the stage checklist, tasks, notes and every event that ever happened.

What it is

Two tabs on purpose — Overview and Discovery call. Overview lays the deal out in three columns: contact, reach, form submission, stage SOP and outcome on the left; the conversation in the middle; deal terms, tasks, notes and the activity timeline on the right. The conversation column collapses to a thin tab so the rest gets the room.

Also called: deal card · prospect record · account view for sales · opportunity modal

See it
Lead card
Paige Kauffman$72,000.00
Barndominium
Barndo
Marcus Feld
$72k
Home Show(717) 555-0104
0/2
Permit required · Columbia
Aug 5, 2026STALE
The full-screen card: stage stepper and Last-email badge in the header, three columns beneath, conversation collapsed to a vertical tab in one variant. The real screen, drawn from the product’s own design system. Sample data — no customer information appears here.
How it works
  1. 1The header carries the stage stepper (click a stage to move there), the won/lost state, lead strength, and the delivery state of the last email sent.
  2. 2Notes and tasks paint instantly and send behind — no spinner, no jump; a failure puts the truth back on the next read.
  3. 3Rapid task toggling is queued so only the last wanted state is written; six fast clicks produce at most two writes and no flapping.
  4. 4Marking lost asks for an optional reason and keeps the stage the deal died in; marking dead asks for a reason from a fixed list and is reversible.
  5. 5The outcome section says plainly that this normally ticks itself — they pay and sign on their proposal page, their setup form provisions the account — and manual marking is for a deal closed off-platform.
  6. 6Breakpoints are deliberate: phones one column, mid widths conversation-left with the rest stacked, wide screens the three columns.
Why we built it

The card's header explains the two-tab decision: 'Two tabs, on purpose ("out of sight, out of mind")'. Layout notes record real failures — 'Three columns under 1280 left the conversation ~270px and clipped the composer' — and the instant-write approach is credited to 'paint the change NOW, send the request behind it, then re-read silently.'

The problem
  • Deal facts, conversation and next steps lived on three different screens.
  • Ticking a task felt slow enough that reps stopped doing it.
  • A closed-lost deal lost the reason and the stage it died in.
Sound familiar?
What you get
Anyone can pick up a deal cold and see everything that has happened.
The record stays current because updating it costs nothing.
Lost reasons accumulate into a real answer about why deals die.
What's inside
The conversation on the deal card
Emails as collapsible cards, texts as bubbles, calls and notes as compact rows — with our side offset right and theirs offset left so who spoke is readable across the room.
Numbered notes with an edit ledger
Notes on a deal are numbered, searchable, editable — and every creation and edit is kept as a ledger line showing who changed what.
One timeline for the whole deal
Every stage move, checklist tick, message, proposal view, booking, note and completed task in one ordered list, plus how long the deal sat in each stage.
Two ways to book a call from the card
Either put the time straight in the calendar while they are on the phone, or send a warm branded invitation with a button and let them choose — same composer, one switch.
Create and send a proposal from the deal
Author the prospect's own proposal page from their card — package, exclusivity count, discount, optional password — email it, and watch the funnel tick back onto the card.

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 →