Interactive — this is the real build running inside the page.Full screen
What it does
An operations workspace for a Beirut freight forwarder moving sea, air and road cargo to the Gulf, Europe and China. Price a quote with real chargeable-weight rules, turn it into a booking, follow it on a nautical chart through every milestone, collect the customs documents, and plan the container load in an isometric drawing.
Signature interaction
Drag crates and pallets into an isometric 20′, 40′ or 40′HC container, or press Auto-pack: cargo stacks in loading order while fill, payload and centre of gravity update, and anything too tall or too heavy turns red.
What works in it
Isometric container load planner with drag and drop
Auto-pack for 20′, 40′ and 40′HC, re-packed on every switch
Live fill, payload limit and centre of gravity
Quote calculator for sea FCL, LCL, air and road
Chargeable weight: air 1 m³ = 167 kg, LCL 1 m³ = 1,000 kg
One-click quote to booking
Milestone timeline with a customs document gate
Document checklist with local file attach and draft B/L
Nautical route chart with ships, planes and trucks
Customer tracking page with WhatsApp link (simulated)
Editable rate card that prices every new quote
Command palette, undo toasts and port clocks
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
Business
Workflow Automation
A visual automation builder for a Beirut coffee e-shop: pick a trigger (new order, low stock, ticket created), set conditions, and chain actions like WhatsApp messages, assignments, tasks and CRM updates on Yes/No branches. “Run test” sends a sample event through the flow with animated tokens and a timestamped run log.
An ops console for a Beirut food-delivery business with a live event stream (new orders, payments, escalated tickets, refunds, reviews), a stacked toast system and a full notification centre behind the bell: grouped by day, read/unread, filters, archive, per-category mute and do-not-disturb.
A self-serve report builder for a Lebanese food distributor: choose a metric, group-by and split-by dimensions, filters, chart type and period, and get an animated chart plus a pivot table with totals. Save reports to a list, pivot rows and columns in one click, and preview the CSV export in a copyable panel.