Case Study — Product Ecosystem UX/UI

To U Delivery

A delivery service needed three products for three users — the dispatch office, the merchant, and the driver — designed as one system rather than three disconnected apps.

Role

UX/UI Design

Year

2023

Stack

Figma

Context

The Problem

ToU is a delivery service. I designed its product ecosystem as pure UX/UI: the admin dashboard the operations team runs on, the business app merchants create and track orders from, and the driver app on the road — with English and Arabic served throughout.

The three users could not differ more. Dispatch lives in dense data — orders, businesses, riders, and per-area distance pricing — so that side leans on tables, filters, and status chips. The merchant side is map-first: an order is placed, a driver is found, and every outcome — delivered, rejected, no driver available — is designed, not just the happy path. The driver app is the same system compressed for glanceability: availability, incoming fees, and the road. One component vocabulary serves all of it.

The Product

Screens & Decisions

Admin Dashboard

To U Delivery — Admin Dashboard, screen 1
To U Delivery — Admin Dashboard, screen 2
To U Delivery — Admin Dashboard, screen 3
To U Delivery — Admin Dashboard, screen 4
To U Delivery — Admin Dashboard, screen 5
To U Delivery — Admin Dashboard, screen 6

Business App

To U Delivery — Business App, screen 1
To U Delivery — Business App, screen 2
To U Delivery — Business App, screen 3
To U Delivery — Business App, screen 4
To U Delivery — Business App, screen 5
To U Delivery — Business App, screen 6
To U Delivery — Business App, screen 7
To U Delivery — Business App, screen 8

Driver App

To U Delivery — Driver App, screen 1
To U Delivery — Driver App, screen 2
To U Delivery — Driver App, screen 3
To U Delivery — Driver App, screen 4
To U Delivery — Driver App, screen 5
To U Delivery — Driver App, screen 6
Back to All Projects