Designing a procure-to-pay web application for the construction industry.

The Brief

Constrafor provides a complete solution for contractors and sub-contractors to streamline all aspects of procurement in the construction industry, including finding ideal suppliers, document management, financing, etc.

As a UX/UI designer, my responsibilities include building information architecture, mapping out the user flows, creating wireframes, visual design, and click-through prototypes.



UX/UI Designer

July 2019 - Present


Today, the construction industry is one of the least digitalized industries. Many contractors still manually send and mange their bids. The procurement, however, is a complex process which includes finding suppliers to get quotes, sending RFQ, choosing quotes, contracting, etc. With the traditional practices, contractors not only spend a lot of time and effort to go through this process, but also easily loose track of their bids and miss updates from the stakeholders.

Thus, we aim to transform the way contractors procure with efficient and reliable software solutions to manage and keep track of all bids, as well as create a seamless information flow within the team and with their suppliers.


I started this project by reviewing the product requirements and expectation with the founder to create the alignment with business and user goals. I also started to do the competitive analysis to get myself quickly familiar with the domain knowledge and the flow of procurement process. And throughout the project, I still kept doing it to see how other competitors approach problems for different aspect of procurement.


After synthesizing the product requirements and insights from competitive analysis, I performed the task analysis and defined the user flows. I then started to sketch ideas and created low fidelity wireframes.

As our founder talked to more and more stakeholders, we recognized that we would need to add more features to our product and the complexity would continuously increase. To have the ability to scale on-demand, I worked with another UX designer to redefine the information architecture for different users, trying to provide our users with a clear user journey. 

Screen Shot 2020-04-30 at 1.50.39 PM.png
Screen Shot 2020-04-30 at 7.28.11 PM.png
Screen Shot 2020-04-30 at 3.33.23 PM.png
Screen Shot 2020-04-30 at 3.51.18 PM.png

From left to right and top to bottom: competitive analysis I continuously did to keep track with our competitors; some ideas and insights I gained from the competitive analysis; an early workflow of requesting bids that I created to align with my team and used in task analysis; an early information architecture I developed; some of the quick sketches I drew to explore the design and interaction; lo-fi wireframes I build to demonstrate interaction within our team. 

The challenge

How might we reimagine a procurement process that empowers contractors, optimizes the information flow, and mitigates the risks

I cannot show the majority of work I did at Constrafor due to NDA, but please feel free to reach out to me to discuss the UX design for SaaS and construction software. 🤘🏻