vibe-coding / profitiq

ProfitIQ

Profitability intelligence for Australian trades. Designed in Figma, taken to production in code.

profitiq.com.au

21 laboratory screens in production9 variants compared live87 components
ProfitIQ — Profitability software for Australian trades, with a design lab built into the site.

Context

The launch site for ProfitIQ, Profitability Intelligence for Australian Trades: software that tells builders and tradespeople which jobs are actually making money. The page speaks the customer's language rather than the product's: A few jobs at once. I need to know which ones are making money. Then it shows the work: quotes in minutes, AI that reads the plans, overruns caught before they eat the margin, progress claims and invoicing.

The workflow

Half in Figma, half in code. The design was done in Figma first; vibe coding took what Figma produced and turned it into the running site, with AI as the build partner. Nine variants of the homepage and feature sections were built into the same codebase so they could be compared live, not as mockups.

What changed

  • Figma output went straight into code, without a specification in between.
  • Variants were compared in the running site, so the decision was made on real pages and the winner was already built.
  • One person covered positioning, copy, design and build.

Result

Launch site with nine live variants and the in app conversational experience in production.

28 days of effort across 45 active days. 78 commits.

What shipped

  • The full site, responsive.
  • Nine variants of the homepage and feature sections in one codebase, switchable for live comparison.
  • Copy written in the customer's own words, section by section.
  • The UI/UX conversational experience for the chat inside the ProfitIQ app: interactions, spacing, animations, how the system speaks to the user, how a reply is shaped, and how the exchange reads as a dialogue rather than a form.

Stack

  • Next.js (App Router) + TypeScript
  • Tailwind CSS
  • Radix UI
  • 87 components
  • 146 files

Integrations

  • Stripe
  • Framer Motion
  • qrcode.react — QR generation
  • Playwright

Infrastructure

  • Firebase Hosting
  • GitHub
  • Early-access capture
  • Full legal pages for the Australian market
ProfitIQ landing page on mobile
The ProfitIQ conversational assistant on mobile
Billing and wallet in ProfitIQ on mobile