Beam Creative Catalog — Wholesale Storefront with Order System Sync

The Problem

Beam Creative had products and pricing but no way for customers to browse them independently. Every inquiry required back-and-forth emails: "What do you offer? How much for 500 units? Can I get a quote?" Meanwhile, any quotes generated needed to be manually entered into the order management system.

The Approach

Build a public storefront where customers can browse products, see transparent volume pricing, and submit quotes that automatically flow into BCOrderHaus. The key insight: the catalog doesn't need to handle payments or fulfillment — it just needs to generate qualified leads with enough detail that the order system can take over.

The Tech

The storefront features full-text product search, category filtering, and sorting. Each product page shows a volume pricing table with quantity tiers and an interactive "Build Your Quote" calculator.

The 4-step quote wizard walks customers through: product selection → contact details → artwork preferences → review and submit. On submit, the quote data fires to BCOrderHaus via API — a fire-and-forget sync that creates a new order entry with all the customer and product details pre-filled.

State management uses React Context with localStorage persistence, so customers don't lose their progress if they navigate away.

The Outcome

Customers can now self-serve from browse to quote request without a single email. Staff receive fully-formed quote requests in BCOrderHaus ready for pricing review, eliminating the manual data entry step. The two systems work as one seamless pipeline: storefront generates leads, order system handles fulfillment.