Estimate & Invoice App for Contractors
Fast, Accurate Estimates for Field Service Professionals
Lead Product Designer
2023-2024
ProsPrice Generator is a mobile tool built to help field service professionals calculate and present service prices quickly and accurately. With just a few inputs like labor rate, diagnostic fee, product costs, and sales tax, the app delivers a professional estimate, generates presentations, and even creates client-ready invoices.
My role spanned from refining the original MVP (V1) to designing a more robust and intuitive experience for V2, launched in February 2024.
The Challenge
Design processes are rarely as linear or clean as textbooks suggest. The reality is that designers often jump in mid-project, balancing priorities and resolving decisions already made. That was the case with ProsPrice Generator.
When I joined in July 2023, the app was already in motion. The client had an early Figma prototype and a tight deadline to deliver MVP 1.0. The color palette, wireframes, and UI direction had already been defined, leaving little room for exploration. My role at this stage was to refine the work, solve usability gaps, and get the product ready for launch as quickly and clearly as possible.
Wireframes provided by the client
My Role
MVP 1.0 (July 2023)
At this stage, my focus was on making practical improvements to a partially defined product. I improved accessibility by correcting low-contrast elements, such as replacing white-on-yellow buttons with black text for better readability. I also increased the minimum font size to 14pt and refined spacing for a more readable interface on mobile.
Visually, I introduced blue-tinted grays to soften the existing color palette and bring more structure to the interface. The client’s original branding was preserved, but subtle enhancements helped create a clearer visual hierarchy.
One of my main UX contributions was designing the barcode scanner flow. This feature was not in the original wireframes and required creative problem-solving to work within the limitations of a free product API. The API returned inconsistent data, lacked images, and didn’t allow product filtering or invoice generation. Despite that, we implemented a usable first version of the feature that laid the groundwork for future enhancements.
From MVP to V2 (February 2024 Launch)
After real-world testing (including a trip to Home Depot to test the barcode flow), we validated several user pain points. In response, we moved into a full product evolution that included not just visual refinements, but also major improvements to functionality, flow, and clarity.
The updated Figma file captured this transformation. The V2 prototype included an entirely restructured onboarding, more informative scanner instructions, a reworked flow for adding and managing products, and deeper integration of new features like invoice generation and AI text assistance. These flows were mapped clearly in Figma and stitched into interactive prototypes to simulate real user journeys.
The biggest shift from V1 to V2 was the feeling of polish and completeness. While the MVP served as a functional testbed, V2 reflected a more thoughtful product—with scalable navigation, better visual hierarchy, and screen-by-screen attention to mobile UX. Much of the UI was rebuilt to support real-world use: job tracking, price accuracy, visual product confirmation, and exportable client deliverables.
In side-by-side comparisons, the differences are clear. V2 brought better spacing, cleaner type, aligned icons, more descriptive microcopy, and consistent use of color to guide actions and states.
The screen for selecting between barcode scanning and product name search was redesigned for clarity. In V1, both actions looked the same. In V2, icons and short descriptions were added to make each option more visually distinct and easier to understand.
Scanner instructions were also updated to reduce user error. A note now reminds users to scan the manufacturer’s barcode on the product itself, not the one found on store shelves.
The integration of a new paid product API allowed us to display product thumbnails, accurate prices, and more detailed metadata. This also enabled us to add filters and search refinements so users could browse a full product catalog more efficiently.
In V1, the app offered fixed presentation packages like 'Good, Better, Best.' For V2, we replaced those with a flexible job summary input where contractors could write their own descriptions. This change gave users more control and better reflected real field conditions, especially when paired with AI assistance.
A major enhancement in V2 was invoice generation. Contractors can now generate downloadable invoices directly from job summaries.
Once an invoice is created, jobs are automatically marked as completed.
Outcomes
The ProsPrice app is now live on both the App Store and Google Play. The updated design, enhanced features, and improved user experience support faster quoting, clearer communication, and more efficient sales workflows for contractors.
Key Takeaways
This project is a clear example of how even rushed MVPs can evolve into polished, user-centered tools with thoughtful design intervention. By working within real-world constraints, collaborating closely with developers and project managers, and advocating for better UX and accessibility, I helped move ProsPrice from a minimal prototype into a more scalable, flexible platform. Every design decision in V2 was grounded in solving real user pain points and improving usability without sacrificing speed or clarity.