Hypothetical brief
A fixings and site-supplies distributor with 9,000 SKUs wants trade customers to order online as fast as they do by phone.
Design direction
Industrial clarity: steel greys, a single amber for stock and action, SKU-first information architecture. Every screen answers three questions — is it right, is it in stock, what does it cost me.
Aa
- Category
- Commerce / B2B
- Scope
- Catalogue, trade accounts, ordering, field app
- Data
- All products and prices are illustrative
- Status
- Concept — not a client project
Interface 01 — Catalogue, account pricing, detail
Your prices, not the list price.
KS-2104
Stainless dome washer M10
- Material
- A4 stainless
- Size
- M10 × 30 mm
- Standard
- DIN 9021
- Finish
- Plain
Quantity breaks · illustrative
1–9£14.3510–49£13.6250+£12.88
Line £136.16
All products, stock levels and prices on this page are illustrative data for a design concept.
Journey — Order pad
Build it, reference it, send it to site.
Trade orders need a PO and a delivery site. The pad validates both before anything leaves — and nothing here is actually sent.
Order pad1 line
KS-0918× 4£77.69
Total ex. VAT £77.69
Responsive — Field use
Gloves on, one hand, bad signal.
On mobile the catalogue gives way to what’s needed on site: last orders, big targets, and one-tap reorder into the same pad. Try it — lines appear in the order pad above.
SKU-first structureTrade buyers know codes. Search, rows and detail all lead with them.
Account-aware pricingPricing resolves per account and quantity; guests see list prices, never a trade customer’s terms.
One order padDesktop and field app write to the same pad, so an order can start on site and finish in the office.
IntegrationIn production: ERP for stock and account pricing, and order submission to the existing sales ledger.