← back to work case study · web + digital

ZipKit Quoting Tool.

An internal sales platform that turns six different building product lines into consistent, calculable proposals, invoices, and PDFs — used daily by the ZipKit Homes and Mountain Valley Prefab sales teams.

client

ZipKit Homes / Mountain Valley Prefab

role

Sole designer + developer

stack

Vanilla JS · HTML · CSS · GitHub Pages

status

Live · in daily use · shipping updates

the brief

from spreadsheets to a real sales tool.

ZipKit Homes builds shell kits, modular homes, garages, airplane hangars, light-gauge steel frames, and full custom builds. Every product line had different pricing logic — snow-load engineering for shell kits, window packages for modular units, hangar-door sizing for aviation structures — and every quote was being rebuilt from scratch in a spreadsheet by a sales rep trying to remember which formulas mattered for which product.

The result: inconsistent quotes, math errors, and hours per proposal. The team needed a single tool that knew each product's rules, calculated in real time, produced customer-ready PDFs, and let sales negotiate without breaking the underlying math.

I designed and built it end-to-end as a single-page static tool that runs on GitHub Pages — no backend to maintain, no server to pay for, works from any device the sales team logs into.

ZipKit Quoting Tool — main interface

the tool in daily use — single page, accordion sections per quote type

more of the interface
ZipKit Quoting Tool — screenshot 2
ZipKit Quoting Tool — screenshot 3
ZipKit Quoting Tool — screenshot 4
what it supports

six product lines, one tool.

Each quote type has its own field set, pricing rules, and required specs — but they all share a common line-item builder, payment schedule, and PDF pipeline.

01
Shell Kitssnow load · package tiers · engineering
02
Modular Homeswindow packages · options · finish tiers
03
Garagessize configurations · add-ons
04
Airplane Hangarshangar door sizing · specialty specs
05
Light-Gauge Steel Framesstructural configurations
06
Custom Buildsfree-form line-item builder
what it does

the features that matter.

dynamic pricing calculators

Live calculations that factor shipping distance, multi-unit discounts, snow load upgrades, and add-ons the moment a field changes.

line-item builder

Custom extras and credits with support for negative values, so discounts, promos, and negotiated concessions live in the same math.

override fields

Sales can hand-set negotiated prices per line without breaking the base calculations — the tool remembers what was overridden vs. calculated.

PDF proposal + invoice generation

One-click customer-facing PDFs from any configured quote — with the correct disclaimer, payment schedule, and branding baked in.

custom payment schedules

Percentage-based payment stages that adjust to total automatically — deposit, milestone, delivery, final.

special invoice builder

A free-form invoice mode for anything that doesn't map to a standard product line — change orders, extras, one-off charges.

project management links

Deep-linked project URLs (like the one you clicked to see this) so a specific quote can be reopened, shared, or resumed from any device.

accordion single-page ux

Everything on one screen. Collapsible sections per quote type, per client, per invoice. No page reloads. No lost state.

the stack

no framework, no backend, no pager duty.

Vanilla JavaScript HTML CSS GitHub Pages LocalStorage state Client-side PDF gen Deep-link routing Zero dependencies

A backend would've been overkill. Every calc runs client-side, state persists per project, and hosting is free forever on GitHub Pages. When the sales team asks for a new field, it's a git push away.

what's next

the roadmap.

The tool ships in continuous iterations — sales team says what's slowing them down, I build it, it's live the same day.

shipped
Quoting engine, six product lines, PDF proposals, invoices, payment schedules in daily use since 2025
building
Contract generation from approved proposals same data, contract-ready templates, one click
need something like this?

custom sales tools, quoted per scope.

If your team is quoting products in a spreadsheet and losing hours per proposal, I can build you the same kind of thing — configured for how your business actually works.

start a project