B2B SaaS Case Study · Product Design & Engineering · 2026

Table Hawk — Unified Restaurant Management Ecosystem

A real-time restaurant operating system connecting dining floor seating, front-of-house billing, and kitchen station displays — designed to eliminate miscommunicated orders, cut billing wait times, and keep tables moving smoothly during peak rush.

View Live Project ↗
Demo Login: owner@teesta.com / admin
Role Product Designer & Builder
Platforms Web App & Mobile PWA
Tools & Stack Next.js 16, TypeScript, Tailwind, SQLite
Target Venues Multi-Floor Restaurants, Cafés & QSR
🔒 https://table-hawk-psi.vercel.app/teesta/pos
TH
Teesta Himalayan Kitchen
Main Hall · 12 Active Tables · Cashier Terminal 01
Main Hall (4) Mezzanine (4) Private Rooms (4)
DINING
Table 01 42m
Karma W. · 4 Diners
3 Items ₹1,480
CHECK REQUESTED
Table 02 58m
Pema D. · 2 Diners
Bill Ready ₹890
Table 03
Capacity: 4 Diners
+ START NEW CHECK
PAID & SETTLED
Table 04 UPI Done
Busser Notified · Clean
RESET TO VACANT
Project Scope & Topology

What is Table Hawk and Who Does It Serve?

Table Hawk was designed to solve the real chaos of running busy, multi-floor restaurants — where orders get shouted across dining rooms, paper checks go missing, and cashiers get backed up during dinner rush.

🎯

The Product Mission

During a high-volume service, seconds matter. Most restaurant POS software is basically a glorified cash register sitting on a front desk. Waiters still jot modifications down on scrap paper, and kitchen line cooks squint at grease-stained paper tickets.

Table Hawk ties the entire room together into one live system: real-time floor table status, split-screen billing with live tax calculations, kitchen station displays with timing alerts, and a customer-facing screen with instant dynamic UPI payment.

👥

Stakeholders & Personas

Restaurant Owners Outlet switcher, SaaS billing & API key rotation.
Floor Managers Table transfers, manager discounts & staff access.
Cashiers Multi-tender settlement, GST billing & thermal receipts.
Line Chefs Color-coded timers, item checklists & bump bar tickets.
Waitstaff Handheld floor seating, modifier tags & instant KOT fire.
Dining Guests PWA menu, table-side bill request & counter QR payment.
Operational Reality

The Real Day-to-Day Friction in Running a Restaurant

During a 90-minute peak dinner rush, small disconnects compound into long table turn delays, wasted ingredients, and frustrated diners.

⚠️

4 Core Breakdown Points

  • 1. Blind Spots in Table Pacing & Turnaround

    Hosts at reception don't know if Table 12 is on desserts or waiting for the check without physically walking across 3 floors, leaving walk-in parties waiting outside while empty tables sit unbussed.

  • 2. Verbal Drift & Ticket Miscommunication

    Custom modifications ("No onion", "Extra spicy", "Gluten-free") scribbled on paper slips get smudged or shouted verbally across a roaring kitchen line, leading to remakes and comped bills.

  • 3. The 15-Minute "Check Please" Bottleneck

    Diners ready to leave spend 10 minutes trying to catch a busy server's attention, another 3 minutes waiting for the folio printout, and 2 more minutes waiting for a swipe machine.

  • 4. Clumsy Calculations & Manual Settlement Errors

    Cashiers manually computing split taxes (CGST + SGST), applying arbitrary unverified discounts, or keying incorrect payment amounts into separate card terminals cause end-of-day register discrepancies.

Where Dining Rooms Lose Time During Peak Rush
Paper order to kitchen station ticket ~6 to 8 mins lost
Bill request to final card settlement ~12 to 15 mins lost
Table cleared to host seating awareness ~5 to 7 mins delay
Design Goal: Cut the dead time between each step of service by keeping every screen synchronized in real time.
Unified Product Architecture

One Synchronized System from Floor to Fire

Table Hawk replaces disconnected apps and handwritten pads with a single reactive state layer connecting waitstaff, cashier, and cooks.

Table Hawk synchronizes the dining room, counter, and kitchen in real time. From the moment diners sit down to their final UPI tap, table states, kitchen ticket timers, and customer-facing totals reflect instantaneously across every screen with zero verbal handoffs or page reloads.
Friction 01: Blind Floor Pacing Solved By: 4-State Spatial Map

Multi-Floor Real-Time Table Rings

Pulsing Amber borders signal bill requests across Main Hall, Mezzanine, and Private Rooms instantly, so staff clear tables the second guests finish.

Friction 02: Kitchen Verbal Drift Solved By: Digital KDS Display

Bump Bar Tickets & Elapsed Timers

Direct KOT routing with highlighted dietary tags and color-coded timers (Green <15m, Amber 15-25m, Rose >25m) keep prep lines focused and accountable.

Friction 03: Bill Request Delays Solved By: Waiter PWA & Table Menu

1-Tap "Check Requested" Signal

Waiters or guests tap "Request Bill" on their phones, immediately alerting the cashier terminal with a warm glowing amber cue to print or settle.

Friction 04: Counter Friction Solved By: Customer CODS Display

Dual-Screen Cart & Instant UPI QR

Guests watch items rung up in real time on a second display, scan a dynamically generated UPI QR code, and receive itemized thermal receipts.

Interaction Foundations

4 Principles Tested Under Restaurant Pressure

Every button size, color transition, and layout decision was grounded in the reality of greasy fingers, dim dining rooms, and high peak pressure.

PRINCIPLE · 01

Fast Taps Over Deep Menus

In the middle of dinner service, waitstaff can't afford to navigate multi-level menus. Everything relies on single-tap quantity steppers, clear dietary badges, and quick keyboard search to build complex orders in seconds.

PRINCIPLE · 02

Readable Across the Room

A floor manager should know the status of every table from ten feet away. Strong color borders and floating badges turn the table grid into an ambient overview you can glance at without breaking stride.

PRINCIPLE · 03

Clear Notes, No Shouted Remakes

Special requests like "no onions" or "extra spicy" can't rely on memory or shouted kitchen shorthand. Modifier notes stay pinned directly to line items on both printed tickets and kitchen display screens.

PRINCIPLE · 04

Upfront Billing at the Counter

Billing disputes slow down the entire checkout queue. The customer-facing screen shows the exact live cart, discounts, and itemized taxes as they're keyed in, paired with an instant UPI QR code.

Design Language

Foundations, Color Tokens & Living Components

Built with the bespoke "Himalayan SaaS Ecosystem" UI design system: combining soft ambient surfaces, crisp borders, and operational state tokens.

Color Palette & State Tokens

Brand Charcoal #0F1115
Indigo / Blue #3B82F6
Emerald #10B981
Amber #F59E0B
Rose #EF4444
Slate Gray #64748B
Border Subtle #E2E8F0
Canvas Light #F8FAFC

Table Lifecycle & Floor States

Vacant State

Clean slate border. Ready for immediate walk-in seating or reservation assign.

bg-white / border-slate-200
Dining (Active)

Active check open. Elapsed service timer ticks in upper-right corner.

border-2 border-blue-500/80
Check Requested

Guest requested folio. Warm amber glow and pulsing badge alert cashier.

border-2 border-amber-500 / shadow-amber
Settled & Paid

Payment verified. Emerald background alerts busser to bus and sanitize.

bg-emerald-50/20 / border-emerald-500

Type Scale & Hierarchy

Display Heavy (42px) Teesta Himalayan Kitchen
Heading Bold (20px) Steamed Tingmo & Shyaphale
UI Sans Semibold (14px) Main Hall · Table 04 · Diners: 4 Pax
Terminal Monospace (12px) TXN_9841_UPI_SETTLED · GSTIN: 19AAECP1234M1Z5

Core Operational Micro-Components

MICRO QUANTITY STEPPER
3
DIETARY & SPICE TAGS
● Pure Veg ● Non-Veg 🌶️ Medium Spicy
ACTION BUTTONS
Product Capabilities

Deep-Dives: Core Verified Platform Features

A comprehensive look at the modules built, verified, and operational within the Table Hawk platform codebase.

/teesta/pos · Multi-Floor Spatial Floor Map
Main Hall (Tables 1–4) Mezzanine (Tables 5–8) Private Rooms (Tables 9–12)
SSE Sync: Connected (0.12ms)
DINING
Table 01 32m
Diners: 4 Pax · Server: Tashi
₹1,480.00
CHECK REQUESTED
Table 02 54m
Diners: 2 Pax · Server: Karma
₹890.00 (Ready to Settle)
Table 03
Capacity: 6 Pax · Vacant
+ Start New Check
PAID & SETTLED
Table 04 Settled
Receipt Printed · Busser Alert
Reset to Vacant

What It Does

Provides a spatial birds-eye overview of the restaurant floor partitioned by zones (Main Hall, Mezzanine, Private Rooms). Each table tile renders its live occupancy, assigned server, elapsed dining duration, running check total, and operational state in real time.

Why It's Designed This Way

Restaurant floors are chaotic. Color rings (Blue for active dining, Amber for bill requests, Emerald for settled) turn a complex 20-table room into a 1-second peripheral scan, eliminating verbal inquiries between hosts and servers.

/teesta/pos · Split Master-Detail Table Workspace
Running Check · Table 01 (Karma W.) + Custom Off-Menu Item
Chhurpi & Wild Herb Momo
● Pure Veg · Steamed · Less Spicy
2
₹560
Kanchenjunga Thukpa (Chicken)
● Non-Veg · Extra Broth
1
₹420
Darjeeling First Flush Green Tea
● Hot Pot · 2 Cups
2
₹300
Check Breakdown
Subtotal (5 items) ₹1,280.00
Manager Discount (10%) − ₹128.00
CGST (2.5%) ₹28.80
SGST (2.5%) ₹28.80
Grand Total ₹1,209.60

What It Does

A dual-column workspace that opens upon selecting any active table. The left pane provides instant item adjustments (quantities, dietary tags, notes, spice levels) while the right pane automatically computes GST taxes, manager discounts, and payment tenders.

Why It's Designed This Way

Avoids context-switching modals. Cashiers and servers see the running total update live on the same canvas as they adjust quantities, preventing unexpected tax surprises at checkout.

/teesta/pos · Digital Receipt Blueprint & Thermal Generator
TEESTA HIMALAYAN KITCHEN
Main Road, Gangtok · GSTIN: 19AAECP1234M1Z5
ORDER #TH-2026-0842 · TABLE 01
2x Chhurpi Wild Herb Momo ₹560.00
1x Kanchenjunga Thukpa ₹420.00
2x Darjeeling First Flush Tea ₹300.00
Subtotal ₹1,280.00
Manager Discount (10%) − ₹128.00
CGST (2.5%) + SGST (2.5%) ₹57.60
PAID TOTAL ₹1,209.60
✓ PAID VIA DYNAMIC UPI QR · TXN: 9842103

What It Does

Supports split tenders across UPI, Credit/Debit cards, Cash (with real-time change calculation), and Razorpay. Automatically formats and renders 80mm ESC/POS thermal receipt slips and kitchen copy tickets ready for thermal printing.

Why It's Designed This Way

India and Southeast Asian hospitality relies heavily on dynamic QR UPI settlement alongside traditional paper tax receipts. Table Hawk accommodates both in a single click, cutting counter checkout queues.

/teesta/kds · Real-Time Station Kitchen Display
Table 01 · Hall
Order #842 · Server: Tashi
⏱ 08m
2x Chhurpi Herb Momo STEAM
⚠️ Note: Less spicy, No spring onion
1x Kanchenjunga Thukpa SOUP
Table 06 · Mezzanine
Order #839 · Server: Karma
⏱ 19m
2x Shyaphale Crispy Pie FRYER
2x Butter Salt Tibetan Tea BAR
Table 10 · Private
Order #834 · Server: Pema
⏱ 28m LATE
4x Steamed Tingmo Done
2x Sikkim Pork Rib Curry PLATING

What It Does

Replaces paper dockets with a fullscreen digital display for line cooks and expeditors. Tickets auto-sort by arrival time, flash warning colors as elapsed minutes rise (Green <15m, Amber 15-25m, Rose >25m), and allow per-item or ticket bump clearing.

Why It's Designed This Way

Kitchens operate under extreme thermal and acoustic pressure. Paper tickets get lost or soaked. The high-contrast color shifts create an unignorable visual urgency that keeps ticket aging under 15 minutes.

/teesta/cods · Customer-Facing Counter Mirror Display
CUSTOMER ORDER DISPLAY (CODS)

Your Order Summary

2x Chhurpi Herb Momo ₹560.00
1x Kanchenjunga Thukpa ₹420.00
2x Darjeeling First Flush Tea ₹300.00
Discount Applied (10%) − ₹128.00
Payable Amount ₹1,209.60
Scan to Pay with Any UPI App
GPay · PhonePe · Paytm · BHIM

What It Does

A second screen placed at the payment counter facing the guest. It mirrors items in real time as the cashier scans or adjusts them, itemizes the taxes, and renders a dynamic UPI QR code with the exact payable amount.

Why It's Designed This Way

Prevents billing arguments and reduces cashier-guest friction. Guests see what they are paying for before tendering money, eliminating post-payment refund hassles.

/teesta/waiter · Mobile-First Waitstaff Terminal PWA
Floor Station
Server: Karma W.
Online
ACTIVE TABLE
Table 02 (Mezzanine) 2 Pax

What It Does

A lightweight, responsive Progressive Web App (PWA) tailored for servers carrying phones or 8-inch tablets. Allows instant guest seating, tap-to-add dish ordering with modifiers, and 1-tap bill request triggers.

Why It's Designed This Way

Eliminates the waitstaff sprint to fixed counter terminals. Orders are fired immediately while standing at the table, reducing average order-to-cook latency from 7 minutes to under 30 seconds.

/teesta/admin · Multi-Tenant Super Admin Console
1. Account & Profile Owner identity, 2FA toggle, active session device logout.
2. Property Profile 7 Venue Categories (Fine Dining, QSR, Café, Cloud Kitchen, Bar).
3. Multi-Property Switcher Chain outlet switcher, master menu sharing rules.
4. Staff & Access Control Role matrix (Manager, Cashier, Chef, Waiter) & CSV import.
5. Payments & Gateways Razorpay API keys, UPI QR ID, bank payouts & refund caps.
6. Security & Audit Trail API key rotation, masked secrets, system audit logs.
7. Integrations Hub Hotel PMS Room Charge, WhatsApp receipts, Zomato & Tally.
8. Subscription & Modules Modular add-on toggles (QR Order & Pay, KDS, CODS).

What It Does

A high-density Light Theme administrative console structured across 8 dedicated modules. Controls multi-tenant tenant isolation, staff permission matrices, payment gateway API keys, and external POS/PMS integrations.

Why It's Designed This Way

Multi-unit hospitality requires clear administrative boundaries. The modular light theme provides enterprise-grade clarity, preventing costly billing gateway configuration mistakes.

Project Reflections

What Table Hawk Delivers and What I Learned

A reflection on designing for high-pressure physical environments and bridging full-stack architecture with product craft.

🚀

What the Project Accomplished

Table Hawk proves that full-featured restaurant management doesn't require expensive, proprietary POS terminals or clunky legacy software. Built on modern web and PWA standards, off-the-shelf tablets and counter screens can run floor seating, kitchen ticketing, and dual-screen checkout with zero lag.

By connecting every role onto a single synchronized state layer, tables get cleared and turned faster, kitchen miscommunications drop dramatically, and guests aren't left waiting 15 minutes just to settle their bills.

💡

Key Field & Design Learnings

1. Kitchens Demand Extreme Visual Contrast: In hot, noisy kitchens filled with steam and stainless steel glare, subtle UI styling falls apart. Line cooks need oversized 48px+ touch targets, bright high-contrast color transitions, and prominent timers visible at a distance.

2. Avoid Confirmation Friction During Rush: In consumer apps, adding an "Are you sure?" dialog is standard practice. In a restaurant serving 90 covers an hour, extra confirmation clicks on every item quickly create floor bottlenecks. Favoring quick one-tap actions with easy undo states proved to be a vastly better design choice.

Strategic Roadmap

Future Development: The Next 3 Horizons

Three clearly scoped technical and product extensions designed to scale Table Hawk from independent venues to regional restaurant enterprise groups.

HORIZON 01 · DATA LAYER

Persistent Cloud Database Integration

The Problem It Solves

Currently, tenant orders, table states, and menus utilize lightweight embedded SQLite and in-memory caches, which require synchronization across serverless restarts.

What It Unlocks

A fully managed cloud database (e.g., PostgreSQL with Drizzle ORM) enabling permanent multi-year financial audit trails, historical sales analytics, server shift reports, and inventory decrement tracking.

[ARCHITECTURAL BLUEPRINT]
Serverless API → Connection Pooler → Managed PostgreSQL
Tables: tenants · orders · line_items · payments · audit_logs
HORIZON 02 · ENTERPRISE SCALE

Multi-Restaurant Chain Management

The Problem It Solves

Hospitality groups operating multiple branches must currently log into separate tenant accounts to modify menu prices, review revenue, or deploy new dishes.

What It Unlocks

A centralized Parent Group Console with bird's-eye cross-outlet revenue comparison, global master menu synchronization with localized price overrides, and shared staff permission pools.

[CHAIN TOPOLOGY]
Master Brand HQ → Central Menu Engine
↳ Branch A (Dine-in) · Branch B (Mall QSR) · Branch C (Airport)
HORIZON 03 · OMNICHANNEL

Food Delivery App Integration

The Problem It Solves

Restaurants maintain separate tablets on the counter for Zomato, Swiggy, and Uber Eats. Cashiers manually re-enter online delivery orders into the dine-in POS, creating duplicate work and kitchen delays.

What It Unlocks

Direct webhook ingestion of external online orders straight into Table Hawk's unified KDS screen and cashier ledger, treating delivery drivers as virtual tables on the spatial map.

[OMNICHANNEL PIPELINE]
Zomato / Swiggy Webhooks → Ingestion Queue → Unified KDS
Dine-in Tables + Cloud Kitchen Orders on One Station Screen

Experience Table Hawk Live

Test the active floor map, ring up an order, inspect the live KDS, or check the dual-screen customer display.

🔑 Pre-Configured Demo Credentials
Email: owner@teesta.com
Password: admin
Terminal PIN: 1234