Skip to main content

TIFFINLY

Platform3 Mobile Apps
DisciplineUI/UX Design
ScopeMulti-role UI/UX
Year2026

One Ecosystem.
Three Roles.

Tiffinly — multi-role food subscription and delivery platform

01) PROJECT OVERVIEW

  1. 01Overview
  2. 02Challenge
  3. 03Approach
  4. 04The Apps
  5. 05Outcome

A Food Subscription Experience
Built For Every Role.

Tiffinly is a multi-role food subscription and delivery platform that connects customers with tiffin and meal providers — and both with delivery partners — through a single digital ecosystem. Three connected mobile experiences simplify subscription, ordering, provider management, and delivery workflows.

Tiffinly connected mobile experience across three user roles

02) CHALLENGES

Three Different Users,
One Unified Experience.

Tiffinly's core challenge was to design one product ecosystem for three very different users — customers, tiffin providers, and delivery partners — without making any of the interfaces feel complicated. Each role demanded its own information hierarchy: discovery, choice, and delivery visibility for customers; operational control over menus, orders, and earnings for providers; and instant access to tasks, locations, and status updates for delivery partners.

THREEROLES
COMPLEXFLOWS
ONESYSTEM
Tiffinly user flow and wireframe exploration
Tiffinly information architecture and interface frames
Tiffinly delivery workflow and interface states

03) DESIGN PROCESS

A Complete Product Experience,
Not A Collection Of Screens.

The project was approached as a complete product experience rather than a collection of individual screens. The workflow began with understanding the three user journeys, mapping each role's key actions, and translating those flows into mobile-first interfaces — before progressively refining them into a shared, high-fidelity UI system.

01

DISCOVER

Understanding the three user journeys

02

DEFINE

Mapping key actions & flows

03

EXPLORE

Information architecture & wireframes

04

REFINE

Reusable components & states

05

DELIVER

High-fidelity mobile UI

Tiffinly design process, user flows and interface system

04 — THE CUSTOMER APP

From Discovery To
The Doorstep.

The customer app takes users from onboarding and profile setup to provider discovery, subscription plan selection, checkout and payment — then keeps them informed with clear order tracking and order details.

Structured layouts, card-based grouping, and clear status indicators keep the experience fast to scan and effortless to act on, from choosing a provider to following a delivery in real time.

Onboarding & AuthProvider DiscoverySubscription PlansCheckout & PaymentOrder TrackingOrder DetailsProfile & Settings
Tiffinly customer app — discover, subscribe, pay and track

05 — THE PROVIDER APP

Operational Control,
From Menu To Earnings.

The provider app helps tiffin providers run their business and daily operations from a single dashboard.

Set Up & Verify

  • Authentication & verification
  • Business and owner details
  • Service area setup
  • KYC & bank details

Run Daily Operations

  • Provider dashboard & delivery timings
  • Menu management
  • Order management
  • Delivery assignment

Track Performance

  • Earnings & performance insights

Everything a provider needs to manage offerings, deliveries, and earnings lives in one clear, operational interface.

Tiffinly provider app — dashboard, menu and operations

06 — THE DELIVERY PARTNER APP

Task-Focused Delivery,
End To End.

The delivery partner app is built around speed and clarity — giving partners instant access to their next task, pickup and drop-off locations, and navigation.

Live delivery status updates, a simple completion flow, and a clear earnings and support view keep the whole workflow efficient from acceptance to delivery.

Onboarding & VerificationDelivery DashboardPickup & Drop-offNavigationStatus UpdatesDelivery CompletionEarnings & Support
Tiffinly delivery partner app — task-based delivery and navigation

07 — DESIGN SYSTEM

One Visual System,
Three Connected Apps.

To keep three different apps feeling like one product, Tiffinly was built on a shared UI system that stays consistent across every role.

Structured Layouts

  • Consistent grids and spacing across the entire ecosystem

Reusable Components

  • Shared cards, inputs, and navigation patterns

Clear Status Indicators

  • Order, delivery, and payment states visible at a glance

Strong Visual Hierarchy

  • Complex information made easy to scan and act upon

A customer, provider, or delivery partner always recognizes the same product language — no matter which app they open.

08 — THE OUTCOME

A Complete Multi-Role
Mobile Ecosystem.

The result is a complete multi-role mobile UI ecosystem that covers the major workflows of Tiffinly — from onboarding and subscription selection to provider operations and final delivery.

Tiffinly demonstrates Skédio's approach to designing structured digital products where multiple user roles, business operations, and customer experiences need to work together seamlessly.