Skip to content
← Work
Sell and Stay · 2024–ongoing

I was asked to redesign a PDF.

I ended up replacing the front end.

Role
Product design
User research
Front-end
QA and iteration
Stack
Vercel
Salesforce backend
Sector
Partial property sales
Market
Austria
Germany

The situation

Sell and Stay sells partial property sales to retirees in Austria and Germany. Every deal starts the same way: an offer document carrying the customer’s details, their property valuation, tiered payout models and worked example calculations.

Producing one took 35 to 40 minutes. A rep pulled the data out of Salesforce, ran the tier calculations in Excel, copied the results into a Word template by hand, fixed whatever formatting broke on the way in, sent it for approval, exported a PDF and emailed it. The brief I was given was to make the Word template look better.

The turn

The template wasn’t the problem. The document was the last step in a process that leaked time at every handoff, and every one of those handoffs was a person retyping something a system already knew. A better-looking Word file would have improved the output and changed nothing about the 35 minutes.

So I proposed building the thing that produces the document instead.

Before — six surfaces
After — one frame
Salesforce
customer + property data
Excel
tier calculations
Word
the offer template
Gmail
send, then chase
Drive
versions, somewhere
WhatsApp
wait for a yes
Sales repthe integration
The Cockpit
SalesforceData layer

Why the front end is custom and the backend isn’t

Iteration speed

The sales team sits down the hall. A change I own ships the same afternoon; a Salesforce change request goes to external developers and lands weeks later.

Workflow fit

Salesforce is built for a generic sales motion. Ours runs on property valuations, tier models and two countries’ contract rules. Configuring a generic tool into that shape gets you almost-right everywhere.

Separation of risk

The data stays in Salesforce, with developers and proper controls. The presentation layer changes weekly — so that’s where fast iteration belongs, and where a mistake is recoverable.

What it does

The Cockpit talks to Salesforce as a backend and handles the whole offer in one place.

  • 01Pulls customer and property data automatically — no retyping, no copy-paste
  • 02Runs every tier model, example calculation and payout scenario in the background
  • 03Generates the finished PDF directly, with no Excel or Word in the loop
  • 04Exports and sends from the tool, with the customer email pre-filled
35–40 min→under 5
Before — seven steps, seven handoffs
5m
8m
10m
5m
4m
3m
3m
After — one step
5m

In progress: a daily funnel screen that walks a rep through their day task by task. Planned: invoicing and payment reminders.

What it’s becoming

The offer generator was the wedge. What has shipped since:

  • 01Automated emailDynamic placeholders, replacing the manual Gmail templates
  • 02Suggested templatesMatched to the current deal stage, plus scheduled sending
  • 03Follow-up loopsUnreached leads generate call tasks automatically
  • 04Activity loggingSynced back to Salesforce, so the data layer stays authoritative

The direction is deliberate. Salesforce becomes a stable backend database managed by developers; the entire working surface is built in-house and AI-assisted. That split is what makes short feedback cycles possible without taking on structural risk.

One field at a time · the offer email
Before — Gmail template
New Message
Anm.huber@example.at
BetreffIhr Angebot — Teilverkauf Ihrer Immobilie
Guten Tag [VORNAME], vielen Dank für Ihr Interesse am Teilverkauf. Anbei erhalten Sie Ihr persönliches Angebot für die Immobilie in [ADRESSE]. Das Angebot wurde am [DATUM] erstellt und ist 14 Tage gültig. Der vorgeschlagene Auszahlungsbetrag beträgt [BETRAG]. Für Ihre Rückfragen habe ich einen Termin am [TERMIN] vorgemerkt. Mit freundlichen Grüßen [SACHBEARBEITER]
Senden
0 of 66 fields, every time, by hand.
After — inside the Cockpit
The Cockpit
MHMargarete HuberLindengasse 14, 1070 Wien
Guten Tag Margarete, vielen Dank für Ihr Interesse am Teilverkauf. Anbei erhalten Sie Ihr persönliches Angebot für die Immobilie in Lindengasse 14, 1070 Wien. Das Angebot wurde am 12.03.2025 erstellt und ist 14 Tage gültig. Der vorgeschlagene Auszahlungsbetrag beträgt 184.000 €. Für Ihre Rückfragen habe ich einen Termin am Di, 18.03. um 14:00 vorgemerkt. Mit freundlichen Grüßen Michael Reiter
Auto-filled from lead
01Suggested template→02Check→03Send
3 of 33 actions, none of them typing.
The Cockpit's offer generator: a six-step configuration panel on the left with a product toggle, a fixed-price slider at 58% and date fields, beside a live preview of page 1 of 11 of the generated offer PDF. A brand switcher and DOCX and PDF export buttons sit along the top.
Offer generator — configuration on the left, the finished document previewing live on the right. Customer data redacted.
What’s wrong with it

A custom front end owned by one person is a bus factor of one. The architecture is the mitigation — the data lives in Salesforce regardless — but it’s a real tradeoff, and one I’d revisit as the team grows rather than pretend away.

Colophon

Monto Grotesk Display

Every word on this site is set in a typeface I drew myself and released through nordtype, my own foundry. Nothing here is licensed in from someone else’s library — the type is part of the work, the same as the interfaces above it.