Skip to main content
UI-UX

DeliFood

DeliFood

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Deliver delicious food — DeliFood's bold orange identity makes food ordering feel as warm and energetic as the cuisine it delivers."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/details/182-drawing-art-2019/delifood.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"App UI Design — DeliFood"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Mobile App · Food Delivery · Multi-Cuisine"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A vibrant, appetite-forward two-screen food delivery app UI for DeliFood — a platform built around the simple promise of \"Deliver delicious food,\" executed with the kind of visual energy that makes you hungry before you've opened a single menu."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The splash screen is a statement in itself: a rich orange-red gradient with organic blob shapes, the DeliFood logo (a cloche with delivery wheels — clever, literal, charming), the wordmark in warm yellow, and the tagline \"Deliver delicious food\" in clean white. The orange is the app's entire personality — warm, fast, appetite-stimulating."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The home screen maintains the energy with cuisine category chips — Asia, Indonesia, America, Europe, Healthy — in the same red-orange gradient tiles. \"Most favorite foods\" surfaces Healthy fruit salad yogurt & greens (5 stars) and Chinese chicken sichuan min (4.5 stars) — a range that signals both health-conscious and indulgent options on the same platform. \"Best promo special for you\" drives conversion with a food photography strip at the bottom."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The bottom navigation — Location, Home (active, orange), Tag — is minimal and purposeful. Clean, warm, done."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A food delivery app that gets out of its own way — and lets the food do the talking."}]}]}

Tech Stack

Figma

Tags

UI-UXExplorationfooddeliveryappmobiledelicious

Completed

October 2020

Project Scale

short Project