SupplyLink

B2B electrical and construction procurement app with volume tiering, job-site tagging, and purchase order routing.

Launch Interactive Simulator Download Study PDF

Classificationconcept Study

Delivery Stageinteractive prototype

Prototype TechNext.js / TypeScript

Target Production RuntimeFlutter

Operational Scenario

Mark, project procurement manager for an electrical contracting firm, orders 500 feet of industrial conduit, breaker panels, and wiring for Job Site #104 (City General Hospital). Consumer ecommerce shopping carts fail because he needs trade credit terms, volume tier pricing, and automated corporate PO authorization.

The Engineering Hurdle

Commercial contractors cannot use generic ecommerce carts: orders require job-costing accounting codes, staggered delivery dates across multiple project sites, and dual routing between field managers and corporate accounting for purchase order approval.

Demonstrated UX & Architecture Decision

Transparent separation between price quote requests and binding purchase orders. SupplyLink allows field foremen to assemble material manifests with job site delivery tags, dynamically calculating volume price breaks and routing high-value orders to the office finance queue for instant digital PO generation.

Field Manifest Creation to Corporate PO Dispatch

Simulator Blueprint

Select wholesale conduit → Allocate to Hospital Job Site #104 → Unlock tier discount → Route to Finance for approval → Confirm issued PO.

1Open SupplyLink electrical contractor wholesale catalog

2Add 500ft "2-inch Rigid Steel Conduit" to cart (unlocks Tier 3 15% discount)

3Assign order lines to Cost Code: "HOSPITAL-PHASE-2B (Job #104)"

4Specify delivery location: "Gate 4, North Tower Laydown Yard"

5Order total ($3,420.00) exceeds $2,500 field threshold: route to Office Finance

6Switch to Finance Officer: apply corporate digital stamp and generate PO #PO-8821

Reset Mechanism: One-click reset to initial empty procurement manifest.

Interactive Prototype SimulatorNext.js / TypeScript

SupplyLink: Field Manifest Creation to Corporate PO Dispatch

Journey Step 1 of 617% Complete

Current Operational Action:

Open SupplyLink electrical contractor wholesale catalog

Screens:

09:41

LTE

SupplyLink · Screen 1 of 5

Trade Wholesale Catalog

Bulk contractor supplies with contract pricing, live branch availability, and volume tiers.

Simulated Interface StateStage: idle

Active Domain Sector:B2B Wholesale & Contractor Procurement

Engine Runtime:Next.js / TypeScript

Proposed Mobile Stack:Flutter

Demonstrating verified state transitions and edge recovery for SupplyLink. Powered by Next.js / TypeScript simulation engine.

Handled Edge & Failure States

Credit limit threshold warning providing option to route high-value order for immediate wire transfer or invoice financing

Backordered supply split-delivery alert allowing available items to ship immediately while holding backordered lines

Expired volume pricing quote refresh prompt recalculating commodity copper/steel prices automatically

Actual Prototype Architecture

Framework & Engine:Next.js / TypeScript

Languages & Tools:TypeScript, Tailwind CSS

B2B commercial purchasing simulator with tiered quantity discounts, job-costing codes, and corporate PO approvals.

Proposed Production Architecture

Target Runtime:Flutter

Languages & Storage:Dart, REST ERP Gateway, PostgreSQL

Fast complex data entry on construction tablets, seamless ERP catalog synchronization, and PDF purchase order generation.

Explicit Limitations

Simulated in browser using local state machine; does not connect to live Epicor Prophet 21 / SAP B2B wholesale inventory databases.
Corporate PDF purchase orders generated client-side without live ERP electronic data interchange (EDI 850) protocols.

Need a similar mobile app?

We can adapt this architecture for your operational workflow with fixed-scope pricing.

Discuss this workflow