Portfolio project · Launched product
AI quoting, invoicing and tax for UK tradespeople. Describe the work, and Quotable lists the materials, prices each one live at UK merchants and works out the labour, ready to send in about a minute.
Quotes were eating into family time.
I noticed that my girlfriend's dad, a tradesman, would come home from a full day's work and then spend his evening making quotes and doing invoices. Hours of it, often for jobs he might not even get in the end. That was time he could have spent with his family.
So I wanted to build something that gives that time back. If he could describe a job in his own words and have the materials, prices and labour worked out for him, the quote would be done before he was back in the van, and the evening would be his again.
That became Quotable. It's now a launched product, run as my own limited company.
The same quote carries on through the whole job, so nothing is ever typed twice.
Type or say the job. Check the lines, add photos, send it.
The customer opens it on their phone and accepts with a tap.
Drop it on the calendar by the hour or the day.
When it's done, the quote becomes an invoice in one click.
A pay-now link, VAT worked out, ready for the accountant.
I built the first version of Quotable on Lovable, an AI app builder. It was a fast way to get the idea working, but as a real product it wasn't sustainable: the front end, the back end and the AI were all tied into one platform's ecosystem and its credits.
So I re-engineered it to stand on its own. The front end now runs anywhere, the database, logins and server functions run on my own Supabase project, and the quoting engine was rebuilt to price materials live from real merchants instead of guessing. None of it depends on Lovable any more.
I tested the models against real jobs and set the order by accuracy, so if one free tier runs out, the next takes over and quotes keep coming for free.
The first brand, from the Lovable version, looked like any software company: an orange Q on a navy word in Montserrat, and a home page that led with a list of features. It didn't feel like it belonged to the people using it, and it didn't show what the product actually does.
So I rebuilt the brand around the trade itself. Every choice is named in the code after something you'd find on a job.
Archivo set wide and heavy, like the lettering on a tradesman's van.
The background is a warm off-white named after plasterboard, not a clean tech white.
Orange is saved for the totals and the main action only, like the figure on a docket.
Cards cast a tight contact shadow, like sheets lying on a desk, not a soft glow.
The new brand is written up in a 12-page book: the rebrand, the tape-measure Q, the logo system, colour and contrast, the type and the voice, so anyone working on Quotable can keep it consistent.
Live preview
The live site, running in the frame. Choose “Look around with sample data” to try the full app with an example account. Nothing you change is saved.
The Q in the logo is a navy ring with an orange tail, like a tape measure pulled out of its case. In the wordmark it replaces the letter Q, sitting at cap height with the tail dropping below the line. When the app is loading, the ring draws itself on and the tail pulls out and springs back, like a real tape. The gap between them is cut out, so the mark sits cleanly on paper, cards, the navy sidebar or a photo.
Materials are priced from the merchants' own product pages, at Toolstation, Wickes and Travis Perkins, with a link on every line. Your own stock and prices are used first, and anything it couldn't price is marked for you to check rather than guessed.
On site with dusty hands, you can tap Speak and describe the job out loud instead of typing it.
Electricians, plumbers, plasterers, tilers, roofers, landscapers, EV charger installers and more: if you price materials and time, Quotable will quote it.
Jobs on the calendar are colour-coded by when they're due to be paid, so you can see at a glance who owes what and when.
Built for one-handed use on a phone, with big tap targets and a sticky action bar. Quotes go out by WhatsApp, text or email, and the customer accepts with a tap.