dragoon0x Food Delivery Design
Restaurant Listing
- Hero photo of signature dish
- Restaurant name, cuisine type, rating
- Delivery time estimate and fee
- Distance from user
- Promotion badges ("Free delivery", "20% off")
- Open/closed status
Menu Display
- Categories with sticky header while scrolling
- Item: photo, name, description, price
- Dietary tags: vegetarian, vegan, gluten-free, spicy level
- Popular items highlighted
- Customization options in a bottom sheet on selection
- Add to cart with quantity selector
Cart & Checkout
- Floating cart button with item count and total
- Easy item modification (tap to edit)
- Special instructions text field
- Tip selection (preset amounts + custom)
- Clear breakdown: subtotal, delivery fee, service fee, tip, total
Order Tracking
- Status timeline: Confirmed → Preparing → Picked up → On the way → Delivered
- Real-time map with driver location
- Estimated arrival time (updating)
- Contact driver option (call/message)
- Photo confirmation of delivery
Food Photography
- Overhead or 45-degree angle
- Natural lighting preferred
- Styled but not unrealistic
- Consistent background/surface across the app
- Aspect ratio: square (1:1) for grid, 16:9 for hero