ST Express
UI Mockups

ST Express — clickable prototype

All 44 screens for the web app, warehouse mobile app, and printable documents. Click any tile to open the screen. Built with the production stack: Tailwind on static HTML.

Built · 44 screens Run locally: cd mockups && python3 -m http.server

Public website

stexpressltd.com — accessible to everyone, no login required.

5 screens
Built
Landing page
Hero, services, how-it-works, coverage, agent CTA
 Built
Public tracking
Search by tracking #, full timeline
 Built
Agent registration
Application form for prospective agents
 Built
Registration confirmation
Email verification next-steps
 Built
Services / About / Coverage / Contact
Combined static page

Web app — Super Admin

Full system access. Pricing, users, finance, reports.

15 screens
Built
Login + 2FA
Secure sign-in entry
 Built
Global dashboard
KPIs, volume chart, top agents, activity
 Built
Users & roles
List, role/permission matrix
 Built
Countries & warehouses
Geographic ops, hubs
 Built
Shipment control
Global list, filters, bulk actions
 Built
Shipment detail
Full view: addresses, parcel, customs, history
 Built
Pricing & markup
Markup pipeline, agent overrides, country rules
 Built
Carriers
DHL/FedEx/UPS API, services, sync interval
 Built
Wallets & transactions
All credits/debits across system
 Built
Commission rules
Per-agent / per-country payouts
 Built
Reports & analytics
7 reports with CSV/Excel/PDF export
 Built
Email/SMS templates
Editor with live preview
 Built
Audit log
Login, action, IP, timestamp
 Built
System settings
Units, currency, FX, security
 Built
Messages
Internal threaded messaging

Web app — ST Express Agent

Day-to-day regional booking and customer management.

10 screens
Built
Agent dashboard
Today's bookings, wallet, recent shipments
 Built
Counter booking flow
Phone-search auto-fill, sender/receiver
 Built
Bulk CSV import
Upload many shipments at once
 Built
My shipments
Status filters, search
 Built
Shipment detail (agent)
Status timeline, notes, cost
 Built
Customers (shippers)
Phone-search, returning auto-fill
 Built
Warehouse logs
Read-only view of mobile scans
 Built
Address book
Saved senders & receivers
 Built
Wallet & earnings
Balance, top-up, withdrawals
 Built
Messages
Conversations with admin

Web app — International Courier Admin

Pricing, agents and operations for international shipments.

5 screens
Built
Intl admin dashboard
Carrier mix, top agents, revenue
 Built
Intl agents
Activate, set markup overrides
 Built
Intl shipments
Cross-agent list and detail
 Built
Returns management
Reverse shipments, status
 Built
Intl reports
Carrier-scoped analytics

Web app — International Agent

DHL/FedEx/UPS booking. The 6-step flow lives here.

6 screens
Built
Agent dashboard
Wallet, recent shipments, quick actions
 Built
⭐ Booking flow (rate quote)
DHL vs FedEx vs UPS comparison + add-ons
 Built
My shipments
List + filters
 Built
Address book
Sender / receiver
 Built
Wallet
Balance, top-up methods
 Built
Invoices
Receipt + customs PDF per shipment

Mobile app — Warehouse Staff

Flutter app for scanning and updating shipment status. All 8 screens shown side by side.

8 screens
📱
Mobile
Warehouse mobile flow — all 8 screens
Login → Today → Quick scan → Scan result → List → Timeline → Profile → Manual entry
→

Printable documents

Print-styled HTML matching the existing PDF formats. Print-preview in browser.

3 documents
PDF · A4
Shipment receipt
3-section: address, shipment info, package, service
 PDF · 4×6
Shipping label
FedEx-style with barcode + airport code
 PDF · A4
Commercial invoice
Customs document with HS code, COO, declaration