Business Tool · UX Strategy · Frontend Development

Interactive Quotation Builder

A guided estimate-building experience that helps customers choose packages, customize quantities, add optional services, calculate delivery fees, and save their estimate for later.

Category
Business Tool · UX Strategy · Frontend Development
Focus
Package selection · Custom chair and table quantities · Add-on covers and color variants · Delivery fee calculation
Stack
Vue · TypeScript · Tailwind CSS · Local storage
View actual website

Business context

Customers needed a clearer way to explore rental packages before starting a pricing conversation.

The problem

The original process relied on repeated chat messages, manual quantity checks, and follow-up explanations.

The goal

Make estimates easier to build, understand, save, and revisit without requiring account registration.

User experience decisions

  • Show easy packages before custom item selection.
  • Allow chair and table quantities to be adjusted independently.
  • Reveal add-ons in context so customers understand when covers or color variants apply.
  • Keep the estimate summary visible while choices change.
  • Calculate delivery from the selected service area.
  • Save estimates locally so customers can reopen them later.

Technical approach

  • Built a typed frontend flow with reusable pricing and summary components.
  • Stored saved estimates in the customer browser for a lightweight no-account experience.
  • Kept the calculation logic separate from the interface so pricing rules can be reviewed clearly.

Interface walkthrough

  • Customers begin with a package, then adjust individual quantities when needed.
  • Optional services appear beside the relevant choices instead of in a detached list.
  • The final estimate can be saved and shared as a conversation reference.

Outcome

Turned a manual pricing conversation into a structured customer experience that makes estimates easier to understand, save, and discuss.

Reflection

The strongest part of the work was reducing uncertainty. The tool does not replace a human conversation; it makes that conversation easier to start.

Have a website idea or a business process that should be easier?

Tell me what you are trying to build, what is currently difficult, and what result you want. I’ll help you determine the right website or system for it.

Send Me an Email

You do not need a complete technical specification before reaching out.