Brendon Rice
Back to work

Case study · Docket

Quote on site. Paid by Friday.

Build a quoteInteractive demo below

Docket is a quoting and invoicing app for one-person trades: sparkies, plumbers, chippies, painters. Quote the job before you leave the driveway, turn it into an invoice with one tap when they say yes, and always know who still owes you. I made all of it: the brand, every screen, and the app itself, from the data model to the PDFs.

ProjectDocket
RoleBrand, product design and full build
PlatformExpo (iOS, Android, web), Supabase
TimelineOctober 2026
StatusWorking prototype
Take the tour

Every job, from quote to paid

Six screens do the whole job. These are real screenshots from the app, filled with a week of work for a made-up sparky called Sam. Pick a screen, or let it play.

The Home screen The Documents list The quote builder An overdue invoice The Reminders screen The Customers list
Have a go

Build a quote. Then press the lime one.

This works the same way the app does. Tap items from Sam’s price list to add them. Then follow the lime button from quote, to yes, to invoice, to paid.

From the catalogue ← tap to add

Line items

    Hannah and Tom Whitfield · 0400 712 093

    Kitchen reno electrical

    QUO-0021 · Issued today · Valid 14 days

    Quote totalDraft

    $0.00

    Incl. GST $0.00

    1. Draft
    2. Sent
    3. Accepted
    4. Invoiced
    5. Paid
    Reminders

    Chase it without the awkward phone call

    Write the reminder once, in your own words. When an invoice runs late, Docket fills in the name, number, amount and date. One tap opens it ready to send by SMS or email.

    Overdue right now

    9:00

    Tuesday 27 October

    Docket2 invoices need chasing.now

    To: Marco De Luca

    Text message

    plus a 9am nudge on your own phone, so it actually gets done

    The paperwork

    Every invoice a proper tax invoice

    Every quote and invoice turns into a clean PDF with your business details at the top. It goes out from the share sheet, by text or by email.

    • “Tax invoice” at the top, with your ABN under your name
    • GST shown on its own line, set to 10% by default
    • Due date and how to pay printed on the page
    • Numbers in order, carrying on from your old system
    • Your logo, if you add one in Settings

    the actual layout the app prints, with Sam’s details

    Brand system

    Stacked like a docket book

    Big rounded panels tuck under each other like carbon copies in a docket book. It’s calm greens and warm paper, with one lime colour kept for whatever needs doing next. Click a colour to copy it.

    Display · DM Sans Regular

    Morning, Sam.

    Amounts · DM Sans Light, tabular

    $2,095.50

    Numbers · DM Mono

    INV-0042 · QUO-0019 · ABN 51 824 753 556

    Status chips

    DraftSentAcceptedInvoicedPaidOverdue 6 daysDeclined

    Buttons

    SaveSend invoiceShare PDFDelete

    Radii · 36 / 28 / 18 / 12

    The stack

    Light and dark

    Follows the phone, day or night

    Every colour has a night version that was planned with it, not just flipped. Drag the line across to compare.

    Home in dark mode Home in light mode
    One thumb

    Made for the ute, not the office

    Big targets, one action per screen, and the main button always within reach of your thumb, gloves or not.

    The welcome screen
    Welcome. Set up in three steps
    Adding a line item
    Lines fill in from your price list
    An invoice in dark mode
    An invoice after dark
    Settings
    Your ABN, GST and numbering
    The Docket Pro paywall
    A simple plan after the trial

    Under the hood · How it was built

    From an idea to a working app.

    Docket started as a spec in Business OS, my own platform for turning app ideas into working builds. It covered the data model, the screens and how each one should behave, and the first version of the app was generated from it. Then I did it properly. I wrote a brand guide, designed the screens, and finished every screen by hand: one quote and invoice builder instead of two, real numbering, quote to invoice in one tap, and reminders that fill themselves in.

    Each person signs in to their own account, and the database will only ever hand back their own jobs. One codebase builds the app for iPhone, Android and the web.

    1. 01

      Spec

      Data model, screens and rules written in Business OS.

    2. 02

      Generate

      A first build of the app comes out of the spec, typed end to end.

    3. 03

      Design

      Brand guide, mockups, then every screen restyled to match.

    4. 04

      Finish

      Hand-wired actions, fixed bugs, and marked so a regenerate can’t undo them.

    5. 05

      Secure

      Accounts, and row-level security so each person only sees their own work.

    What tradies get

    Quote to invoiceWhen they say yes, one tap copies every line into a numbered invoice.
    GST done rightTax invoice wording, your ABN and GST on its own line, automatically.
    Easy chasingOverdue invoices come to the top, with a reminder already written.
    Your price listLabour, call-outs and parts saved once, then added to any job with a tap.

    What it runs on

    AppExpo and React Native
    StylingNativeWind
    DataSupabase Postgres
    AccountsSupabase Auth
    ValidationZod
    PDFsexpo-print
    NudgesExpo Notifications
    Spec and buildBusiness OS

    Docket

    Less paperwork. More paid.

    Role
    Brand, UX, screen design and the full stack build
    Built with
    Expo, React Native, NativeWind and Supabase
    Status
    Working prototype, one codebase for iPhone, Android and web
    Have another goBack up to the quote builder
    Next project Love in a Book ↗
    Or All work