From Quote to Signed PDF: A Complete App Walkthrough

Why quoting still breaks

Most service businesses send quotes. And most of those quotes still follow the same path: build it in a spreadsheet or Word doc, export a PDF, email it, then chase the client for a signature.

Every step lives in a different tool. Nothing updates on its own. And nobody can tell you at a glance how much revenue is sitting in quotes waiting to be signed.

In this walkthrough I take one quote from idea to signed PDF inside a single app. Then I open it up and show you how it was built. The whole app came together in about 30 minutes of prompting with Claude and Zite. No code.

From new quote to signed, step by step

The demo uses Northlight Studios, a fictional video production company, but the flow fits any business that quotes its work.

1. Start a quote without leaving the page

Click New quote. Pick an existing client, or add a new one in the same form. Name the project, set the dates and add a short scope.

Every new quote starts as a draft with defaults: 8% tax, a 50% deposit, 30 days of validity and standard terms. All of it can be changed on the draft.

2. Price it from your rate card

Instead of typing prices from memory, you add line items from a rate card: the list of services you actually sell. In the demo that's crew, equipment, post-production and travel.

Pick a service and set the quantity, half days included. The app calculates each line, the tax, the total and the deposit due.

One detail worth copying: each line saves the rate at the moment you add it. Raise your prices next quarter, and quotes already sent stay exactly as they were.

3. Generate the PDF and send it

One click turns the quote into a branded, one-page PDF, grouped by category with a subtotal for each. The PDF is saved back to the quote.

Send for signature locks the quote and creates a private link for that quote alone. The client receives an email with the total, the expiry date, a button to review and sign, and the PDF attached.

4. The client reviews and signs

The link opens a page built for the client: the full breakdown, the terms and a PDF download. To accept, they type their name, draw a signature and confirm the terms.

Signing records who signed and when, and produces a new PDF with the signature on it. Links that have expired, been revised or already been signed will not accept a signature.

5. Watch the pipeline update

Back in the dashboard, the quote moves from Sent to Signed and its value rolls into the signed total. Summary cards show what's in draft, what's awaiting signature and what's signed.

6. Revise without losing control

Negotiations happen. Revise moves a quote back to draft so you can add or remove items. The old signing link stops working, so a client can never sign an outdated version. Send it again when it's ready.

Under the hood: one workspace, three layers

Everything lives in one Zite workspace. That is why this works without a stack of extra tools.

• Data: four tables: Clients, Rate Card, Quotes and Quote Line Items. Totals, tax and deposits are calculated in the database, so every screen and every PDF shows the same numbers.
• Apps: two apps on the same data. Producer Desk is internal, for your team. The client page is public, but each quote can only be reached through its private link.
• Workflows: every action, from adding a line item to sending for signature, runs as a backend workflow. PDF generation and the client email happen there too.

How it was built

I didn't write any code. I connected Claude to Zite through Zite's MCP connection and described what I wanted: the data, the two apps and the quote-to-signature flow.

Claude built the tables, the apps and the workflows. It took about 30 minutes of prompting, plus a few rounds of review and testing. If you prefer to work inside Zite, you can make the same kind of changes by chatting with Zite's own builder.

Be realistic about what you build

A demo comes together fast. A system your team relies on every day takes more thought.

• Data design matters more as you grow. Four tables is easy. Twenty tables with permissions, history and reporting is where database experience saves you weeks.
• Know what the signature step is. The sign-off page records a typed name, a drawn signature and a timestamp. That works well for quote approval. For contracts that need a full legal audit trail, keep a dedicated e-signature tool.
• Expect roadblocks with any new tool. Fewer tools can mean lower monthly costs. It also means you own more of the logic, so plan time for testing.

The payoff is real: your data, quotes, PDFs and client sign-off in one place, instead of several subscriptions stitched together.

FAQ

Do I need to know how to code?

No. This app was built by describing it to Claude, connected to Zite. Some database knowledge helps as your build gets more complex.

Can this replace DocuSign or PandaDoc?

For quote approval, often yes: the client signs inside your own app and you keep the record. For contracts that need a legal audit trail or identity checks, keep a dedicated e-signature tool.

Can I use my own PDF template?

Not directly. Zite generates the PDF from a layout you describe, and you refine it from there. You can't upload an existing PDF and fill it in.

What kinds of businesses is this for?

Any business that sends quotes or estimates: agencies, production companies, contractors, consultants and field service teams. Swap the rate card for your own services.

Can I adapt it for invoices or work orders?

Yes. The same pattern works for any document built from your data: invoices, work orders, purchase orders or proposals.

Want one built for your business?

A quoting system like this, or something bigger, works best when it's designed around how your business actually runs. That's what we do.

Book a free strategy call and we'll help you find the right next step.

Want to try Zite? Sign up with our affiliate link. We may earn a commission at no extra cost to you. Northlight Studios is a fictional company created for this demo.