Module 2: Smart Reorder Engine

Wireframe - UX Design Reference

Module Overview

Purpose: AI-powered forecasting and automated order generation based on consumption patterns

Primary Users: Kitchen managers, Purchasing staff, Venue operators

Key Features: Demand forecasting, Suggested orders, Multi-supplier view, Manual adjustments, Approval workflow

Average Flow Time: 5-10 minutes per order review cycle

Screen 1: Reorder Dashboard

UX Note: Entry point showing forecasting summary and order status. Quick access to generate new orders or review pending ones.
Smart Reorder
🔔
👤
Pending Orders
3
Ready for review
Stock Runout Risk
12
Items need attention
Next Delivery
Tomorrow
Supplier A - 9:00 AM
Recent Orders
Supplier A
23 items • £1,245
Sent
Supplier B
15 items • £890
Draft
Dashboard gives instant overview of order status and urgent items needing attention

Screen 2: Generated Order Review

UX Note: AI generates suggested orders. Users review and can accept, modify, or reject suggestions. Color coding shows urgency levels.
Review Order: Supplier A
AI Generated
23 Items • Total: £1,245
3 Urgent 5 Low
All (23)
Urgent (3)
Low Stock (5)
Chicken Breast (2kg)
Current: 5kg • Forecast: 35kg needed
AI Suggests: 30kg (15 packs)
£225
£15/pack
Olive Oil (1L)
Current: 8L • Forecast: 15L needed
AI Suggests: 12L (12 bottles)
£96
£8/bottle
Pasta (500g)
Current: 25kg • Forecast: 40kg needed
AI Suggests: 15kg (30 packs)
£45
£1.50/pack
Color-coded borders show urgency (red=urgent, yellow=low, green=normal). AI provides quantity suggestions based on forecasting.

Screen 3: Manual Adjustment Interface

UX Note: Users can override AI suggestions with manual quantities. Shows impact of changes on costs and stock levels.
Adjust: Chicken Breast
AI Suggestion
30kg
15 packs • £225
Your Adjustment
24kg
12 packs • £180
Quick Adjust:
Forecast Context
• Current stock: 5kg (2 days remaining)
• 7-day forecast: 35kg needed
• Next delivery: 7 days from now
• Average daily usage: 5kg
⚠️ Low Quantity Warning
Your quantity (24kg) may not be enough to meet forecasted demand (35kg). Consider ordering more.
Real-time warnings help users understand impact of manual adjustments vs AI recommendations

Screen 4: Multi-Supplier Order Overview

UX Note: View and manage orders across multiple suppliers. See which items go to which supplier and total costs.
All Pending Orders
3 Pending
Supplier A - Fresh Foods Draft
Next delivery: Tomorrow, 9:00 AM
Items
23
Total
£1,245
Urgent
3
Supplier B - Dry Goods Draft
Next delivery: Thursday, 2:00 PM
Items
15
Total
£890
Urgent
1
Supplier C - Beverages Sent
Sent: Today, 11:30 AM • Arrives: Friday
Items
8
Total
£445
Status
Confirmed
Color-coded cards help distinguish between suppliers. Clear status badges show order progress.

Screen 5: Final Approval & Send

UX Note: Final review before sending order to supplier. Shows summary, allows adding notes, and confirms via email/integration.
Send Order
Draft
Order Total
£1,245
23 items • Supplier A - Fresh Foods
Tomorrow, June 15th
9:00 AM - 11:00 AM
Order Sent Successfully!
Confirmation sent to supplier@example.com
Confirmation checkbox and clear summary prevent accidental order sends. Success state provides reassurance.

Design Guidelines - Module 2

Color Coding System

Urgent
Red - Stock critically low
Low Stock
Yellow - Needs attention
Normal
Green - Stock healthy

Key Interactions

Responsive Behavior