In B2B e-commerce and wholesale trade, procurement is rarely as simple as clicking "Add to Cart." When we took on the task of building a digital portal for **WatFix Chemicals**, we quickly realized the immense friction present in industrial sourcing. Chemical sourcing involves strict quantity constraints, custom grades, logistic variables, and formal Request for Quote (RFQ) pipelines.

Before digitizing, WatFix Chemicals handled sourcing via back-and-forth emails, phone call negotiations, and manually typed PDF invoices. This was slow and caused a high drop-off rate among prospective buyers. In this case study, I'll walk through how we mapped this physical, high-friction workflow into a zero-friction digital sourcing portal.

1. The Core Challenge: Sourcing is Not Standard E-Commerce

Unlike standard consumers buying clothes online, chemical buyers need to know specific technical details before making bulk inquiries. We identified three major user roadblocks:

  1. Missing technical specifications: Buyers need instant access to Material Safety Data Sheets (MSDS) and Certificates of Analysis (COA) for specific chemical batches.
  2. Friction in price negotiation: Since prices fluctuate daily based on order weight and shipping locations, standard fixed-pricing models fail.
  3. Inefficient communications: Purchasing managers are busy and will ignore portals that require filling out endless, complex contact forms just to get a simple raw material quote.

2. Designing the Clean, Fast Product Directory

We built the portal around a lightning-fast, searchable product database. Instead of hiding specifications behind lockouts, we made MSDS sheets and batch grades instantly downloadable. This established immediate technical trust with purchasing managers.

Furthermore, we added search filters customized for the industry, allowing users to search by Chemical Abstracts Service (CAS) registry numbers, batch grades, and packaging quantities.

3. Engineering the Smart RFQ Pipeline

Rather than using a generic "Contact Us" form, we built an interactive **RFQ (Request for Quote) Basket** that mimics a classic consumer shopping cart. Here's how it works:

  • The buyer browses chemicals and adds the desired materials to their quote basket.
  • Inside the basket, the buyer enters their target delivery date, shipment address, and packaging requirements (e.g. 50kg drums vs 1,000kg IBC containers).
  • The submission form instantly runs client-side validations to ensure CAS codes and weight requirements are correct.

When submitted, this data triggers a serverless background script. It automatically calculates logistics bounds, structures a formal quote request document in PDF format, and inserts the record into WatFix's admin dashboard, sending instant notifications to the sales team.

The Results & Growth Metrics

By streamlining raw material lookups and replacing traditional email negotiation loops with a clean RFQ pipeline, the results were dramatic:

  • 45% Increase in qualified leads: Purchasing managers submitted quote requests much faster because of the zero-friction layout.
  • Reduction in sales cycle time: The sales team received fully detailed quote parameters (CAS number, weight, location) instantly, eliminating back-and-forth verification emails.
  • High search traffic: By structuring chemical CAS numbers and names in clean, semantic HTML subpages, search engines indexed the products, generating daily organic B2B leads.

Conclusion

Modern B2B portals don't need to be clunky or complicated. By applying high-end UI practices, clean typography, and a tailored user flow to industrial procurement, we turned a traditional B2B process into a powerful growth tool for WatFix Chemicals.

Previous Story
Fixing Canonical Redirect Loops on Vercel Custom Domains