eMenu Dashboard
eMenu Dashboard is an enterprise restaurant command center designed for hospitality operators, general managers, and franchise owners. It bridges active front-of-house handheld POS terminals with back-office financial telemetry, outlet fleet operations, dynamic QR menus, visual menu builders, and instant payment settlement.
I led the end-to-end UX/UI design and systems architecture — transforming complex, multi-branch restaurant reporting and terminal syncing into an actionable, real-time command center optimized for high-pressure service environments.
- My role
- Lead Product Designer (UX/UI & Systems Architecture)
- Timeline
- 2026 (Iterative Design Sprints)
- Team
- Product Manager, Hospitality Ops Lead, POS Engineers, Frontend Devs
Explore the live responsive dashboard prototype with multi-device controls.
Key contributions
- App-to-Terminal Operations Architecture: Led end-to-end UX/UI design unifying real-time POS handheld terminal syncing, shift reconciliation, and back-office financial ledgers.
- Visual Drag-and-Drop Menu Builder: Created an intuitive dual-pane category manager paired with a live, real-time guest mobile preview simulation.
- Live Kitchen Kanban Pipeline: Designed the high-throughput order hub mapping ticket states (Pending, Accepted, Preparing) with elapsed order station timers.
- Dynamic QR Studio & Floor Fleet: Designed an in-browser vector QR generation studio featuring live logo embedding, custom color styling, and zone-based floor management.
- Multi-Acquirer Regional Gateway Wizard: Designed an error-tolerant 3-step payment onboarding wizard supporting regional routing across the UAE, Bahrain, Oman, and India.
Impact & outcomes
- 60% Faster Menu Publishing: Synchronous mobile preview and drag-and-drop category restructuring cut menu updates from days to minutes.
- Sub-Second Kitchen Sync: Live Kanban board with color-coded preparation timers eliminated missed kitchen tickets and expedited line cooking.
- Zero Reconciliation Errors: Automated 12:00 AM Z-Report scheduling and split-billing governance eliminated shift-end till discrepancies.
- 3-Minute Gateway Configuration: Guided setup with automated credential verification enabled non-technical managers to activate payment providers without IT assistance.
Design process & discovery
Paper wireframing & rapid ideation
Before committing to high-fidelity layouts, the design process began with extensive exploratory paper sketches and low-fidelity concept wireframes. Hand-drawn interface flows mapped out complex restaurant operational loops — from fast tableside order capture to multi-terminal reconciliation — identifying critical friction points early in the lifecycle.
- Hand-Drawn Layout Blueprints: Rapidly validated modular dashboard widget grids, terminal sync indicators, and multi-tier navigation hierarchies on paper.
- Operator Workflow Mapping: Diagrammed the handoff between floor waitstaff running handheld POS units and shift managers monitoring live table turnover.
- Friction Discovery: Pinpointed cognitive overload caused by redundant legacy POS submenus, reducing 8 fragmented legacy screens down to a single contextual hub.
Field observation & iterative synthesis
Hospitality operations happen in noisy, fast-paced, split-second environments. By shadowing dining room supervisors and cashiers during peak lunch and dinner rushes across UAE restaurants, key design principles emerged: high data legibility, low interaction latency, and instant error prevention.
- Glanceable Telemetry: Emphasized high-contrast tabular typography for Net Sales, Average Check, and live order volume visible across the counter.
- Unified Feedback Loops: Replaced ambiguous sync status icons with definitive real-time badge states and instant offline recovery alerts.
- Zero-Training Onboarding: Formulated intuitive design patterns that enable new managers to configure branches, menus, and payment gateways with zero prior training.
Command center architecture
Live operational telemetry
The central dashboard serves as the operational pulse for the restaurant. Instead of burying critical KPIs behind multiple report tabs, high-priority performance metrics are displayed in prominent, scannable cards engineered for immediate decision-making.
- Key Metric Hierarchy: Instant access to Net Sales (AED 1,029), Average Check (AED 45.00), Total Orders (32), and gross revenue trajectories.
- Service Channel Breakdown: Clear visual segmentation comparing Total Dine-In, Delivery, and Takeaway orders in real time.
- Hourly Sales Distribution: Interactive pulse bar chart revealing peak dining hours to help managers balance kitchen staffing.
Ergonomics & cognitive clarity
Hospitality software must deliver dense information without causing visual fatigue. The layout incorporates generous whitespace, crisp border tokens, and strict tabular numerals so managers can audit figures accurately under varying ambient lighting conditions.
- Visual Hierarchy: Controlled typography scale using bold Arges display headers paired with clean system sans-serif body copy.
- Contextual Quick Actions: One-click shortcuts for adding manual orders, exporting financial reports, and adjusting shift permissions.
- Responsive Grid: Fluid layout adapting seamlessly across desktop management workstations, counter tablets, and manager smartphones.
Visual menu builder & mobile preview
Drag-and-drop category architecture
Restaurant menus evolve continuously with chef specials, seasonal rotations, and ingredient availability. I designed a fluid, modular menu structure builder allowing operators to reorder courses (Bestsellers, Pizza, Main Courses, Sides, Drinks) with effortless drag-and-drop handles.
- Structured Section Hierarchy: Intuitive category reordering with live item count chips (e.g., Bestsellers 3 items, Pizza 2 items).
- Rapid Dish Creation: Contextual "+ Add Section" and inline dish modifier editors requiring zero complex navigation.
- Safe Draft Lifecycle: Explicit Draft and Publish states preventing incomplete menu alterations from disrupting live dining room service.
Synchronous guest mobile simulation
A major pain point in legacy restaurant POS software is not knowing how menu changes will render to customers. The builder pairs the category editor side-by-side with an interactive smartphone simulation showing the exact guest eMenu experience.
- Real-Time Visual Parity: Image uploads, pricing updates, and category badges render immediately in the phone frame preview.
- Quantity Stepper & Cart Ergonomics: Verifies tap targets, thumbnail aspect ratios, and modifier popups on actual mobile viewport widths.
- Instant Multi-Terminal Push: Publishing instantly deploys verified menu updates across all customer QR codes and waitstaff POS units.
Kitchen order hub & ticket pipeline
High-throughput kitchen Kanban & grid flow
Kitchen lines cannot afford cognitive friction during busy dinner rushes. The Live Order Hub organizes incoming orders into dual operational views: a 3-stage visual Kanban pipeline (Pending, Accepted, Preparing) and a dense color-coded table ticket grid with live station timers.
- Dual Board & Grid Modes: Instant toggle between multi-column Kanban queues and visual table ticket matrices with zoom magnification.
- Active Station Timers: Real-time timer pills (e.g., 0m 12s, 0m 37s) alerting expeditors before order preparation times exceed thresholds.
- Live Event Stream: Instant Activity Log tracking ticket lifecycle transitions (Completed, Failed, Rejected, Cancelled) with zero reload lag.
Slide-over order drawer & split payments
Clicking any table order tile opens an itemized slide-over drawer (such as Order #3216) displaying ordered courses, guest contact details, and dynamic payment telemetry without obscuring the active kitchen order board.
- Itemized Ticket Breakdown: Detailed courses, item quantities, and pricing (Margherita Pizza, Lattes) with real-time tax calculation.
- Split Payment Execution: Direct button triggering flexible bill-splitting while tracking paid ($11.40) versus pending ($30.60) balances.
- Instant Thermal Print: One-click printing sending formatted kitchen tickets and customer receipts directly to thermal hardware.
Dynamic QR studio & floor fleet
In-browser brand personalization
To eliminate generic black-and-white printouts, I designed a real-time visual customizer drawer. Operators can upload custom restaurant logos, adjust badge sizing and margins, configure high-contrast color palettes, and preview scannability dynamically before deploying to dining tables.
- Logo Embedding & Scaling: Contextual asset uploader supporting SVG, PNG, and JPG with automatic center-mask positioning and scaling sliders.
- Real-Time Color Styling: Independent color pickers for QR foreground matrix and background container to match restaurant interior aesthetics.
- Vector Export & Print Readiness: Dual download actions for scalable SVG (for acrylic printing) and high-DPI PNG (for thermal stencils).
Multi-zone dining room fleet & bulk tools
Managing dozens of tables across complex dining layouts requires clear spatial hierarchy. The table management console segments floors into zones (Main Dining, Patio, Booths, Bar) with floating bulk actions to configure or activate entire dining rooms in seconds.
- Floating Bulk Toolbar: Contextual action dock ("10 selected") offering single-click Customize, Activate, Deactivate, Download, and Delete.
- Missing QR Detection: Smart notification badge flagging unassigned or missing table codes (e.g., "Generate Missing QR: 2").
- Dual View Flexibility: Seamless toggle between dense tabular list view and visual card grid showcasing real-time table status pills.
Payment pulse & telemetry
Transactional clarity & revenue flow
Managing restaurant cash flow requires real-time transparency. The Payment Pulse module aggregates incoming transactions across all connected handheld terminals and table QR codes, visualizing payment method breakdowns with micro-second accuracy.
- Tender Method Split: Instant visibility into Apple Pay, Credit Card, Cash, and QR Online payments to simplify evening till reconciliation.
- Peak Velocity Tracking: Time-series revenue curves showing transaction frequency, helping kitchen and floor staff anticipate rushes.
- Automated Discrepancy Alerts: Immediate flagging of uncollected bills, split payment imbalances, and pending terminal settlements.
Actionable financial intelligence
Rather than static spreadsheets, the analytics engine translates raw transaction logs into actionable operational insights for store managers and franchise accountants.
- Average Order Value (AOV): Live computation of per-seat spending patterns to assess promotional upsell effectiveness.
- Single-Click Re-sync: Manual and automated supervisor reconciliation triggers to ensure POS terminal batch sync without downtime.
- Export & Tax Compliance: Pre-formatted VAT summaries, Z-Reports, and ledger exports compliant with UAE FTA tax reporting.
Multi-branch fleet control
Centralized multi-location control
Growing restaurant brands operate across multiple outlets, food halls, and cloud kitchens. The Manage Outlets module provides a centralized command center to oversee fleet status, device connectivity, and branch-level operating hours from a single login.
- Unified Branch Roster: Instant status indicators displaying live active terminals, tables occupied, and current revenue per location.
- Branch Switching: Seamless one-click context switching between flagship dining rooms, pop-ups, and express kiosks.
- Role-Based Permissions: Granular access control separating franchise owners, area managers, and branch supervisors.
Global menu & price synchronization
Publishing new seasonal dishes or updating supplier pricing previously required manual updates on every terminal. The fleet architecture synchronizes changes globally or overrides them per location with a single action.
- Instant Menu Push: Update dish descriptions, modifiers, and high-res photography across 50+ devices in under 2 seconds.
- Location-Specific Pricing: Configure dynamic pricing and localized tax structures tailored to specific retail jurisdictions.
- 86'd Item Synchronization: Real-time out-of-stock toggles propagate immediately to both waitstaff POS handhelds and customer QR eMenus.
Fiscal governance & tipping architecture
Automated fiscal compliance & Z-reports
Hospitality operations are strictly governed by regional tax regulations. I designed an intuitive Order Configuration console allowing managers to enforce transaction caps, bill-splitting limits, tax inclusivity toggles, and automated daily sales closure.
- Automated 12:00 AM Z-Report: Scheduled daily financial reconciliation eliminating end-of-day operator manual tallying.
- Bill Split Governance: Configurable maximum bill division parameters (up to 10 ways) preventing till deadlock during large banquets.
- Auto Close Order Switch: Closes orders immediately upon settlement confirmation to release table states for new guest seating.
Frictionless split billing & gratuity options
Waitstaff tips and bill splitting are central to customer satisfaction. The checkout engine provides flexible split-payment modalities (Split Equally vs. Split by Item) and customizable tipping parameters.
- Split Equally vs. By Item: Contextual modal letting guests divide bills equally by headcount or assign specific menu items per person.
- Percentage vs. Fixed Gratuity: One-click toggle between percentage-based tipping and flat currency rates (AED).
- Custom Tip Amount Toggle: Allows diners to enter custom tip values on handheld POS units without awkward staff interaction.
Multi-region gateway onboarding
Guided regional payment routing
Restaurant chains operating across the GCC and South Asia face fragmented acquiring ecosystems. The payment gateway wizard introduces a guided 3-step setup that dynamically detects and routes transactions based on business jurisdiction.
- Localized Region Filtering: Interactive country selector supporting the United Arab Emirates, Bahrain, Oman, and India.
- Acquirer Pre-Qualification: Dynamically displays certified regional providers, including Network International and DPO Gateway.
- Multi-Currency Compatibility: Automatic settlement currency configuration in AED, BHD, OMR, and INR to avoid cross-border conversion fees.
Automated credential validation & resilience
Replaced ambiguous API configuration screens with an error-tolerant onboarding wizard that verifies terminal IDs and webhook secret keys in real time before going live.
- Real-Time Connection Ping: Automated handshake verification confirming merchant account active status prior to activation.
- PCI-DSS Level 1 Security: End-to-end tokenized credentials with masked storage preventing sensitive API exposure.
- Active Provider Switcher: Seamless fallback switching between primary and secondary payment gateways to ensure zero transaction loss during peak hours.
Ecosystem in-situ & merchant support
Real-world tableside deployment
Hospitality interfaces live beyond Figma mockups. The eMenu Dashboard was designed and tested directly in live Dubai dining rooms — shown here running on a MacBook Air in a bustling cafe, tracking 120 active menu items, popular dishes, and ambient weather telemetry.
- Real-World Ergonomics: Calibrated contrast ratios readable under warm dining room pendant lights and natural daylight.
- Contextual Greetings & Weather: Welcoming shift supervisors (Maricel) with localized time (01:57 PM) and Dubai weather conditions (24°C Sunny).
- Live Inventory Alerts: Proactive notifications warning managers of depleted kitchen stock (Chicken Fillet, Fresh Vegetables).
Dedicated 24/7 merchant care
Mission-critical food service requires instant human support. The Merchant Support Hub embeds direct access to specialized Network International teams across email, phone, and conversational WhatsApp Business.
- Technical Onboarding (01): Direct email channel (NDOnboarding@network.global) available 24/7 for hardware provisioning.
- Dedicated Account Manager (02): Priority access for enterprise restaurant franchises to optimize payment routing.
- WhatsApp Business (04): Live instant messaging resolution with sub-minute response times for urgent tableside queries.
