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 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. I increased the minimum font size to 14pt and refined spacing for better mobile readability. Visually, I introduced blue-tinted grays to soften the color palette while enhancing structure and preserving branding.

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 an initial product API. That early API relied on real-time scraping and often returned incomplete or delayed results. Despite that, we implemented a functional version that laid the foundation for future development.

From MVP to V2 (February 2024 Launch)

Real-world testing revealed user pain points that led to major design updates. We improved onboarding, clarified scanner instructions, redesigned product management, and added invoice and AI features. The UI was refined to better support navigation, job tracking, and accurate pricing.

The V2 Figma prototype captured key changes, including a reworked onboarding flow, clearer scanner instructions, improved product management, and new features like invoice generation and AI assistance. These were mapped in interactive prototypes to reflect real user journeys.

The biggest shift from V1 to V2 was the improved polish and usability. While the MVP was functional, V2 delivered a more refined, mobile-friendly product with better navigation and support for tasks like job tracking and invoice d

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.

Previous
Previous

The American Anthropological Association