2024 / Catch Architecture

Catch Cost Calculator

Complex spreadsheets & long conversations that terminated in price shock, solved by a responsive web app.

Client
Catch Architecture
Year
2024
Duration
6 mths
Role
Design & Development, Webdev
Catch Cost Calculator — cover

Brief

Catch Architecture wanted to reduce the amount of time it was spending with tire-kickers, as well as being transparent & upfront about costs. Their current workflow involved complex spreadsheets and long conversations, and there was a different process for renovations and new builds.

They came to me to build an app they could host on their website: potential clients could respond to questions about their project and see an estimate of cost in real time, which they could download as a branded quote. It needed to work across a wide range of devices.

Approach

Although I worked mostly in WordPress, this project called for a stack that would react in real time to user input. Vue JS was ideal. I migrated their complex spreadsheet formulae into functions and variables, which they could tweak via a static file.

Outcome

  • Beautiful branded PDF quote document available to download

  • Responsive, app-like user experience across all devices

Stack

Services

Profiles