Skip to content

README.md

Latest commit

 

History

History
153 lines (119 loc) · 6.31 KB

README.md

File metadata and controls

153 lines (119 loc) · 6.31 KB
Raw

DeliverEase

UX/UI redesign of the DoorDash mobile experience, from onboarding through order tracking.

DeliverEase is a UX case study, not a coded app — the deliverable is a full set of high-fidelity Figma screens covering the entire food-delivery user journey: onboarding and auth, home/discovery, restaurant browsing, cart/checkout, live order tracking, account/settings, and support. Rather than restyling individual screens in isolation, the redesign works through complete flows end to end, so a checkout or order-tracking sequence can be walked screen-by-screen the way a real user would experience it.

Tools: Figma

Type: UX/UI case study + high-fidelity mobile screens

Author: Anish Kuila

Status: Design complete — no coded frontend

Table of contents

What it does

Onboarding ──▶ Sign In / Sign Up ──▶ Home / Discovery ──▶ Restaurant & Menu Browsing
                                                                  │
                                                                  ▼
        Support & Help ◀── Profile & Settings ◀── Order Tracking ◀── Cart & Checkout

Each stage in the flow above is designed as a set of connected high-fidelity screens (not isolated mockups), so transitions like cart → address selection → payment → confirmation reflect an actual step-by-step user path rather than a single polished hero screen.

Design scope

Area What's covered
Onboarding & Auth Splash, welcome/onboarding, sign in / sign up
Home & Discovery Restaurant categories, personalized recommendations, featured deals
Food Browsing Restaurant listing, menu browsing, item customization
Cart & Checkout Cart review, address selection, payment method, order confirmation
Order Tracking Live delivery tracking, status updates, delivery ETA
Profile & Settings User profile, saved addresses, payment methods, order history
Support Contact support, FAQ, issue reporting

Scale

Counted directly from the exported design files:

Metric Count
High-fidelity screens exported 12
Full user-journey areas covered 7
Custom icon assets included 11 (Iconly + Linear icon sets)

How to view

The full design file is exported as a single reference image:

DeliverEase DesignFile.jpg

Individual high-fidelity screens are available as standalone exports in Screenshots_Figma/ for reviewing specific flows (e.g., checkout or order tracking) without opening the full file. A preview of each is below.

Screens preview

Onboarding & Authentication

Onboarding
Onboarding		 Signed Out
Signed Out		 Sign In
Sign In		 Sign Up
Sign Up

Home & Discovery

Home
Home		 Search Menu
Search Menu		 Restaurant Page
Restaurant Page

Orders & Wishlist

Wishlist Menu
Wishlist Menu		 Order History
Order History

Profile & Settings

Account Menu
Account Menu		 Account Notifications
Account Notifications		 Account Accessibility
Account Accessibility

Project structure

Deliverease-Figma-UI-Redesign/
├── DeliverEase DesignFile.jpg     Full design file export (all screens)
├── Screenshots_Figma/               12 individual high-fidelity screens
│   ├── Onboarding.png
│   ├── SignIn.png / SignUp.png / SignedOut.png
│   ├── Home.png / Search_Menu.png / Restaurant_Page.png
│   ├── Wishlist_Menu.png / Order_History.png
│   └── Account_Menu.png / Account_Accessibility.png / Account_Notifications.png
├── Iconly/                          Profile icon set (Regular/Light)
└── Linear/                          Money + Essential UI icon set

Screens reference

Screen Flow stage
Onboarding First-time app introduction
SignedOut / SignIn / SignUp Authentication
Home Discovery — categories, recommendations, deals
Search_Menu Restaurant/food search
Restaurant_Page Menu browsing, item customization
Wishlist_Menu Saved items
Order_History Past orders
Account_Menu Profile & settings entry point
Account_Notifications Notification preferences
Account_Accessibility Accessibility settings

UX improvements over DoorDash

  • Cleaner layout with improved spacing and visual hierarchy
  • Fewer steps in the checkout flow
  • More consistent navigation patterns across screens
  • Clearer visibility of delivery time and cost at a glance
  • Simplified food discovery experience

Limitations

  • Design-only — no coded frontend or interactive prototype exists yet (a clickable Figma prototype would be a natural next step for usability testing).
  • No usability testing or user feedback data collected against the redesign; the UX improvements above are design rationale, not validated metrics.
  • Icon/asset set is partial (exported subset), not the full design system library.

License

MIT — see LICENSE.