Food Delivery App & Website - 3 Different Roles by Ather WaseemFood Delivery App & Website - 3 Different Roles by Ather Waseem

Food Delivery App & Website - 3 Different Roles

Ather Waseem

Ather Waseem

The Details

Designed a 𝗙𝗼𝗼𝗱 𝗗𝗲𝗹𝗶𝘃𝗲𝗿𝘆 𝗔𝗽𝗽 and 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 for 𝗚𝗿𝗮𝗯𝗯𝗯, built it for three different users at once:
✦ Customer ✦ Rider ✦ Restaurant
Each role has its own flow, its own screens, its own logic. The challenge wasn't designing one good experience, it was designing three that felt like they belonged to the same product.

Did the 𝗨𝗫 𝗥𝗲𝘀𝗲𝗮𝗿𝗰𝗵 first. Finding 𝗥𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲 for customer side was easy but for restaurants & riders interface, was hard part.
Home Screen
Home Screen

Scope Of Work

— UI Design — UX Research — Brand Identity — Information Architecture
Mobile Screens Animated on Jitter
Logo
Logo

Industry

Food Delivery
Grabbb Website - Restaurant Listing Page
Grabbb Website - Restaurant Listing Page
Brand Colors
Brand Colors
Gradient
Gradient
Mobile Screen Highlights
Mobile Screen Highlights
In such a common niche, you can't make the experience entirely unfamiliar, so designing something different that still feels intuitive was a challenge in itself.
Customer & Restaurant Side Mobile Screens
Customer & Restaurant Side Mobile Screens
Typeface
Typeface

3 Different Roles


Customer
Customers Flow
Customers Flow

Restaurant
Restaurants Flow
Restaurants Flow

Rider
Riders Flow
Riders Flow
Website Section
Website Section
Restaurant Cards
Restaurant Cards
App Section
App Section
Like this project

Posted Dec 15, 2025

Designed the UI of the mobile app as well as the website with same design language for customer, rider, and restaurant side