FoodOrder Pro

B2B Food Service Ordering

Page 1 of 8 — Home & Quick Reorder

Home & Quick Reorder

Home & Quick Reorder Flow

01 — Dashboard Home
9:41
●●●

Good Morning, Chef Marco

Next delivery: Tuesday 6:00 AM

🚚
24
Active Orders
$12.4K
This Month
98%
On-Time
Quick Reorder — Last Week
🥩

Chicken Breast 10kg

$64.50 $72.00
★★★★★
🥬

Romaine Lettuce Case

$28.00 $32.00
★★★★★
🫒

Extra Virgin Olive Oil 5L

$42.00 $48.00
★★★★★
Upcoming Deliveries

Tue

6AM

Bulk Protein Order

3 items · 48kg total

Thu

8AM

Produce & Dairy Run

12 items · Mixed case

Home
Catalog
Order
Alerts
Account
02 — Frequent Purchases
9:41
●●●
Your Top Ordered Items
All
Proteins
Produce
Dairy
Dry Goods
🥩

Beef Tenderloin 5kg

$189.00 $210.00
★★★★★
🍤

Tiger Prawns 2kg

$74.00 $88.00
★★★★★
🧀

Parmesan Block 2kg

$54.00 $62.00
★★★★★

47

Orders This Quarter

↑ +8%

$3,240

Avg. Monthly Spend

↑ +5%

Home
Catalog
Order
Alerts
Account

Home & Quick Reorder

Product Catalog

Product Catalog Flow

01 — Browse Categories
9:41
●●●
🔍
All
Proteins
Produce
Dairy
Dry Goods
Frozen
🥩 Proteins
🥬 Produce
🧀 Dairy
🌾 Dry Goods
🫙 Pantry
🧊 Frozen

Bulk Savings Active

Order 5+ cases, save 12%

💰
Featured — Your Account Pricing
🐟

Atlantic Salmon Fillet 2kg

$68.00 $80.00
★★★★★
🥩

Pork Belly Slab 3kg

$52.00 $64.00
★★★★★
Home
Catalog
Order
Alerts
Account
02 — Product Detail
9:41
●●●
Chicken Breast — Boneless Skinless

$64.50

Per 10kg Case (Your Price)

↑ Save $7.50

10kg
Case Weight
24
Cases In Stock
MOQ 1
Min Order
85%

Stock Level

204 of 240 cases

1 Case
2 Cases
5 Cases
10 Cases
Custom

Next

Ship

Order by 2PM today

Delivers Tuesday 6:00 AM

Bulk

Deal

5+ Cases — Save 8%

Auto-applied at checkout

Home
Catalog
Order
Alerts
Account

Product Catalog

Bulk Order Builder

Bulk Order Builder Flow

01 — Active Order Build
9:41
●●●

Build Your Order

Template loaded: Weekly Proteins

📋
Current Build
Templates
Import CSV
🥩

Chicken Breast 10kg × 4

$258.00 $288.00
★★★★★
🥩

Beef Striploin 5kg × 2

$168.00 $192.00
★★★★★
🍤

Prawns Headless 2kg × 3

$198.00 $228.00
★★★★★

$624.00

Order Subtotal

↑ Saving $78

Min. Order Threshold — $500100%
Home
Catalog
Order
Alerts
Account
02 — Saved Templates
9:41
●●●
One-Tap Order Templates

12

items

Weekly Protein Pack

Last ordered: 3 days ago · $624

8

items

Produce & Dairy Bundle

Last ordered: 1 week ago · $312

20

items

Full Restaurant Restock

Last ordered: 2 weeks ago · $1,840

3

Saved Templates

↑ + Create New

72%

Budget Used

$2,480 of $3,400 monthly

Home
Catalog
Order
Alerts
Account

Bulk Order Builder

Cart & Checkout

Cart & Checkout Flow

01 — Cart Review
9:41
●●●
Your Order — 9 Items
🥩

Chicken Breast 10kg × 4

$258.00 $288.00
★★★★★
🥩

Beef Striploin 5kg × 2

$168.00 $192.00
★★★★★
🍤

Tiger Prawns 2kg × 3

$198.00 $228.00
★★★★★
$624
Subtotal
$78
Saved
Free
Delivery
100%

MOQ Met

Threshold reached

Tue

6AM

Estimated Delivery Window

Standard next-day cold-chain route

Home
Catalog
Order
Alerts
Account
02 — Order Confirmation
9:41
●●●

Order Confirmed!

#FSO-20482 · Delivers Tue 6:00 AM

✅
9
Items
$624
Total
Tue 6AM
Delivery

Now

Order Received

Processing at warehouse

Mon

10PM

Dispatch Scheduled

Cold-chain transport booked

Tue

5AM

Driver En Route

Call 30 min before arrival

$78.00

Saved on This Order

↑ Bulk pricing applied

Home
Catalog
Order
Alerts
Account

Cart & Checkout

Order Tracking

Order Tracking Flow

01 — Order History
9:41
●●●
All Orders
Delivered
Pending
Invoiced

$12,480

Spend This Year

↑ +18% vs last year

Apr

21

#FSO-20481 · $624 · 9 items

Delivered ✓ Tue 6:02 AM

Apr

14

#FSO-20465 · $1,840 · 20 items

Delivered ✓ Mon 6:48 AM

Apr

7

#FSO-20448 · $312 · 8 items

Delivered ✓ Mon 6:15 AM

Mar

31

#FSO-20430 · $890 · 13 items

Delivered ✓ Tue 7:00 AM

Monthly Spend (Last 6 Months)

Nov
Dec
Jan
Feb
Mar
Apr
Home
Catalog
Order
Alerts
Account
02 — Live Order Tracking
9:41
●●●

Order #FSO-20482

ETA: Tuesday 5:52 AM — On Schedule

🚚
65%

In Transit

42 km remaining

Mon

10PM

Dispatched from Warehouse

Cold-chain truck · REG: XYZ 1234

Tue

2AM

Distribution Hub Checkpoint

Temperature verified — on schedule

Tue

5AM

Arriving Soon

Driver: James · +61 4XX XXX XXX

52 min

ETA to Your Site

↑ On time

Home
Catalog
Order
Alerts
Account

Order Tracking

Admin Dashboard

Admin Dashboard Flow

01 — Sales Overview
app.example.com/admin-dashboard
MENU
Dashboard
Analytics
Customers
Products
Pricing Rules
Notifications
B2B Orders Dashboard — Week of Apr 21
$84,240
Weekly Revenue
312
Orders Placed
148
Active Accounts
98.2%
Fulfillment Rate

Daily Order Volume This Week

Mon
Tue
Wed
Thu
Fri
Sat
Sun

$270

Avg. Order Value

↑ +12%

4.2 days

Avg. Reorder Cycle

↑ -0.3 days

9:14

AM

#FSO-20488 — The Grill House Group

$1,240 · 14 items · Dispatching

8:52

AM

#FSO-20487 — Marco's Bistro & Bar

$624 · 9 items · Processing

8:30

AM

#FSO-20486 — Sunshine Hotel Catering

$3,100 · 28 items · Confirmed

02 — Product Performance
app.example.com/admin-dashboard
MENU
Dashboard
Analytics
Customers
Products
Pricing Rules
Notifications
Top Products by Revenue — April

Revenue by Category

Proteins
Seafood
Produce
Dairy
Pantry
Frozen
🥩

Chicken Breast 10kg

$18,240 Revenue 284 orders this month
★★★★★
🥩

Beef Striploin 5kg

$14,880 Revenue 198 orders this month
★★★★★
🍤

Tiger Prawns 2kg

$11,960 Revenue 162 orders this month
★★★★★

2,400+

Active SKUs

↑ +24 added this week

Admin Dashboard

Customer & Pricing Management

Customer & Pricing Management Flow

01 — Customer Accounts
app.example.com/customer-pricing-management
MENU
Dashboard
Analytics
Customers
Products
Pricing Rules
Notifications
B2B Customer Accounts
148
Active Accounts
$84K
Avg Monthly Revenue
12
Pricing Tiers
94%
Retention Rate
All
Platinum
Gold
Silver
Inactive

PLAT

The Grill House Group — 5 venues

$24,800/mo · Bold Tier: Platinum · Rep: Sarah K.

GOLD

Marco's Bistro & Bar

$8,400/mo · Bold Tier: Gold · Rep: James T.

GOLD

Sunshine Hotel & Catering

$12,100/mo · Bold Tier: Gold · Rep: Sarah K.

SILV

Corner Cafe — George St

$2,200/mo · Bold Tier: Silver · Rep: Mike R.

$280K

Pipeline (90 Days)

↑ +8 new accounts

02 — Bold Pricing Rules
app.example.com/customer-pricing-management
MENU
Dashboard
Analytics
Customers
Products
Pricing Rules
Notifications
Bold Pricing — Customer-Specific Rules
Price Tiers
Volume Discounts
Account Overrides
Sync Log
100%

Shopify Sync

Last sync: 2 min ago

PLAT

Platinum — 15% Base Discount

8 accounts · 2,400 SKUs · Auto-applied

GOLD

Gold — 10% Base Discount

34 accounts · 2,400 SKUs · Auto-applied

SILV

Silver — 5% Base Discount

62 accounts · 1,800 SKUs · Auto-applied

Accounts by Discount Tier

15%+
10-15%
5-10%
0-5%

Customer & Pricing Management

FoodOrder Pro

V1 Deliverables

Feature Stack & Deliverables

Complete overview of confirmed features, deliverable items, and technical architecture for FoodOrder Pro.

🏗️

Tech Stack

React NativeShopify Storefront APIBold PricingNode.js + ExpressPostgreSQLFirebase
⚡

Core Technologies

⚛️
React Native — Cross-platform iOS & Android mobile app via Expo
🛍️
Shopify Storefront API — Product catalog, cart, order management & customer auth
💲
Bold Pricing — Customer-specific B2B price tiers and volume rules
🟢
Node.js + Express — Backend API, Shopify webhook handler, sync orchestration
🐘
PostgreSQL — Order history, templates, account preferences
🔥
Firebase — Real-time push notifications and live order tracking
📦

V1 Deliverables Checklist

  • iOS & Android native app built with React Native (Expo managed workflow)
  • Shopify Storefront API integration with customer-scoped session tokens
  • Bold Pricing sync layer for real-time B2B account-specific pricing
  • Bulk order builder with saved templates and CSV import support
  • One-tap reorder from history with live inventory availability check
  • Admin web dashboard for order management, analytics, and customer accounts
  • Push notifications for order confirmation, dispatch alerts, and delivery ETA
  • Offline-capable product catalog with background sync on reconnect
  • Figma design system with OS 2.0 compatible component library
  • CI/CD pipeline with App Store and Google Play Store deployment configuration
🔧

Architecture Layers

Mobile App
React Native + Expo
Customer-facing iOS & Android: catalog browsing, bulk ordering, order templates, live tracking, push notifications
Web Admin Panel
React + Tailwind CSS
Internal dashboard: order management, customer accounts, Bold Pricing rules, revenue analytics
API & Integration Layer
Node.js + Express
Shopify webhook handler, Bold Pricing sync, order orchestration, JWT customer auth middleware
Shopify Backend
Storefront API + Admin API
Product catalog, cart management, order creation, customer accounts, Bold Pricing app integration
Data & Notifications
PostgreSQL + Firebase
Order templates, history cache, customer preferences, real-time push notification delivery

FoodOrder Pro V1 Prototype