C4
AI & SoftwareSaaSNext.js2025

Quotr

A C4 Studios Original — an embeddable instant-quote calculator that turns a service business's pricing logic into qualified, budget-attached leads.

ClientC4 Studios (Original)
LocationPerth, WA
RoleSolo (concept, design, full-stack development, billing, deployment)
01

Overview

Quotr is a C4 Studios Original SaaS product that lets any service business put a real, instant price estimate on their website. The owner builds a calculator from their own pricing rules in a visual editor, embeds it with a single snippet, and visitors self-qualify by answering a few questions — seeing a transparent range on the spot. Every estimate lands in the owner's inbox as a budget-attached lead, so they follow up warm instead of chasing cold enquiries. It is a complete commercial product: a themeable embeddable widget, a no-code calculator builder, Stripe billing with monthly tiers and lifetime plans, and live lead notifications — built, shipped and selling at quotr.us.

02

Screenshots

03

What I Delivered

  • Complete SaaS product — concept, UX, full-stack build, billing and deployment
  • No-code visual calculator builder (services, pricing rules, conditional questions, formula-based pricing)
  • Embeddable, fully themeable quote widget installed with a one-line snippet
  • Instant transparent price-range output for visitors
  • Lead capture with customer details + answers emailed to the business
  • Stripe billing — monthly tiers (Starter / Pro / Agency) plus lifetime plans
  • Marketing site at quotr.us with a live interactive demo
04

Key Features

  • Embed on any website in ~5 minutes with a single snippet
  • Visual, no-code calculator builder with tiered, conditional and formula pricing
  • Transparent instant price range shown to the customer
  • Email notification on every lead, with the customer's answers attached
  • Fully themeable (colours, fonts, wording) to match the host brand
  • Stripe billing built in, with a free tier to start
05

Stack & Tooling

  • Next.js (App Router)
  • React + TypeScript
  • Tailwind CSS
  • Stripe (subscriptions + one-time lifetime links)
  • Embeddable widget (script snippet)
  • Vercel (hosting)
06

Integrations & Backend

  • Stripe — subscription tiers and lifetime checkout
  • Email — lead notifications delivered to the business
  • Embed snippet — installs on any website or CMS (WordPress, Wix, etc.)

Like what you see?

Every project starts with a conversation.

Start a Project