EZF Builder

Alongside rebuilding the entire EZ Form site from the ground up, I was tasked with renovating a woefully out-of-date product configuration app. The EZF Builder is a Vue app encapsulated within a WordPress plugin that enables users to build a coaxial cable assembly from EZ Form's WooCommerce products. From there, they get a PDF datasheet of their creation and EZ Form is notified so that they may produce a quote for the customer.

The app automatically filters down the available parts to those compatible with what the user has already added to the assembly, thus preventing any impossible configurations. The user also has access to a number of dropdown filters to further narrow the selection by product attribute.

My goal for the user experience was to make it as snappy and self-explanatory as possible. There's nothing I hate more than disruptive popups and "tours". Vue's reactivity provided for the snappiness, which in and of itself was a colossal improvement over the app I was replacing.