Back to Portfolio
Mobile App / Multi-tenant SaaS

Kusinely

Mobile Restaurant & Ordering Ecosystem

Live Demo
Commission Savings30%
Reconciliation100%
Courier IntegrationLalamove
Payment Success99.9%

Visual System & Style

Design System Accent: Warm, culinary orange theme (#ea580c) tailored to food services. Incorporates clear, visual menu lists, custom tray sizes, and real-time delivery status pages.

Typography & Baseline: Inter for admin tables; native platform default fonts (San Francisco/Roboto) for Expo mobile applications to ensure smooth, zero-latency interactions.

Interactive Micro-Animations

  • ✦Dynamic order progress bars showing preparation, pickup, and delivery stages.
  • ✦Interactive food menu badges that bounce when clicked to add to cart.
  • ✦Smooth location pin drops on maps during courier tracking updates.

User Personas & Pain Points

Clara (27, Busy Professional)

Relies on quick ordering during her commute; expects fast checkout, saved addresses, and live delivery updates.

Chef Mang Tomas (50, Branch Manager)

Manages kitchen preparation lists; needs high-contrast dashboard alerts for new incoming orders.

Solving User Friction

01

Integrated client-side WebSockets that push rider status to clients only when an active order tracking view is open, preserving battery.

Integrated client-side WebSockets that push rider status to clients only when an active order tracking view is open, preserving battery.

02

Multi-branch routing selects the closest branch location automatically based on customer coordinates, minimizing shipping distance.

Multi-branch routing selects the closest branch location automatically based on customer coordinates, minimizing shipping distance.

Accessibility & Contrast Compliance

Active UI controls meet WCAG AAA contrast standard on dark themes.
Form input elements support keyboard navigation and auto-fill hints.
Accessibility labels (aria-label) configured on all native icon button controls.