During onboarding, vendor lands on an empty menu screen with an empty-state illustration and CTA.

Design rationale: Frames menu creation as the primary action required to start selling, while using an empty state to guide first-time vendors without overwhelming them with many instructions.

Clear CTA: “Add your first menu category (e.g. Platters, Wraps).”

Design rationale: Explicit language makes it clear that categories have to be added first since items are later added to each category.

Vendor adds items with name, price, illustration, and allergens.

Design rationale: Structured inputs ensure consistency in pricing and allergen disclosure, preventing disputes and improving customer trust.

Vendor can pause onboarding and return later.

Design rationale: It is realistic to allow setup to happen in increments and prevents overwhelming the vendor, instead of forcing completion in one session under time pressure.

Vendor sees published categories and items.

Design rationale: Provides immediate feedback on setup progress and signals that the vendor is ready to accept digital orders.

Vendor sees active orders with clear status labels (e.g., “In progress,” “Ready for pickup”) and incoming orders that require confirmation. Each order includes a timestamp.

Design rationale: Clear status states and timestamps reduce cognitive load during peak hours and help vendors prioritize orders based on customer order time.

Vendor confirms an incoming order and reviews any written customizations.

Design rationale: Written confirmations eliminate verbal miscommunication. Confirming an order lets customers know that their order is actively being prepared.

Vendor updates the order status, triggering a notification to the customer.

Design rationale: Status-based notifications replace shouted names in crowded environments and let customers know exactly when to head to the cart.

Customer provides PIN; vendor verifies in-app.

Design rationale: PIN verification ensures the correct order is handed to the correct customer, reducing errors and building trust during busy pickup moments.

Vendor sees a confirmation screen with a subtle checkmark indicating the order is complete.

Design rationale: Clear completion feedback provides operational closure and confirms successful payout in the transaction process.

These offer guidance since onboarding can feel overwhelming or confusing.

Short descriptions during location setup helps customers easily find carts in busy street environments.

Menu setup can be time-intensive, especially when verifying allergen information. Allowing vendors to skip this step for now supports flexible, real-world workflows without blocking onboarding completion.

Neutral food illustrations without item labels communicate an empty state while encouraging action, without implying that any menu items already exist. Muted gray text reinforces that the menu has not yet been built.

Common halal cart items are pre-filled within each category, allowing vendors to add items with a single tap instead of creating everything from scratch.

Each item includes a default illustration, so vendors only need to adjust pricing and allergens without sourcing their own photos. This maintains brand cohesion and prevents low-quality images from impacting the customer experience.

For unique menu items, vendors can upload their own photo and create custom item names, keeping the system flexible without sacrificing structure.

Common food allergens are selectable with a single tap, reducing manual entry.

A simple toggle lets vendors mark items as unavailable, keeping menus up to date without deleting or rebuilding listings.

Common halal cart items are pre-filled within each category, allowing vendors to add items with a single tap instead of creating everything from scratch.

Each item includes a default illustration, so vendors only need to adjust pricing and allergens without sourcing their own photos. This maintains brand cohesion and prevents low-quality images from impacting the customer experience.

For unique menu items, vendors can upload their own photo and create custom item names, keeping the system flexible without sacrificing structure.

Common food allergens are selectable with a single tap, reducing manual entry.

A simple toggle lets vendors mark items as unavailable, keeping menus up to date without deleting or rebuilding listings.

Vendors verify the customer’s PIN before handing off the order, ensuring the correct order goes to the correct person during busy pickup periods.

A subtle green checkmark animation confirms successful pickup and signals that payment is processing, providing clear operational closure without disrupting the workflow.